CINXE.COM

Cisco Webex Meetings | Vidéoconférence et messagerie de groupe

<!DOCTYPE HTML> <html lang="fr"> <head> <title>Cisco Webex Meetings | Vidéoconférence et messagerie de groupe</title> <meta name="title" content="Cisco Webex Meetings | Vidéoconférence et messagerie de groupe"/> <meta name="apple-itunes-app" content="app-id=298844386" /> <meta property="og:type" content="site web" /> <meta property="og:url" content="https://www.webex.com/fr/index.html" /> <meta property="og:title" content="Cisco Webex Meetings | Vidéoconférence et messagerie de groupe" /> <meta property="og:description" content="Cisco Webex est la solution d'entreprise phare pour les vidéoconférences et les réunions en ligne. Cette plate-forme logicielle sécurisée pour la vidéo et l'audioconférence, la messagerie de groupe et les webinaires aide les entreprises à être plus productives. Les participants peuvent rejoindre une réunion depuis n'importe quel navigateur, terminal ou système, en répondant simplement au téléphone." /> <meta property="og:site_name" content="Webex" /> <script defer="defer" type="text/javascript" src="/.rum/@adobe/helix-rum-js@%5E2/dist/rum-standalone.js"></script> <link rel="canonical" href="https://www.webex.com/fr/index.html"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> <meta name="description" content="Cisco Webex est la solution d&#39;entreprise phare pour les vidéoconférences et les réunions en ligne. Cette plate-forme logicielle sécurisée pour la vidéo et l&#39;audioconférence, la messagerie de groupe et les webinaires aide les entreprises à être plus productives. Les participants peuvent rejoindre une réunion depuis n&#39;importe quel navigateur, terminal ou système, en répondant simplement au téléphone."/> <meta name="format-detection" content="telephone=no"/> <meta name="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="language" content="fr"/> <meta name="country"/> <meta name="date" content="Mon May 01 18:57:23 UTC 2023"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <script type="application/ld+json"> { "@context" : "https://schema.org", "@id": "https://www.webex.com/#website", "@type" : "WebSite", "name" : "Webex", "alternateName" : "Webex by Cisco", "url" : "https://www.webex.com" } </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "Organization", "name" : "Webex", "legalName" : "Webex by Cisco", "url" : "https://www.webex.com", "logo": "https://www.webex.com/content/dam/wbx/global/images/webex-favicon.png" } </script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm-core.js"></script> <!-- <script type="text/javascript" src="/content/dam/wbx-new/common/at_cisco.js"></script> --> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/jquery.lc-88e9d121fa7daf363a97e5e290682415-lc.min.js"></script> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/main.lc-c7d8d078a6273d61840f97fee17a58ea-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/global/header.lc-8922d6e56f68b2ec71696c30e07e13b7-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-bbeb05188b90bc82da98d22ce9d903c5-lc.min.css" type="text/css"> <link rel="stylesheet" href="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/footer.lc-c690dd957929acec252b2620629ce646-lc.min.css" type="text/css"> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/search-bar.lc-553e92d6a8133e97cf3264bdf01d28a7-lc.min.js"></script> <!--[if lt IE 9]> <script src="includes/js/html5shiv.js"></script> <link rel="stylesheet" href="/includes/css/rwd-ie8.css" /> <![endif]--> <!-- Google tag (gtag.js) --> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-JX5PZRZSGR"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JX5PZRZSGR'); </script> --> <link rel="icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/> <link rel="shortcut icon" type="image/png" href="/content/dam/wbx/global/images/webex-favicon.png"/></head> <body data-spy="scroll" data-target=".ver-nav" data-offset="115" class="classic-" style="position: relative"> <div class="main-no-header"> <div class="body parsys"> <div class="open-html-component"> <div class="wbx-header"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <!-- bypass block --> <style> .skip-link { position: fixed; top: -100px; background: #01bceb; color: #fff; text-decoration: none; display: inline-block; z-index: 999; border-radius: 24px; padding: 9px 30px; transform: translate(-50%, -50%); transition: top 0.3s; left: 50%; } .skip-link:focus { top: 100px; } </style> <a class="skip-link" href="#content">Skip to content</a> <!-- Cookie initial code --> <script> // this need add into template as base js file /*! * jQuery Cookie Plugin v1.4.1 * https://github.com/carhartl/jquery-cookie * * Copyright 2013 Klaus Hartl * Released under the MIT license */ (function (factory) { if (typeof define === "function" && define.amd) { // AMD define(["jquery"], factory); } else if (typeof exports === "object") { // CommonJS factory(require("jquery")); } else { // Browser globals factory(jQuery); } })(function ($) { var pluses = /\+/g; function encode(s) { return config.raw ? s : encodeURIComponent(s); } function decode(s) { return config.raw ? s : decodeURIComponent(s); } function stringifyCookieValue(value) { return encode(config.json ? JSON.stringify(value) : String(value)); } function parseCookieValue(s) { if (s.indexOf('"') === 0) { // This is a quoted cookie as according to RFC2068, unescape... s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, "\\"); } try { // Replace server-side written pluses with spaces. // If we can't decode the cookie, ignore it, it's unusable. // If we can't parse the cookie, ignore it, it's unusable. s = decodeURIComponent(s.replace(pluses, " ")); return config.json ? JSON.parse(s) : s; } catch (e) {} } function read(s, converter) { var value = config.raw ? s : parseCookieValue(s); return $.isFunction(converter) ? converter(value) : value; } var config = ($.cookie = function (key, value, options) { // Write if (value !== undefined && !$.isFunction(value)) { options = $.extend({}, config.defaults, options); if (typeof options.expires === "number") { var days = options.expires, t = (options.expires = new Date()); t.setTime(+t + days * 864e5); } return (document.cookie = [ encode(key), "=", stringifyCookieValue(value), options.expires ? "; expires=" + options.expires.toUTCString() : "", // use expires attribute, max-age is not supported by IE options.path ? "; path=" + options.path : "", options.domain ? "; domain=" + options.domain : "", options.secure ? "; secure" : "", ].join("")); } // Read var result = key ? undefined : {}; // To prevent the for loop in the first place assign an empty array // in case there are no cookies at all. Also prevents odd result when // calling $.cookie(). var cookies = document.cookie ? document.cookie.split("; ") : []; for (var i = 0, l = cookies.length; i < l; i++) { var parts = cookies[i].split("="); var name = decode(parts.shift()); var cookie = parts.join("="); if (key && key === name) { // If second argument (value) is a function it's a converter... result = read(cookie, value); break; } // Prevent storing a cookie that we couldn't decode. if (!key && (cookie = read(cookie)) !== undefined) { result[name] = cookie; } } return result; }); config.defaults = {}; $.removeCookie = function (key, options) { if ($.cookie(key) === undefined) { return false; } // Must not alter options, thus extending a fresh object... $.cookie(key, "", $.extend({}, options, { expires: -1 })); return !$.cookie(key); }; }); </script> <script> if (!$.cookie("origin_web")) { $.cookie("origin_web", "webex.com", { path: "/", domain: ".webex.com", expires: 30, }); } var DEF_locale = "US", DEF_lang = "en", DEF_currency = "USD"; var user_currency = DEF_currency; var locale_currency_lang = new Array(); locale_currency_lang[0] = ["US", "USD", "en", "en_US", "USA"]; locale_currency_lang[1] = ["GB", "GBP", "en", "en_US", "United Kingdom"]; locale_currency_lang[2] = ["IE", "EUR", "en", "en_US", "Ireland"]; locale_currency_lang[3] = ["NL", "EUR", "en", "en_US", "Netherlands"]; locale_currency_lang[4] = ["BE", "EUR", "en", "en_US", "Belgium"]; locale_currency_lang[5] = ["AT", "EUR", "en", "en_US", "Austria"]; locale_currency_lang[6] = ["PL", "EUR", "en", "en_US", "Poland"]; locale_currency_lang[7] = ["SE", "EUR", "en", "en_US", "Sweden"]; locale_currency_lang[8] = ["DK", "EUR", "en", "en_US", "Denmark"]; locale_currency_lang[9] = ["NO", "EUR", "en", "en_US", "Norway"]; locale_currency_lang[10] = ["CH", "EUR", "de", "de_DE", "Switzerland"]; locale_currency_lang[11] = ["DE", "EUR", "de", "de_DE", "Germany"]; locale_currency_lang[12] = ["FR", "EUR", "fr", "fr_FR", "France"]; locale_currency_lang[13] = ["ZA", "USD", "en", "en_IE", "South Africa"]; locale_currency_lang[14] = ["IL", "USD", "en", "en_IE", "Israel"]; locale_currency_lang[15] = ["RO", "EUR", "en", "en_IE", "Romania"]; locale_currency_lang[16] = ["CZ", "EUR", "en", "en_IE", "Czech Republic"]; locale_currency_lang[17] = ["FI", "EUR", "en", "en_IE", "Finland"]; locale_currency_lang[18] = ["HU", "EUR", "en", "en_IE", "Hungary"]; locale_currency_lang[19] = ["BG", "EUR", "en", "en_IE", "Bulgaria"]; locale_currency_lang[20] = ["SK", "EUR", "en", "en_IE", "Slovakia"]; locale_currency_lang[21] = ["JP", "JPY", "ja", "ja_JP", "Japan"]; locale_currency_lang[22] = ["SG", "USD", "en", "en_SG", "Singapore"]; locale_currency_lang[23] = ["NZ", "USD", "en", "en_IE", "New Zealand"]; locale_currency_lang[24] = ["VN", "USD", "en", "en_SG", "Vietnam"]; locale_currency_lang[25] = ["AE", "USD", "en", "en_SG", "UAE"]; locale_currency_lang[26] = ["MY", "USD", "en", "en_SG", "Malaysia"]; locale_currency_lang[27] = ["TH", "USD", "en", "en_SG", "Thailand"]; locale_currency_lang[28] = ["IT", "EUR", "en", "en_IE", "Italy"]; locale_currency_lang[29] = ["ES", "EUR", "es", "es_ES", "Spain"]; locale_currency_lang[30] = ["PT", "EUR", "en", "en_IE", "Portugal"]; locale_currency_lang[31] = ["LU", "EUR", "fr", "fr_FR", "Luxembourg"]; locale_currency_lang[32] = ["GR", "EUR", "en", "en_IE", "Greece"]; locale_currency_lang[33] = ["CY", "EUR", "en", "en_IE", "Cyprus"]; locale_currency_lang[34] = ["UA", "EUR", "en", "en_SG", "Ukraine"]; locale_currency_lang[35] = ["SI", "EUR", "en", "en_IE", "Slovenia"]; locale_currency_lang[36] = ["HR", "EUR", "en", "en_IE", "Croatia"]; locale_currency_lang[37] = ["GI", "GBP", "en", "en_IE", "Gibraltar"]; locale_currency_lang[38] = ["MT", "EUR", "en", "en_IE", "Malta"]; locale_currency_lang[39] = ["LV", "EUR", "en", "en_IE", "Latvia"]; locale_currency_lang[40] = ["EE", "EUR", "en", "en_IE", "Estonia"]; locale_currency_lang[41] = ["LT", "EUR", "en", "en_IE", "Lithuania"]; locale_currency_lang[42] = ["CA", "CAD", "en", "en_CA", "Canada"]; locale_currency_lang[43] = ["CAF", "CAD", "fr", "fr_CA", "Canada"]; locale_currency_lang[44] = ["AU", "AUD", "en", "en_SG", "Australia"]; locale_currency_lang[45] = ["HK", "USD", "en", "en_SG", "Hong Kong"]; locale_currency_lang[46] = ["TW", "USD", "en", "en_SG", "Taiwan"]; locale_currency_lang[47] = ["KR", "USD", "en", "en_SG", "Korea (South)"]; locale_currency_lang[48] = ["IS", "EUR", "en", "en_IE", "Iceland"]; locale_currency_lang[49] = ["CO", "USD", "es", "es_ES", "Colombia"]; locale_currency_lang[50] = ["PE", "USD", "es", "es_ES", "Peru"]; locale_currency_lang[51] = ["BR", "USD", "en", "en_IE", "Brazil"]; locale_currency_lang[52] = ["AR", "USD", "es", "es_ES", "Argentina"]; locale_currency_lang[53] = ["CL", "USD", "es", "es_ES", "Chile"]; locale_currency_lang[54] = ["EC", "USD", "es", "es_ES", "Ecuador"]; locale_currency_lang[55] = ["PR", "USD", "es", "es_ES", "Puerto Rico"]; locale_currency_lang[56] = ["CR", "USD", "es", "es_ES", "Costa Rica"]; locale_currency_lang[57] = ["DO", "USD", "es", "es_ES", "Dominican Republic"]; locale_currency_lang[58] = ["PA", "USD", "es", "es_ES", "Panama"]; locale_currency_lang[59] = ["TN", "USD", "en", "en_IE", "Tunisia"]; locale_currency_lang[60] = ["LI", "EUR", "de", "de_DE", "Liechtenstein"]; locale_currency_lang[61] = ["MC", "EUR", "fr", "fr_FR", "Monaco"]; locale_currency_lang[62] = ["MX", "USD", "es", "es_ES", "Mexico"]; var USList = ["US", "ZA", "SG", "IL", "VN", "AE", "MY", "TH", "TN"]; var UKList = [ "GB", "IE", "NL", "BE", "AT", "PL", "SE", "DK", "NO", "RO", "CZ", "FI", "HU", "BG", "SK", "PT", "GR", "CY", "UA", "SI", "HR", "GI", "MT", "LV", "EE", "LT", "IS", ]; var AUList = ["AU", "NZ"]; var allEnList = USList.concat(UKList).concat(AUList).concat(["CA", "IN"]); var FRList = ["FR", "LU", "MC"]; var DEList = ["DE", "CH", "LI"]; var ZHList = ["TW", "MO", "HK"]; var MXList = ["CO", "PE", "AR", "CL", "EC", "PR", "CR", "DO", "PA", "MX"]; function get_lang(locale) { if (locale == "JP") { return "ja"; } else if (locale == "IT") { return "it"; } else if (locale == "KR") { return "ko"; } else if (locale == "BR") { return "pt"; // } else if (locale == 'UA') { // return 'uk'; // } } else if ($.inArray(locale, DEList) != -1) { return "de"; } else if ($.inArray(locale, FRList) != -1 || locale == "CAF") { return "fr"; } else if ($.inArray(locale, MXList) != -1 || locale == "ES") { return "es"; } else if ($.inArray(locale, ZHList) != -1) { return "zh-tw"; } else if ($.inArray(locale, allEnList) != -1) { return "en"; } //get browser setting language by navigator object var browser_lang = ( navigator.language || navigator.browserLanguage ).toLowerCase(); if (browser_lang.indexOf("zh") != -1) { if (browser_lang.indexOf("-") != -1) { var param = browser_lang.split("-"); if (param[1].toLowerCase() == "cn") { return "cn"; } else { return "n-cn"; } } else { return "cn"; } } else { return browser_lang.slice(0, 2); } } function change_currency(local) { if (local == undefined) { return; } var len_locale = locale_currency_lang.length; for (var i = 0; i < len_locale; i++) { if (locale_currency_lang[i][0] == local) { user_currency = locale_currency_lang[i][1]; break; } } $.cookie("user_currency", user_currency, { path: "/", expires: 30 }); } var headerLocale = "", headerIP = ""; function init_cookie_lang_locale() { var req = new XMLHttpRequest(); req.open("HEAD", document.location, true); req.onreadystatechange = function () { headerLocale = DEF_locale; if (req.readyState == 4) { var headerInfo = req.getResponseHeader("x-wbx-about"); if (headerInfo != null && headerInfo != "") { var headerInfoSplit = headerInfo.split(","); headerLocale = headerInfoSplit[0]; headerIP = headerInfoSplit[1].trim(); } $.cookie("head_locale", headerLocale, { path: "/", expires: 30 }); if ( document.cookie.indexOf("user_locale") === -1 || $.cookie("user_locale") == "" ) { $.cookie("user_locale", headerLocale, { path: "/", expires: 30 }); var bLang = DEF_lang == "fr" ? "fr" : (navigator.language || navigator.browserLanguage) .toLowerCase() .slice(0, 2); var hLang = headerLocale == "CA" && bLang == "fr" ? "fr" : get_lang(headerLocale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(headerLocale); } else { var u_locale = $.cookie("user_locale"); var hLang = u_locale == "CA" && $.cookie("user_lang") == "fr" ? "fr" : get_lang(u_locale); $.cookie("user_lang", hLang, { path: "/", expires: 30 }); change_currency(u_locale); } } }; req.send(null); } init_cookie_lang_locale(); </script> <script> /* All constants should be declared here */ var Webex = Webex || {}; Webex.util = Webex.util || {}; Webex.device = { mobilMedia: navigator.userAgent.match(/iPhone|iPad|iPod/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/BB/i) || navigator.userAgent.match(/Windows Phone/i), android: navigator.userAgent.match(/Android/i), ios: navigator.userAgent.match(/iPhone|iPad|iPod/i), blackBerry: navigator.userAgent.match(/BB/i), windowsPhone: navigator.userAgent.match(/Windows Phone/i), }; Webex.util.isScrollbarVisible = function () { return !Webex.device.mobilMedia && $(document).height() > $(window).height(); }; Webex.util.getWindowWidth = function () { Webex.util.windowWidth = parseInt($(window).width(), 10); if (Webex.util.isScrollbarVisible()) { Webex.util.windowWidth += 17; } return Webex.util.windowWidth; }; var isMac = /iPad|iPhone|iPod|Mac/.test(navigator.userAgent); if (isMac) { $("#wbx-header").addClass("wbx-mac"); } window.onpageshow = function (event) { var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent); var isSmall = Webex.util.getWindowWidth() < 992; var isMenuOpen = !$(".wbx-header-menu").hasClass("collapsed"); var isMac = /Mac/.test(navigator.userAgent); if (event.persisted && ((isIOS && isSmall && isMenuOpen) || isMac)) { window.location.reload(); } }; $(".SEOPreventDefault").click(function (e) { e.preventDefault(); }); // fix DE4094 ziyuan 20180425 $(function () { function isIE() { var matches; if (!!window.ActiveXObject || "ActiveXObject" in window) { matches = /(msie\s|trident.*rv:)([\w.]+)/.exec( navigator.userAgent.toLowerCase() ); return matches[2]; } else { return -1; } } if (isIE() > 0) { $( "#wbx-header .wbx-header-menu .wbx-header-menu-list .wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup .wbx-header-popup-arrow" ).addClass("header-list-IE"); } $( ".wbx-header-menu-list-item .wbx-header-popup-menu .wbx-header-popup-toggle" ).bind("click", function () { if ($(this).parent().hasClass("collapsed")) { $("#wbx-header").addClass("bg-white"); } else { $("#wbx-header").removeClass("bg-white"); } }); // ft link update to FT2.0 $('a[href*="pricing/free-trial.html"]:not([href*="sp=wt"])').attr({ href: "https://cart.webex.com/sign-up?locale=fr_FR", }); }); </script> <script> // fix SPARK-77865 by Floyd Li $(document).ready(function () { var isMac = /iPad|iPhone|iPod/.test(navigator.userAgent); function isClickable(ele) { var flag = ele.hasClass("wbx-header-popup-toggle") || ele.hasClass("wbx-header-menu-toggle") || ele.hasClass("hamburger") || ele.hasClass("hamburger-bun") || ele.parents(".wbx-header-popup").length > 0 || (ele[0] && ele[0].href && !ele[0].hasAttribute("data-wbx-toggle-trigger")); return flag; } if (isMac) { document.addEventListener("touchend", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); var btn = $('.wbx-header-popup-toggle[aria-expanded="true"]'); btn[0] && btn[0].click(); $("#wbx-header").removeClass("bg-white"); } }); } else { document.addEventListener("click", function (e) { if (isClickable($(e.target))) { return; } else if ($(".wbx-header-popup[aria-hidden=false]").length > 0) { e.preventDefault(); $("#wbx-header").removeClass("bg-white"); } }); } }); function postToPage(originUrl, postUrl) { // var domain = 'https://signin-ha.qa.webex.com'; var domain = "https://signin.webex.com"; var lang = "en_US"; postUrl = domain + postUrl; $("a[href='" + originUrl + "']") .attr("href", "#") .removeAttr("target") .on("click", function (e) { e.preventDefault(); var html = "<form id='postToPage' method='post' action=' " + postUrl + "'>" + "<input name='language' value='" + lang + "'>" + "</form>"; $("div")[0].innerHTML += html; $("#postToPage").submit(); $("#postToPage").remove(); }); } $(document).ready(function () { postToPage( "https://www.webex.com/go/host-meeting", "/collabs/auth?service=it&from=hostmeeting&TrackID=&hbxref=&goid=host-meeting" ); postToPage( "https://www.webex.com/go/attend-meeting", "/collabs/#/meetings/joinbynumber?TrackID=&hbxref=&goid=attend-meeting" ); postToPage("https://signin.webex.com/collabs/auth", "/collabs/auth"); postToPage( "https://signin.webex.com/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do", "/collabs/auth?service=it&from=myresource&backurl=https://support.webex.com/MyAccountWeb/landingpage.do" ); }); function checkCookie() { if ($.cookie('webex-app-preference-unified')) { return true; } return false; } function hash(string) { if (!string) { return new Promise(function(resolve) { resolve(string); }); } const utf8 = new TextEncoder().encode(string.toLowerCase()); return crypto.subtle.digest('SHA-256', utf8).then(function (hashBuffer) { const hashArray = Array.from(new Uint8Array(hashBuffer)); const hashHex = hashArray .map(function (bytes) { return bytes.toString(16).padStart(2, '0'); }) .join(''); return hashHex; }); } function checkEmailAndRedirect(event) { event.preventDefault(); var email = event.target[0].value; var hashedEmail = null; if (window.crypto.subtle) { var hashedPromise = hash(email); hashedPromise.then(function (value) { runOnHash(email, value); }); } else { runOnHash(email, null); } } function runOnHash(email, hashedEmail) { // Check if user has meetings site. var fullTag = hashedEmail ? '<hashEmail>' +hashedEmail + '</hashEmail>' : '<email>' + email + '</email>'; var data = "<message xmlns:xsi='http://www.w3.org/2001/XMLSchema-instance' xmlns:serv='http://www.webex.com/schemas/2009/05/service'> <header/> <body> <bodyContent xsi:type='java:com.webex.webapp.sxa.binding.user.GetAllSitesByEmailAgg'> " + fullTag + ' </bodyContent> </body> </message>'; $.ajax({ type: "POST", contentType: "application/xml", url: "https://api.webex.com/gla/GLAService", data: data, dataType: "xml", success: function (xml) { var bodyContent = xml.getElementsByTagName("serv:bodyContent")[0]; for (let i = 0; i < bodyContent.childNodes.length; i++) { let cluster = bodyContent.childNodes[i]; if ( cluster.getElementsByTagName("user:cluster")[0].textContent === "Production Env" ) { if ( cluster.getElementsByTagName("user:result")[0].textContent === "SUCCESS" ) { // Meetings site found. Send to global signin. window.location.href = "https://signin.webex.com/?currentemail=" + encodeURIComponent(email); } else { // Check if user exists in CI. function checkUserExistCall() { var createUserReq = { requestType: "userExistCheck", email: email }; $.ajax({ method: "POST", dataType: "json", async: false, url: "https://www-service-a.wbx2.com/webex/create-buy-account?requestType=userExistCheck", data: JSON.stringify(createUserReq), contentType: "application/json; charset=utf-8", success: function (result) { var response = result; var status = response.status; if (response.userExist && response.orgId === "consumer") { // User found. Send to web client. window.location.href = "https://web.webex.com"; } else { // User not in meetings or CI. Send to sign-up. window.location.href = "https://cart.webex.com/sign-up?locale=fr_FR"; } }, error: function (jqXHR, textStatus, errorThrown) { alert("Error in check user exist service" + errorThrown); }, }); } checkUserExistCall(); } } } }, }); } $(document).ready(function () { /* Header Scripts */ const css = { light: "header_light__2HLwE", active: "header_active__3fbTP", menuItemHasChildren: "header_menuItemHasChildren__bCODH", subMenu: "header_subMenu__WoVAg", fastClose: "header_fastClose__1Go-F", scrollUp: "header_scrollUp__3QV5h", scrollDown: "header_scrollDown__SQo3T", }; // navigation item selectors const wrapper = document.querySelector(".header_headerWrapper__30NyQ"); const header = document.querySelector(`.header_header__12jgZ`); // navigation menu selectors const openedMenu = document.querySelector(".header_openedMenu__1_VVm"); const closedMenu = document.querySelector(".header_closedMenu__LcJ3R"); const navbarMenu = document.querySelector(".header_navbar__2vIOU"); const menuOverlay = document.querySelector(".header_overlay__2h1yB"); let isLocked = false; $(".header_lastItem__2ID7v").click(function () { $("nav").animate({ scrollTop: $("#signInWbxID").offset().top }, "slow"); }); function initialStates() { document.body.style.overflow = ""; menuOverlay.classList.remove(css.active); wrapper.classList.remove(css.light); isLocked = false; } // eslint-disable-next-line no-inner-declarations function collapseSubMenu() { navbarMenu ?.querySelector(`.${css.menuItemHasChildren}.${css.active} .${css.subMenu}`) ?.removeAttribute("style"); navbarMenu .querySelector(`.${css.menuItemHasChildren}.${css.active}`) .classList.remove(css.active); initialStates(); } // eslint-disable-next-line no-inner-declarations function toggleMenu() { navbarMenu.classList.toggle(css.active); const isOpen = navbarMenu.classList.contains(css.active); if (isOpen) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = ""; initialStates(); } } openedMenu.addEventListener("click", toggleMenu); closedMenu.addEventListener("click", toggleMenu); menuOverlay.addEventListener("click", collapseSubMenu); navbarMenu.querySelectorAll("a[data-toggle]").forEach((item) => { item.addEventListener("click", (event) => { const menuItemHasChildren = event.currentTarget.parentElement; if (menuItemHasChildren.classList.contains(css.active)) { collapseSubMenu(); isLocked = false; } else { if ( navbarMenu.querySelector(`.${css.menuItemHasChildren}.${css.active}`) ) { collapseSubMenu(); } document.body.style.overflow = "hidden"; wrapper.classList.add(css.light); menuItemHasChildren.classList.add(css.active); const subMenu = menuItemHasChildren.querySelector(`.${css.subMenu}`); subMenu.style.maxHeight = `${subMenu.scrollHeight}px`; menuOverlay.classList.toggle(css.active); isLocked = true; } }); }); let lastScroll = 0; const onWindowScroll = () => { const currentScroll = window.pageYOffset; if (currentScroll < header.offsetHeight) { header.classList.add(css.fastClose); } else { header.classList.remove(css.fastClose); } if (currentScroll < header.offsetHeight) return; if (currentScroll === 0) { wrapper.classList.remove(css.scrollUp); return; } if ( currentScroll > lastScroll && !wrapper.classList.contains(css.scrollDown) && !isLocked ) { // down wrapper.classList.remove(css.scrollUp); wrapper.classList.add(css.scrollDown); } else if ( currentScroll < lastScroll && wrapper.classList.contains(css.scrollDown) ) { // up wrapper.classList.remove(css.scrollDown); wrapper.classList.add(css.scrollUp); } lastScroll = currentScroll; }; window.addEventListener("scroll", onWindowScroll); if (!!window.IntersectionObserver) { let observer = new IntersectionObserver( (entries, observer) => { entries.forEach((entry) => { if (entry.isIntersecting && !isLocked) { if (entry.target.classList.contains("bg-black")) { wrapper.classList.remove(css.light); } else { wrapper.classList.add(css.light); } } }); }, { rootMargin: "0px 0px -100% 0px", } ); document.querySelectorAll(".page-wrapper > section").forEach((module) => { observer.observe(module); }); } }); </script> <div id="content" tabindex="-1"></div> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-core.css"/> <style> .wx-wrapper .container { max-width: 100%; } a.no-border, a.no-border:hover { border-bottom-color: transparent !important; } .header_navbarButton__3nH08 { background: #fff; } .signin-form input { width: 100%; } @media (min-width: 1025px) { .wx-wrapper .gradient-blurple-desktop { background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-bl.svg); } .webex-app-mobile { display: none; } .webex-suite-mobile { display: none; } .header_dropdownItemTop__3g0Q0 { min-height: 145px !important; } .header_dropdownMenu__3DtqE .header_dropdownItem__2eX_2 ul.mbody { margin-top: 1vw; } .mb-20 { margin-bottom: 20px !important; } } .header_allDeviceCard__WPtZy:hover .btn span { background-color: #078855 !important; color: #fff; } @media (max-width: 1025px) { .wx-wrapper .gradient-blurple-mobile { background-attachment: local; background-image: url(/content/dam/wbx/us/images/rebrand/nav-footer/blurple-gradient-tr.svg); background-position: 100% 0; background-repeat: no-repeat; } .header_allDeviceCard__WPtZy { background-color: black !important; } .wx-wrapper .inherit-width { width: inherit !important; } .header_allDeviceCard__WPtZy:hover .btn span { background-color: transparent !important; } .webex-app-desktop { display: none; } .webex-suite-desktop { display: none; } .solutions-grid { flex-direction: column-reverse !important; } .hybrid-work-container { padding-bottom: 5.33vw; margin-bottom: 9.5vw !important; border-bottom: 1px solid #c4c4c4; } .workspaces-mobile { border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } } .header_deviceCard__15ArY p { min-height: 100px; } </style> <!-- header --> <div class="wx-wrapper navigation-wrapper"> <div class="header_headerWrapper__30NyQ header_scrollUp__3QV5h"> <div class="header_overlay__2h1yB"></div> <header class="header_header__12jgZ header_fastClose__1Go-F"> <section class="header_banner__2BrOE"> <div class="container"> <div class="grid"> <div class="col"> <ul class="header_list__1f0QB"> <li> <a href="/fr/downloads.html" tabindex="0">Télécharger</a> </li> <li> <a href="https://help.webex.com/fr-FR/contact" tabindex="0" rel="noopener">Assistance</a> </li> <li> <a href="/fr/contact-sales.html" tabindex="0">Contacter le service commercial</a> </li> <li> <span class="xsbody header_phone__CWCpv" aria-label="0 8 0 0. 9 4 5. 1 7 7." ><a href="tel:0800-945-177">0800 945 177</a></span > </li> </ul> </div> </div> </div> </section> <section class="header_wrapper__OpVK9"> <div class="container"> <div class="header_wrapperInner__2aEot"> <a href="/fr/index.html" class="header_logo__21HnF"> <h1 class="h1 header_h1__144Es header_blackLogo__tSzjc" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/black.png" alt="Webex"/><span>Webex</span> </div> </h1> <h1 class="h1 header_h1__144Es header_whiteLogo__3V9L4" role="heading" aria-level="1" > <div> <img class="img100p" src="/content/dam/wbx/us/images/rebrand/nav-footer/white.png" alt="Webex"/><span>Webex</span> </div> </h1> </a><button type="button" class="header_openedMenu__1_VVm" aria-label="Open menu" > <span></span><span></span> </button> <nav class="header_navbar__2vIOU gradient-blurple-mobile"> <div class="header_closeDiv__ZBNqn"> <a href="tel:0800-945-177" class="xsbody" aria-label="0 8 0 0. 9 4 5. 1 7 7.">0800 945 177</a> <button type="button" class="header_closedMenu__LcJ3R"> <span><span class="icon-close"></span></span> </button> </div> <ul class="header_menu__TYJcK header_firstMenu__2IC4J"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <button onClick="window.open('https://signup.webex.com/sign-up?locale=fr_FR&experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck')" class="btn btn-contact" > Commencer gratuitement</button ><button onClick="window.open('/fr/contact-sales.html')" class="btn btn-secondary-dark" > Contacter le service commercial </button> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_mobFirst__26Ijl" > <a href="javascript:void(0);" data-toggle="sub-menu">Produits <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"> <div class="header_areaTitle__uG4p3 mb-20"> <p class="sbody fw-medium"> Pour les particuliers et les petites entreprises </p> </div> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-app-desktop"> <div> Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-app-mobile"> <a href="/fr/all-new-webex.html">Webex App<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> L’application tout-en-un pour passer des appels, se réunir, envoyer des messages et travailler efficacement. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/fr/all-new-webex.html" tabindex="0" class="fw-medium color-salem">Explorer l’App <!-- --> <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/fr/enterprise-cloud-calling.html" tabindex="0">Appels<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/video-conferencing.html" tabindex="0">Réunions<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/team-collaboration.html" tabindex="0">Messagerie<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-9 col-sm"> <div class="header_areaTitle__uG4p3 header_areaTitleSec__2XOJE mb-20" > <p class="sbody fw-medium">Pour les entreprises</p> </div> <div class="grid"> <div class="col col-4 col-sm"> <div class="header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB" > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6 class="webex-suite-desktop"> <div> Webex Suite<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> <h6 class="webex-suite-mobile"> <a href="/fr/collaboration-suite.html">Webex Suite<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Voici la première suite avancée pour le travail hybride. </p> </div> <div class="header_ctaBox__3kCvW"> <a href="/fr/collaboration-suite.html" tabindex="0" class="fw-medium color-salem">Explorer la Suite <!-- --> <span class="icon-arrow"></span> </a> </div> </div> <ul class="mbody"> <li> <a href="/fr/enterprise-cloud-calling.html" tabindex="0">Appels<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/meetings.html" tabindex="0">Réunions<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/team-collaboration.html" tabindex="0">Messagerie<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/audience-engagement.html" tabindex="0">Slido<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/webinar.html" tabindex="0">Événements<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class="header_dropdownItem__2eX_2 header_dropdownItemBorder__2BhFB" > <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> Expérience client<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Solutions pour connecter le parcours client et assurer son entière satisfaction. </p> </div> </div> <ul class="mbody"> <li> <a href="/fr/contact-center.html" tabindex="0">Centre de contact<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <!--<li> <a href="/fr/experience-management.html" tabindex="0" >Gestion de l'expérience<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li>--> <li> <a href="/fr/customer-interaction-management.html" tabindex="0">imimobile<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-4 col-sm"> <div class="header_dropdownItem__2eX_2"> <div class="header_dropdownItemTop__3g0Q0"> <div class="header_dropdownItemTitle__3SOAl"> <h6> <div> Gestion<span class="icon-open header_mobileArrow__2s7Bj" ></span> </div> </h6> </div> <div class="header_dropdownItemDesc__23wtb"> <p class="sbody color-boulder"> Performances de niveau professionnel pour la sécurité, l’administration et la gestion de Webex. </p> </div> </div> <ul class="mbody"> <li> <a href="/fr/control-hub.html" tabindex="0">Control Hub<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/security.html" tabindex="0">Sécurité<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL"> <a href="/fr/pricing/index.html">Tarifs</a> </li> <li class="header_menuItem__cnNBL"> <a href="/fr/collaboration-devices.html">Appareils</a> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">Solutions <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid solutions-grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-12 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Industrie</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/fr/industries/education.html" tabindex="0">Enseignement<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/industries/healthcare.html" tabindex="0">Santé<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/industries/government.html" tabindex="0">Administration<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/industries/financial-services.html" tabindex="0">Finances<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/industries/sports-entertainment.html" tabindex="0">Sports et loisirs<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/industries/start-ups.html" tabindex="0">Start-up<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm hybrid-work-container"> <a href="/fr/hybrid-work.html" taborder="0" class="grid header_solutionCard__XQC9y"> <div class="col col-6 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Travail hybride<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Webex invente une nouvelle façon de collaborer centrée sur le travail que vous effectuez, pas sur l’endroit d’où vous travaillez. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >En savoir plus<span class="icon-arrow"></span ></span> </div> </div> <div class="col col-6 col-sm header_solutionCardRight__q1GZM inherit-width" > <div class="header_solutionCardImageBig__2P0uY"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 8.jpg" alt="photo d’appareil"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH"> <a href="javascript:void(0);" data-toggle="sub-menu">Ressources <i class="icon-open header_expand__1bvc0"></i ></a> <ul class="header_subMenu__WoVAg bg-white gradient-blurple-desktop"> <div class="header_dropdownMenu__3DtqE"> <div class="container"> <div class="grid"> <div class="col col-6 col-sm"> <div class="grid header_solutionLeft__2XR9c"> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Pourquoi Webex</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="/fr/inclusive-collaboration.html" tabindex="0">Inclusivité<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/accessibility.html" tabindex="0">Accessibilité<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> <li> <a href="/fr/security.html" tabindex="0">Sécurité<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> <div class="col col-6 col-sm"> <div class="header_solutionLinkList__3Jujs"> <div class="header_solutionListTitle__2EOGR"> <h6>Formation</h6> </div> <ul class="header_solutionList__3yIOq"> <li> <a href="https://help.webex.com/fr-FR" tabindex="0" rel="noopener">Aide sur les produits<span class="icon-open header_mobileArrow__2s7Bj" ></span ></a> </li> </ul> </div> </div> </div> </div> <div class="col col-6 col-sm"> <a href="/fr/products/integrations/index.html" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Intégrations<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Intégrez les applications que vous aimez <!-- --><br /> utiliser au quotidien. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >En savoir plus<span class="icon-arrow"></span ></span> </div> </div> <div class="col col-4 col-sm header_solutionCardRight__q1GZM inherit-width" > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/navi.jpg" alt="photo d’appareil"/> </div> </div> </a> <a href="https://blog.webex.com/fr/" rel="noopener" tabindex="0" class="grid header_solutionCard__XQC9y"> <div class="col col-8 col-sm header_solutionCardLeft__2Z7Pk"> <div class="header_solutionCardTitle__1G5NW"> <h6> Blog Webex<span class="icon-open header_mobileArrow__2s7Bj" ></span> </h6> </div> <div class="header_solutionCardDesc__20YXZ"> <p class="sbody color-boulder"> Nouveautés, conseils et astuces, et <br /> <!-- -->bien plus encore. </p> </div> <div class="header_solutionCta__2JiaQ"> <span class="fw-medium color-salem" >En savoir plus<span class="icon-arrow"></span ></span> </div> </div> <div class="col col-4 col-sm header_solutionCardRight__q1GZM inherit-width" > <div class="header_solutionCardImageSmall__3YV7D"> <img src="/content/dam/wbx/us/images/rebrand/nav-footer/c92af18cf37e21677f4e2f 81.jpg" alt="photo d’appareil"/> </div> </div> </a> </div> </div> </div> </div> </ul> </li> </ul> <ul class="header_menu__TYJcK header_secondMenu__XWyEm"> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="/fr/downloads.html">Télécharger</a> </li> <li class="header_menuItem__cnNBL"> <a href="https://signin.webex.com/join">Rejoindre une réunion</a> </li> <li class="header_menuItem__cnNBL header_mobileBtn__3w30I"> <a href="https://help.webex.com/fr-FR/contact" rel="noopener">Assistance</a> </li> <li class="header_menuItem__cnNBL header_menuItemHasChildren__bCODH header_signInCta__1-t4e" > <a href="https://signin.webex.com" id="signInButton" class="header_lastItem__2ID7v">Connexion</a> <script> function getUnifiedCookie() { return $.cookie('webex-app-preference-unified'); } if (checkCookie()) { document.getElementById('signInButton').href = 'https://web.webex.com?autosignin=' + getUnifiedCookie(); } </script> <ul class="header_subMenu__WoVAg header_signInSubMenu__1QxXf"> <div class="header_signIn__3NImS"> <div class="header_signInTitle__1hbSR" id="signInWbxID"> <h6>Se connecter à Webex</h6> </div> <div class="header_signInInputBox__3a7_Z"> <form class="signin-form" onsubmit="checkEmailAndRedirect(event)"> <label class="sbody" for="email" >Saisissez l’adresse électronique</label > <input type="email" id="email" name="email" required /> <button class="btn btn-primary" type="submit">Connexion</button> </form> </div> <div class="header_signInCta__1-t4e"> <a class="xsbody fw-medium" rel="noopener" href="https://help.webex.com/fr-FR/article/n5q6x5j/Probl%C3%A8mes-de-inscription-avec-Webex">Besoin d’aide pour vous connecter ?</a> </div> </div> </ul> </li> <li class="header_menuItem__cnNBL header_deskBtn__RKPYF"> <a class="no-border" rel="noopener" href="https://signup.webex.com/sign-up?locale=fr_FR&experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck"><button class="btn header_navbarButton__3nH08"> Commencer gratuitement </button></a> </li> </ul> </nav> </div> </div> </section> </header> </div> </div> <style> /* fix tab layout */ a.js-tab-focus { outline: #80cdf1 solid 2px !important; outline-offset: 1px !important; } /* fix images with incorrect aspect ratio */ @media (min-width: 1025px) { .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { width: auto; } } @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY { height: 25.5vw; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 .header_wrapperInner__2aEot .header_navbar__2vIOU .header_menu__TYJcK > .header_menuItem__cnNBL > .header_subMenu__WoVAg .header_dropdownMenu__3DtqE .header_deviceCard__15ArY img { height: auto !important; } } /* fix ONL-13999 */ @media (max-width: 1024px) { .header_headerWrapper__30NyQ .header_header__12jgZ .header_wrapper__OpVK9 { position: relative; z-index: 3; } .header_headerWrapper__30NyQ .header_header__12jgZ .header_closeDiv__ZBNqn .header_closedMenu__LcJ3R .icon-close { color: #000; } } </style> </div> </div> </div> <div class="wbx-content"> <div class="open-html-component section"> <link rel="stylesheet" type="text/css" href="/content/dam/wbx/us/images/rebrand/wx-module-temp.css"> <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script> <!-- <script src="/content/dam/wbx/us/images/rebrand/1scrollhero.js"></script> --> <!-- float Inclusive Collaboration v1 --> <!--<div id="forFloatBanner" class="bg-black"> <style> .header_light__2HLwE #forFloatBanner.bg-black { background: #FFFFFF; } #floatBanner { width: 87vw; height: 100px; background: #212121; border-radius: 30px; margin: 0 auto; position: relative; display: none; } .f-b-bg { width: 100%; height: 100%; border-radius: 30px; position: absolute !important; } .f-b-bg.gradient-bl-green::before {transform: scaleX(2) scaleY(-2);} .f-b-close { width: 20px; height: 20px; display: block; cursor: pointer; transition: .5s; position: absolute; right: 36px; top: 38px; z-index: 2; } .f-b-close:hover { transform: scale(1.18); } .f-b-close .hamburger-bun { width: 20px; height: 2px; background: #fff; border-radius: 20px; display: block; margin-top: 4px; transform: rotate(135deg); transition: all 200ms ease-in-out; } .f-b-close .hamburger-bun:first-child { margin-bottom: 0; position: relative; top: 6px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .f-b-body { height: 100%; display: flex; align-items: center; padding-right: 70px; position: relative; z-index: 1; } .f-b-img { width: auto; height: 100%; border-radius: 30px 0 0 30px; margin-left: -2px; } .f-b-title { font-size: 15px; line-height: 20px; letter-spacing: -0.01em; color: #FFFFFF; font-weight: 300; margin-left: 30px; } a.f-b-link { color: #078855; font-weight: 400; border-bottom: 1px solid transparent; } a.f-b-link:hover { border-bottom: 1px solid #078855; } a.f-b-link span.icon-arrow { position: relative; top: 2px; } a.f-b-btn { height: 40px; line-height: 40px; font-weight: 400; color: #191919; background: #FFF; border-radius: 50px; transition: all .6s cubic-bezier(.19,1,.22,1); display: inline-block; margin-left: 10px; padding: 0 18px; } a.f-b-btn:hover { background: #078855; color: #fff; } @media (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(229px + .1vw); } } @media (max-width: 1745px) and (min-width: 1025px) { .withFloatBanner.wx-wrapper.page-wrapper .homepage-intro_gridWrapper__KQapH { align-items: flex-end; } } @media (max-width: 1024px) { .withFloatBanner.wx-wrapper.page-wrapper { padding-top: calc(12vw + 215px); } #floatBanner { width: 90vw; height: auto; border-radius: 20px; } .f-b-bg { border-radius: 20px; } .f-b-close { right: 20px; top: 20px; } .f-b-body { display: block; padding: 20px 50px 18px 20px; } .f-b-img { width: 130px; border-radius: 10px;margin-bottom: 15px; } .f-b-title { font-size: 12px; line-height: 16px; margin: 0;} a.f-b-link { display: inline-block; } a.f-b-btn { margin: 0 0 6px 0; } } </style> <div id="floatBanner"> <div class="f-b-bg gradient-bl-green"></div> <a class="f-b-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div class="f-b-body"> <img class="f-b-img" src="/content/dam/wbx/us/images/rebrand/hp_ISE_floatie.jpg" /> <div class="f-b-title">Rejoignez Webex au salon ISE 2022 . Venez découvrir les récentes innovations de <br class="hidden-sm">nos outils de collaboration. <br class="hidden-lg"><br class="hidden-lg"> <a href="https://cisco.jifflenow.com/external-request/ise2022boothtours/meeting-request?token=5c4701d3536814d94523" class="f-b-link">Réservez une visite de notre stand <span class="icon-arrow"></span></a> </div> </div> </div> <script> $(document).ready(function () { $('.header_header__12jgZ').append($('#forFloatBanner')); $('.wx-wrapper.page-wrapper').addClass('withFloatBanner'); $('#floatBanner').show(); $('.f-b-close').bind('click', function () { $('#floatBanner').remove(); $('.wx-wrapper.page-wrapper').removeClass('withFloatBanner'); }) }); </script> </div>--> <!-- float Inclusive Collaboration v1 end --> <style> /* fix for header.css */ /* .bg-white { background-color: #fff !important; } */ .featured-case-study_blogCard__20k0V:hover a { background-color: #078855 !important; color: #fff; } .featured-case-study_blogCard__20k0V a:hover .bg-white { /* background-color: inherit !important; */ background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855 !important; background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important; background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 !important; background-color: rgb(7, 136, 85); } a.homepage-intro_btn__29wGP.btn.btn-primary, a.homepage-intro_btn__29wGP.btn.btn-secondary-light { margin-bottom: 20px; } @media (max-width: 1024px) { .wx-wrapper.page-wrapper { padding-top: 19.1999999999vw; } } </style> <main> <section class="wx-wrapper page-wrapper"> <!-- Cyber Monday start--> <!-- <section class="cyberMonday-banner bg-black color-white"> <style> section.cyberMonday-banner { padding-top: 16vw; padding-bottom: 10.6666666667vw; } .homepage-intro_gridWrapper__KQapH { margin-top: -1px; } .cyberMonday-banner .cyberMonday-banner-wrapper { background-image: url(/content/dam/wbx/us/images/rebrand/cyberMonday-bannerBg.jpg); background-color: #181818; background-position: top center; background-size: cover; padding: 68px 20px 18px; } .cyberMonday-banner h1.mbody { font-size: calc(18px + .1vw); line-height: 1.67; letter-spacing: 0.04em; text-transform: uppercase; } .cyberMonday-banner h2.h3 { margin-top: 14px; margin-bottom: 14px; } .cyberMonday-banner .calling-hero_buttonWrap__3Wufa { margin-top: 24px; margin-bottom: 32px; } .cyberMonday-banner p.sbody { font-size: calc(12px + .1vw); line-height: 1.33; letter-spacing: -0.01em; margin-bottom: 0; } @media (min-width: 1025px) { section.cyberMonday-banner { padding-top: 4.02777777778vw; padding-bottom: 4.02777777778vw; } .homepage-intro_gridWrapper__KQapH { padding-top: 7.0833333333vw; } .cyberMonday-banner h1.mbody { font-size: calc(22px + .1vw); line-height: 1.64; } } @media (max-width: 1024px) { .cyberMonday-banner p.lbody { line-height: 1.375; } } .btn-reverse-inactive { transition: all 0.3s; } .btn-reverse-inactive:hover{ background: transparent!important; border: 0.1rem solid #fff!important; color: #fff!important; } </style> <div class="container"> <div class="grid grid-center"> <div class="col col-12 col-sm"> <div class="cyberMonday-banner-wrapper br-30"> <h1 class="mbody fw-regular text-center">CYBER MONDAY</h1> <h2 class="h3 fw-medium text-center" role="heading" aria-level="2">Get up to 75% <br>off Webex</h2> <p class="lbody text-center">4 days only. Sale ends Thursday.*</p> <div class="calling-hero_buttonWrap__3Wufa text-center"> <a href="https://purchase.webex.com/?locale=en_CA&promo=cyber2022" target="_blank" class="btn btn-primary-light btn-reverse-inactive">Buy Now <span class="icon-arrow"></span></a> </div> <p class="sbody text-center">*Select plans only. Discount applied automatically at checkout.</p> </div> </div> </div> </div> </section> --> <!-- Cyber Monday end--> <section class="homepage-intro_homepageIntro__nTgKv homepage-intro_module__2j6H6 bg-black hide-header color-white" data-navbar-target="true"> <section class="" data-images-loaded-class="undefined"> <div class="scroll-sequence__content"> <div class="container"> <div class="grid grid-between homepage-intro_gridWrapper__KQapH"> <div class="col col-7 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Une seule application pour tout faire. Et pour tout le monde. </span></h2> </div> <div class="col col-4 col-bottom col-sm "> <div class="homepage-intro_descriptionBox__2pTL9"><span>Appels, réunions, envoi de messages et événements dans le cloud pour les équipes de toutes tailles.</span></div> <div class="homepage-intro_buttonWrap__1GReO hidden-sm"> <a href="https://pricing.webex.com/fr/fr/" data-click-id="plans-pricing-primary-CTA-fr" class="homepage-intro_btn__29wGP btn btn-primary">Plans et Tarifs <span class="icon-arrow"></span></a> <a href="https://use.webex.com/contact-sales?lang=fr" class="homepage-intro_btn__29wGP btn btn-secondary-light">Nous contacter <span class="icon-arrow"></span></a></div> </div> </div> </div> </div> <div class="homepage-intro_videoWrapper__BWeOA grid grid-around hidden-sm"><video id="homepage-intro_videoId__2545R" class="homepage-intro_video___WTjA" muted="" preload="auto" playsinline="" poster="/content/dam/wbx/us/images/rebrand/hero-images/homepage_poster.jpeg" width="100%" height="auto"> <source src="/content/dam/wbx/us/images/rebrand/hero-videos/webex_homepage_hero.mp4" type="video/mp4"><img src="/content/dam/wbx/us/images/rebrand/Home-Fallback-V2-16_9.png" title="Votre navigateur ne prend pas en charge la balise <video>" alt=""> </video></div> <div class="mobile-cover undefined block-sm"><img src="/content/dam/wbx/us/images/rebrand/hero-images/webex_homepage_hero_image_mobile.png" class="img100p" alt="Une seule application pour tout et pour tout le monde."> <div class="container homepage-intro_mobileBtn__3ZYPI"> <div class="homepage-intro_buttonWrap__1GReO"> <a href="https://pricing.webex.com/fr/fr/" data-click-id="plans-pricing-primary-CTA-fr" class="homepage-intro_btn__29wGP btn btn-primary">Plans et Tarifs<span class="icon-arrow"></span></a> <a href="https://use.webex.com/contact-sales?lang=fr" class="homepage-intro_btn__29wGP btn btn-secondary-light">Nous contacter <span class="icon-arrow"></span></a></div> </div> </div> </section> </section> <script> const navbarTarget= true; const moduleClass= "bg-black hide-header"; const title= "One app for everything. And everyone. "; const description= "Calling, Meeting, and Messaging for teams large and small."; const mobileImage= "/hero-images/webex_homepage_hero_image_mobile.png"; const primaryCTA= "Start For Free <span class='icon-arrow'></span>"; const secondaryCTA= "Learn More <span class='icon-arrow'></span>"; const videoSrc= "/hero-videos/webex_homepage_hero.mp4"; const fallbackImage= "/Home-Fallback V2 16_9.png"; const posterImage= "/hero-images/homepage_poster.jpeg"; if (typeof window !== "undefined" && window.screen.width >= 1024) { videoxy = document.getElementById("homepage-intro_videoId__2545R"); videoRectanglexy = videoxy.getBoundingClientRect(); function getIntroBoundingRect() { videoRectanglexy = video.getBoundingClientRect(); } function doScrollStuff() { var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop; if (scrollTop >= videoRectanglexy.top * 0.66) { videoxy.play(); // since video played once we no longer need listeners window.removeEventListener("scroll", doScrollStuff); window.removeEventListener("resize", getIntroBoundingRect); } } window.addEventListener("scroll", doScrollStuff); window.addEventListener("resize", getIntroBoundingRect); } </script> <section class="text-grid_module__3ArLH bg-black color-white" data-sticky-target="overview" data-navbar-target="true" data-module="text-grid"> <a name="overview-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Travailler plus efficacement,<br> ensemble.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Adopté par 95&nbsp;% des entreprises du classement Fortune&nbsp;500.</span> </div> </div> </div> <div class="text-grid_grid__vAiKx false"> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class="text-grid_gradientImage__1fhbv icon-gradient-orange" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/end-to-end-encryption-1_black.svg);"></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Flexibilité</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Adaptable à tout mode de travail, rôle ou appareil pour vous permettre de choisir quand, où et comment travailler. </span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-orange " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/inclusivity_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Inclusivité</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Des expériences identiques pour chacun, quels que soient sa langue, sa localisation ou son style de communication.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ text-grid_darkInner__fwsjS text-grid_noBorder__2oD-s"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-orange " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/built-in-security_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Sécurité</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Sécurisé par sa conception, privé par défaut pour vous protéger contre les menaces, peu importe d’où vous travaillez.</span> </div> </div> </div> </div> </div> </section> <!--good--> <style> .routing-banner_module__3A62U img { border-radius: 50%; } </style> <section class="routing-banner_module__3A62U bg-black color-white"> <div class="container"> <div class="grid grid-between br-30 routing-banner_gridContainer__Pd4Ej"> <div class="col col-1 col-sm"></div> <div class="col col-6 col-sm routing-banner_textCol__1lGIg"> <div class="routing-banner_innerContainer__3NYX8"> <div class="routing-banner_innerTextArea__3caUI"> <h3 class="h4 routing-banner_title__2Bz-2"> Un avenir hybride pour le monde du travail. </h3> <p class="fw-regular color-boulder routing-banner_description__tDWEa"> Webex invente une nouvelle façon de collaborer centrée sur ce que vous faites, pas d’où vous travaillez, que ce soit au bureau, chez vous ou en déplacement. </p> </div> <div class="routing-banner_btnContainer__v-kdr"> <a href="/fr/hybrid-work.html" class="btn hidden-sm btn-primary">En savoir plus <span class="icon-arrow"></span></a><a href="/fr/hybrid-work.html" class="btn hidden-lg btn-secondary-light">En savoir plus</a> </div> </div> </div> <div class="col col-1 col-sm"></div> <div class="col col-3 col-sm routing-banner_imageCol__1iaQA"> <img src="/content/dam/wbx/us/images/rebrand/optimized/The-future-of-work-is-hybrid.jpg" alt="Grâce à Webex, il n’a jamais été aussi facile de travailler d’où vous voulez" class="img100p"> </div> <div class="col col-1 col-sm"></div> </div> </div> </section> <!--good--> <style> .anchored-long-scroll_anchorWrapper__221G0 a.color-white.h5 { color: #fff !important; } .anchored-long-scroll_anchorWrapper__221G0 a.color-boulder.h5 { color: #767676 !important; } .h6.color-gray { color: #767676 !important; } @media(min-width:240px) { .anchored-long-scroll_anchorWrapper__221G0 .anchored-long-scroll_anchorSticky__heeZr { top: 240px; } } </style> <section class="anchored-long-scroll_anchorWrapper__221G0"> <div class="container anchored-long-scroll_anchorSticky__heeZr"> <div class="grid"> <div class="col col-3"> <div> <ul> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-black" data-long-scroll-list="calling"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div> </div> Appels </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-white color-boulder" data-long-scroll-list="meeting"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div> </div> Réunions </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-black color-boulder" data-long-scroll-list="messaging"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div> </div> Messagerie </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-black color-boulder" data-long-scroll-list="polling"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div> </div> Sondages </a> </li> <li class="anchored-long-scroll_leftLinkBox__ro90Z"> <a class="h5 color-white color-boulder" data-long-scroll-list="events"> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg);"></div> </div> Événements </a> </li> </ul> </div> </div> </div> </div> <section class="anchored-long-scroll_module__3IuUy gradient-tr-blue" data-long-scroll-item="calling"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/call_icon.svg);"></div> </div> Appels </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>Appelez depuis n’importe quel appareil.</span> </h2> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_UI.jpg" alt="chat vidéo webex sur un téléphone"> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Call-from-any-device_img.jpg" class="br-30 img100p" alt="Webex Calling facilite les communications"> </div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">Les appels cloud en toute simplicité</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> Restez toujours en contact avec vos collègues et vos clients grâce à un système téléphonique complet dans le cloud, conçu pour passer et recevoir des appels professionnels sur n’importe quel appareil. </p> </div> <!-- <div class="anchored-long-scroll_ctaBox__sd3Gu">--> <!-- <a href="/fr/cloud-calling.html" class="btn btn-tertiary fw-medium">Voir les fonctionnalités pour les PME--> <!-- <span class="icon-arrow"></span></a>--> <!-- </div>--> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/fr/enterprise-cloud-calling.html" class="btn btn-tertiary fw-medium">Voir les fonctionnalités pour les grandes entreprises <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="meeting"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Meeting.svg);"></div> </div> Réunions </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>Réunissez-vous où que vous soyez.</span> </h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/fr/appui-1.jpg" alt="Exemple de la fonctionnalité Webex de partage immersif"> </div> </div> <div class="col col-grow-1"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">Des expériences plus vivantes grâce au partage immersif</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> Superposez votre image sur le contenu que vous partagez pour que vos présentations virtuelles soient aussi efficaces que les réunions en personne. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/fr/video-conferencing.html" class="btn btn-tertiary fw-medium" aria-label="Experience all features">Voir toutes les fonctionnalités <span class="icon-arrow"></span></a> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/fr/" class="btn btn-tertiary fw-medium" aria-label="Experience it with all immersive share button"></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy gradient-br-green" data-long-scroll-item="messaging"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Messaging.svg);"></div> </div> Messagerie </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>Échangez des messages instantanément.</span> </h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/fr/appui-3.jpg" alt="Exemple de la messagerie Webex"> </div> </div> <div class="col col-grow-1"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">Collaborez avec tout le monde</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> Optimisez l’efficacité des workflows grâce à la messagerie d’équipe et au partage de fichiers pour les équipes internes et externes, dans un seul et même espace. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/fr/team-collaboration.html" class="btn btn-tertiary fw-medium" aria-label="Collaborate with anyone">Voir toutes les fonctionnalités <span class="icon-arrow"></span></a> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/fr/" class="btn btn-tertiary fw-medium" aria-label="Collaborate feature"></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy gradient-bl-red" data-long-scroll-item="polling"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Polling-big.svg);"></div> </div> Sondages </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>Impliquez tout le monde.</span> </h2> </div> </div> <div class="col col-grow-6"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/fr/appui-2.jpg" alt="Exemple de création d’expériences interactives avec Slido"> </div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">Implication instantanée de l’auditoire</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> Boostez la participation durant les réunions et les événements grâce à des outils interactifs simples pour organiser des sondages et des questions-réponses. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/fr/audience-engagement.html" class="btn btn-tertiary fw-medium">Voir toutes les fonctionnalités <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </section> <section class="anchored-long-scroll_module__3IuUy bg-black color-white" data-long-scroll-item="events"> <div class="container"> <div class="grid"> <div class="col col-3 col-sm"></div> <div class="col col-8 col-sm"> <div class="grid"> <div class="col col-12 anchored-long-scroll_sectionTitle__cLOr6"> <h5> <div class="anchored-long-scroll_iconWrapper__2ddrc"> <div class="anchored-long-scroll_gradientImage__1ZGJn icon-gradient-green" style="-webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/Events.svg); "></div> </div> Événements </h5> </div> <div class="col col-12"> <div class="anchored-long-scroll_mainTitle__2MYjB"> <h2 class="h2" role="heading" aria-level="2"> <span>Invitez tout le monde.</span> </h2> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8 deviceWrapper"> <img src="/content/dam/wbx/us/images/rebrand/uiupdate/fr/appui-4.jpg" alt="IU Webex présentant des événements virtuels"> </div> </div> <div class="col col-grow-3"> <div class="anchored-long-scroll_imgBox__2qYA8"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Invite-anyone_img.jpg" class="br-30 img100p" alt="Exemple de Webex Events"> </div> </div> <div class="col col-grow-1 col-sm"></div> </div> <div class="col col-12 anchored-long-scroll_bottomDetailsBox__1QslA"> <strong class="fw-bold h6">Organisez des événements virtuels de grande ampleur</strong> <div class="anchored-long-scroll_bottomDescription__1QyCB"> <p class="h6 color-gray fw-regular"> Organisez de grands événements virtuels, avec plus de 100&nbsp;000&nbsp;participants aux quatre coins du monde. </p> </div> <div class="anchored-long-scroll_ctaBox__sd3Gu"> <a href="/fr/webinar.html" class="btn btn-tertiary fw-medium">Voir toutes les fonctionnalités <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </section> </section> <section class="card-deck-page-router_module__1FsHA bg-white"> <div class="container card-deck-page-router_cardDeckPageRouter__XLQc6"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Conçu pour les clients comme pour <br>les agents. </span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Créez des expériences plus efficaces avec Webex.</span> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="https://use.webex.com/contact-sales?lang=fr" class="btn btn-primary">Nous contacter <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="grid grid-end card-deck-page-router_grid__3rZpv"> <div class="col col-10 col-sm"> <div class="grid"> <div class="col col-sm"> <div class="card-deck-page-router_item__Crdvi false"> <div class="card-deck-page-router_imageWrapper__1Y8yq"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Contact-Center_img.jpg" alt="Webex Contact Center favorise les interactions"> </div> <div> <div> <div class="card-deck-page-router_itemTitle__3gv4c"> <h3 class="h5">Centre de contact</h3> </div> <div class="card-deck-page-router_itemDesc__O39Gp"> <p class="color-gray mbody"> Créez des interactions naturelles et connectées entre<br> votre entreprise et vos clients. </p> </div> </div> <div class="card-deck-page-router_ctaList__HhL5g"> <ul> <li> <a href="/fr/contact-center.html">En savoir plus<span class="icon-arrow"></span></a> </li> </ul> </div> </div> </div> </div> <div class="col col-sm"> <div class=" card-deck-page-router_item__Crdvi card-deck-page-router_anotherItem__1s9ht "> <div class="card-deck-page-router_imageWrapper__1Y8yq"> <img class="img100p br-30" src="/content/dam/wbx/us/images/rebrand/optimized/Experience-Management_img.jpg" alt="Webex Experience Management renforce la personnalisation"> </div> <div> <div> <div class="card-deck-page-router_itemTitle__3gv4c"> <h3 class="h5">Gestion de l'expérience</h3> </div> <div class="card-deck-page-router_itemDesc__O39Gp"> <p class="color-gray mbody"> Optimisez les expériences de vos clients avec les<br> données du parcours client pour personnaliser chaque interaction. </p> </div> </div> <div class="card-deck-page-router_ctaList__HhL5g"> <ul> <li> <a href="/fr/experience-management.html">En savoir plus<span class="icon-arrow"></span></a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </section> <style> .devicesworkharder { padding: 0; margin: 0; position: relative; width: 100%; /* border:1px solid red; */ background-color: #181818; } @media(min-width:1025px) { .devicesworkhard { padding: 0; } } .devicesworkharder img { /* position: absolute; z-index: -1; */ width: 100%; height: auto; margin: 0; padding: 0; } .devicesworkharder h3 { font-size: 10.6666666667vw; line-height: 11.7333333333vw; letter-spacing: -.4266666667vw; position: absolute; bottom: 12vw; left: 4.4444444444vw; color: rgba(255, 255, 255, 0.2); } @media(min-width:1025px) { .devicesworkharder h3 { font-size: 5.8333333333vw; line-height: 5.8333333333vw; letter-spacing: -.2333333333vw; } } .featured-devices-accordion_module__2qcAW .color-salem { color: #05935B !important; } .featured-devices-accordion_module__2qcAW .color-salem:hover { text-decoration: underline; } </style> <!-- new devices --> <style> .featured-devices-accordion_linkBox__1hXa9 a{ color: #078855!important; } .productnamechange1,.productnamechange2,.productnamechange3{color:#818181;font-weight: 200;} .featured-devices-accordion_module__2qcAW h3{ font-size: calc(24px + .1vw); line-height: 1.4444444444; letter-spacing: -.02em; } .featured-devices-accordion_title__1BSvQ{ position: absolute; width: 200%!important; } .featured-devices-accordion_module__2qcAW .mbody.fw-regular.h6{ font-size: calc(18px + .1vw); line-height: 1.4444444444; letter-spacing: -.02em; font-weight: 300; } @media(max-width:1025px){ .featured-devices-accordion_title__1BSvQ{ font-size: 4.5333333333vw; line-height: 5.6vw; top:20px; position: relative; width: 100%!important;max-width: 400px; } .featured-devices-accordion_module__2qcAW .swiper-scrollbar{display: none!important; position: absolute;bottom:0; width: 100%; } .productnamechange1, .productnamechange2, .productnamechange3{ display: block; } .featured-devices-accordion_thumbImage__oSEeJ{margin-top: 50px!important;} .featured-devices-accordion_module__2qcAW .featured-devices-accordion_MobileSlider__2BMWo{margin-top: 50px!important;} } @media(max-width:414px){ .featured-devices-accordion_title__1BSvQ{ width: 100%!important;max-width: 270px; } } </style> <section class="featured-devices-accordion_module__2qcAW bg-black color-white" id="featureDevice1"> <div class="container featured-devices-accordion_containerWrapper__3sYPL"> <div> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Collaborez de n’importe où.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Transformez votre espace de travail avec des appareils de collaboration performants.</span> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="/fr/collaboration-devices.html" class="btn btn btn-primary">Voir tous les appareils <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> <div> <ul class="featured-devices-accordion_list__evMTr"> <li class="featured-devices-accordion_accordionWrapper__160FK featured-devices-accordion_isActive__2j62w gradient-device-accordion"> <!--featured-devices-accordion_isActive__2j62w--> <div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ "> Appareils de bureau <span class="productnamechange1">Desk Mini</span> </h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Front-sec1.png" class=" br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Desk Mini"> </div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>Désencombrez votre bureau</h3> <strong class="mbody fw-regular h6"> Collaborez depuis n’importe quel espace grâce à des appareils conçus pour optimiser le travail et la productivité. </strong> <!-- <div class="featured-devices-accordion_linkBox__1hXa9"> <a href="https://hardware.webex.com/products/desk-series" class="sbody color-salem" aria-label="desk series">Explorer les appareils de bureau <span class="icon-arrow"></span></a> </div> --> </div> <span class="featured-devices-accordion_btn__3II31 feature-device-accordion-trigger" onclick="featuredDevicesAccordionClick(0)"><span class="featured-devices-accordion_plusVertical__3JXzA"></span><span class="featured-devices-accordion_plus__32x6u"></span></span> </div> </div> </div> <!-- swiper--> <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM"> <!--slider 1 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events" style="cursor: grab"--> <div class="swiper-container desk-cc-slider swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-3fad70ad7f108d912"></div> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-3fad70ad7f108d912"></div> <div class="swiper-wrapper" id="swiper-wrapper-3fad70ad7f108d912" aria-live="polite" style="cursor: grab; transition-duration: 0ms; transform: translate3d(-3059.35px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-title="Desk Mini" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Mini"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-title="Webex desk" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-title="Webex Desk Pro" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-title="Desk Camera" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Camera_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"></a> </div> <div class="swiper-slide swiper-slide-active" data-title="Desk Mini" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Mini"></a> </div> <div class="swiper-slide swiper-slide-next" data-title="Webex desk" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"></a> </div> <div class="swiper-slide" data-title="Webex Desk Pro" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"></a> </div> <div class="swiper-slide swiper-slide-duplicate-prev" data-title="Desk Camera" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Camera_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"></a> </div> <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-title="Desk Mini" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Mini"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-title="Webex desk" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-title="Webex Desk Pro" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-title="Desk Camera" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Camera_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"></a> </div></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo"> <!--slider 2--> <div class="swiper-container desk-mobile-cc-slider swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-scrollbar"> <div class="swiper-scrollbar-drag" style="transition-duration: 0ms; width: 289.496px;"></div> </div> <div class="swiper-wrapper" id="swiper-wrapper-bfa991542596a984" aria-live="polite" style="cursor: grab; transition-duration: 0ms; transform: translate3d(154.15px, 0px, 0px);"> <div class="swiper-slide swiper-slide-active"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskMini_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Mini"></a> </div> <div class="swiper-slide swiper-slide-next"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 5"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Desk_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk"></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_DeskPro_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Webex Desk Pro"></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/desk-series" aria-label="desk series 6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Camera_Mid-sec1.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Desk Camera"></a> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> <div class="featured-devices-accordion_mobileNavText__34YlQ"> <h6 class="mbody fw-regular"> Collaborez depuis n’importe quel espace grâce à des appareils conçus pour optimiser le travail et la productivité. </h6> <div class="featured-devices-accordion_linkBox__1hXa9"> <a href="https://hardware.webex.com/devices/desk-series" class="sbody color-salem">Explorer les appareils de bureau <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> <li class="featured-devices-accordion_accordionWrapper__160FK"> <div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ"> Appareils Room <span class="productnamechange2"></span> </h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Front-sec2.png" class="br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Board Pro"> </div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>Donnez à tous les moyens de collaborer</h3> <strong class="mbody fw-regular h6"> Créez des expériences inclusives, qui donnent la priorité à la vidéo, dans n’importe quel espace grâce à des appareils intelligents. </strong> <!-- <div class="featured-devices-accordion_linkBox__1hXa9"> <a href="https://hardware.webex.com/products/cameras" class="sbody color-salem" aria-label="camera learn more">Explorer les appareils Room <span class="icon-arrow"></span></a> </div> --> </div> <span onclick="featuredDevicesAccordionClick(1)" class="featured-devices-accordion_btn__3II31 feature-device-accordion-trigger"><span class="featured-devices-accordion_plusVertical__3JXzA"></span><span class="featured-devices-accordion_plus__32x6u"></span></span> </div> </div> </div> <!-- swiper --> <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM"> <!--slider--> <div class="swiper-container camera-cc-slider swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-7b1f3db58c6edb2c"></div> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-7b1f3db58c6edb2c"></div> <div class="swiper-wrapper" id="swiper-wrapper-7b1f3db58c6edb2c" aria-live="polite" style="cursor: grab; transition-duration: 0ms; transform: translate3d(-3059.35px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"></a> </div> <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"></a> </div> <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"></a> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"></a> </div> <div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"></a> </div> <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera3"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"></a> </div></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo"> <!--slider--> <div class="swiper-container camera-mobile-cc-slider swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-scrollbar"> <div class="swiper-scrollbar-drag" style="transition-duration: 0ms; width: 289.496px;"> </div> </div> <div class="swiper-wrapper" id="swiper-wrapper-c02f0f7aa6f5729f" aria-live="polite" style="cursor: grab; transition-duration: 0ms; transform: translate3d(154.15px, 0px, 0px);"> <div class="swiper-slide swiper-slide-active"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_BoardPro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Board Pro"></a> </div> <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera5"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Mini_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Mini"></a> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Kit_Pro_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Kit Pro"></a> </div> <div class="swiper-slide" data-swiper-slide-index="2"> <a href="https://hardware.webex.com/products/room-series-and-kits" aria-label="Camera6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Room_Nav_Mid-sec2.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Room Navigator"></a> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> <div class="featured-devices-accordion_mobileNavText__34YlQ"> <h6 class="mbody fw-regular"> Créez des expériences inclusives, qui donnent la priorité à la vidéo, dans n’importe quel espace grâce à des appareils intelligents. </h6> <div class="featured-devices-accordion_linkBox__1hXa9"> <a href="https://hardware.webex.com/products/room-series-and-kits" class="sbody color-salem">Explorer les appareils Room <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> <li class="featured-devices-accordion_accordionWrapper__160FK"> <div class="featured-devices-accordion_gradientBox__3Lgcu"></div> <div class="container"> <div class="grid featured-devices-accordion_accordionHead__38S5G"> <div class="col col-4 col-sm mb-auto featured-devices-accordion_headTitleBox__1RP1z"> <h2 class="h4 fw-regular featured-devices-accordion_title__1BSvQ"> Casques <span class="productnamechange3"></span> </h2> </div> <div class="col col-4 col-sm featured-devices-accordion_headImageBox__-pWx2"> <img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset-Front-sec3.png" class="br-30 img100p featured-devices-accordion_thumbImage__oSEeJ" alt="Bang &amp; Olufsen Cisco 980"> </div> <div class="col col-4 col-sm mb-auto featured-devices-accordion_rightCol__1OUSI"> <div class="featured-devices-accordion_desc__1J8IK"> <h3>Restez parfaitement concentré</h3> <strong class="mbody fw-regular h6"> Éliminez le bruit ambiant quel que soit l’endroit où vous travaillez grâce à des casques adaptés à tous les modes de travail et à tous les budgets. </strong> <!-- <div class="featured-devices-accordion_linkBox__1hXa9"> <a href="https://hardware.webex.com/products/headsets" class="sbody color-salem" aria-label="Headset1">Explorer les casques <span class="icon-arrow"></span></a> </div> --> </div> <span onclick="featuredDevicesAccordionClick(2)" class=" featured-devices-accordion_btn__3II31 feature-device-accordion-trigger"><span class="featured-devices-accordion_plusVertical__3JXzA"></span><span class="featured-devices-accordion_plus__32x6u"></span></span> </div> </div> </div> <div class="grid"> <div class="col col-12"> <div class="featured-devices-accordion_content__he9Id"> <div class="featured-devices-accordion_desktopSlider__hNgwM"> <div class="swiper-container headset-cc-slider swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-242f210e7326d8c2b"></div> <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-242f210e7326d8c2b"></div> <div class="swiper-wrapper" id="swiper-wrapper-242f210e7326d8c2b" aria-live="polite" style="cursor: grab; transition-duration: 0ms; transform: translate3d(-3059.35px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Bang &amp; Olufsen Cisco 980"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 700"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 500"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 300"></a> </div> <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Bang &amp; Olufsen Cisco 980"></a> </div> <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 700"></a> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 500"></a> </div> <div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 300"></a> </div> <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" role="group" aria-label="1 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset1"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Bang &amp; Olufsen Cisco 980"></a> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" role="group" aria-label="2 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset2"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 700"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 500"></a> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 4"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset4"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class="featured-devices-accordion_sliderImage__17KJD" alt="Casque série 300"></a> </div></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="featured-devices-accordion_MobileSlider__2BMWo"> <div class="swiper-container headset-mobile-cc-slider swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-scrollbar"><div class="swiper-scrollbar-drag" style="transition-duration: 0ms; width: 289.496px;"></div></div> <div class="swiper-wrapper" id="swiper-wrapper-fa5c77ce99100d17a" aria-live="polite" style="cursor: grab; transition-duration: 0ms; transform: translate3d(154.15px, 0px, 0px);"> <div class="swiper-slide swiper-slide-active"> <!--dsfgsdf--> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset5"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_BO_Cisco980_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Bang &amp; Olufsen Cisco 980"></a> </div> <div class="swiper-slide swiper-slide-next"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset6"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_700_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Casque série 700"></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset7"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_500_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Casque série 500"></a> </div> <div class="swiper-slide"> <a href="https://hardware.webex.com/products/headsets" aria-label="Headset7"><img src="/content/dam/wbx/us/images/rebrand/devices-slides/Devices_Headset_300_Mid-sec3.png" class=" featured-devices-accordion_sliderImage__17KJD " alt="Casque série 300"></a> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> <div class=" featured-devices-accordion_mobileNavText__34YlQ "> <h6 class="mbody fw-regular"> Éliminez le bruit ambiant quel que soit l’endroit où vous travaillez grâce à des casques adaptés à tous les modes de travail et à tous les budgets. </h6> <div class="featured-devices-accordion_linkBox__1hXa9"> <a href="https://hardware.webex.com/devices/accessories" class="sbody color-salem">Explorer les casques <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="featured-devices-accordion_botBorder__15K48"></div> </div> </li> </ul> </div> </section> <script> const swipersliderdesk = new Swiper('.desk-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swipersliderdeskmobile = new Swiper('.desk-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); swipersliderdesk.on('slideChange', function () {swipersliderdesktitle();}); swipersliderdeskmobile.on('slideChange', function () { swipersliderdesktitle(); }); function swipersliderdesktitle(){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, AEList) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, BEList) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, CEList) != -1) { $(".productnamechange1").html("Desk Camera"); } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, DEList) != -1) { $(".productnamechange1").html("Desk Mini"); } } const swiperslidercamera = new Swiper('.camera-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swiperslidecameramobile = new Swiper('.camera-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, } }); swiperslidercamera.on('slideChange', function () { swiperslidercameratitle(); }); swiperslidecameramobile.on('slideChange', function () {swiperslidercameratitle();}); function swiperslidercameratitle(){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swiperslidercamera.activeIndex, AEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, AEList) != -1) { $(".productnamechange2").html("Room Kit Mini"); } else if ($.inArray(swiperslidercamera.activeIndex, BEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, BEList) != -1) { $(".productnamechange2").html("Room Kit Pro"); } else if ($.inArray(swiperslidercamera.activeIndex, CEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, CEList) != -1) { $(".productnamechange2").html("Room Navigator"); } else if ($.inArray(swiperslidercamera.activeIndex, DEList) != -1 || $.inArray(swiperslidecameramobile.activeIndex, DEList) != -1) { $(".productnamechange2").html("Board Pro"); } } const swipersliderheadset = new Swiper('.headset-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); const swipersliderheadsetmobile = new Swiper('.headset-mobile-cc-slider', { grabCursor: true, centeredSlides: true, slidesPerView: 'auto', scrollbar: { el: '.swiper-scrollbar', draggable: true, }, }); swipersliderheadset.on('slideChange', function () { swipersliderheadsettitle(); }); swipersliderheadsetmobile.on('slideChange', function () { swipersliderheadsettitle();}); function swipersliderheadsettitle(){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; if ($.inArray(swipersliderheadset.activeIndex, AEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, AEList) != -1) { $(".productnamechange3").html("Headset 700 series"); } else if ($.inArray(swipersliderheadset.activeIndex, BEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, BEList) != -1) { $(".productnamechange3").html("Headset 500 series"); } else if ($.inArray(swipersliderheadset.activeIndex, CEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, CEList) != -1) { $(".productnamechange3").html("Headset 300 series"); } else if ($.inArray(swipersliderheadset.activeIndex, DEList) != -1 || $.inArray(swipersliderheadsetmobile.activeIndex, DEList) != -1) { $(".productnamechange3").html("Bang & Olufsen Cisco 980"); } } // const swiper = new Swiper('.swiper-container-slide2', { // // If we need pagination // slidesPerView: 'auto', // loop: true, // // Navigation arrows // navigation: "auto", // scrollbar: { // draggable: true, // }, // }); function featuredDevicesAccordionClick(index) { const accordionRows = document.querySelectorAll(".featured-devices-accordion_accordionWrapper__160FK"); var rowindex = index; if (accordionRows[index].classList.contains("featured-devices-accordion_isActive__2j62w")) { accordionRows[index].classList.remove("featured-devices-accordion_isActive__2j62w"); accordionRows[index].classList.remove("gradient-device-accordion"); //console.log($(".featured-devices-accordion_accordionWrapper__160FK").find("productnamechange1").html()); productnamechange(rowindex, 0); } else { [].forEach.call(accordionRows, function (el) { el.classList.remove("featured-devices-accordion_isActive__2j62w"); el.classList.remove("gradient-device-accordion"); }); accordionRows[index].classList.add("featured-devices-accordion_isActive__2j62w"); accordionRows[index].classList.add("gradient-device-accordion"); productnamechange(rowindex, 1); } } function productnamechange(rowindex, state){ // state open = 1 state close = 0 $(".productnamechange1").text(" "); $(".productnamechange2").text(" "); $(".productnamechange3").text(" "); //console.log("deskindex----"+swipersliderdesk.activeIndex+" mobileindex------"+ swipersliderdeskmobile.activeIndex); if(rowindex === 0 && state === 1){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, AEList) != -1) { // console.log("a"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Webex Desk"); // } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, BEList) != -1) { // console.log("b"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Webex Desk Pro"); // } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, CEList) != -1) { // console.log("c"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Desk Camera"); // } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1 || $.inArray(swipersliderdeskmobile.activeIndex, DEList) != -1) { // console.log("d"+swipersliderdesk.activeIndex); // $(".productnamechange1").html("Desk Mini"); // } if ($.inArray(swipersliderdesk.activeIndex, AEList) != -1 ) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdesk.activeIndex, BEList) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdesk.activeIndex, CEList) != -1 ) { $(".productnamechange1").html("Desk Camera"); } else if ($.inArray(swipersliderdesk.activeIndex, DEList) != -1) { $(".productnamechange1").html("Desk Mini"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swipersliderdeskmobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderdeskmobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } if(rowindex === 1 && state === 1){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // console.log(swiperslidercamera.activeIndex); if ($.inArray(swiperslidercamera.activeIndex, AEList) != -1 ) { console.log("a"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Kit Mini"); } else if ($.inArray(swiperslidercamera.activeIndex, BEList) != -1 ) { console.log("b"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Kit Pro"); } else if ($.inArray(swiperslidercamera.activeIndex, CEList) != -1 ) { console.log("c"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Room Navigator"); } else if ($.inArray(swiperslidercamera.activeIndex, DEList) != -1 ) { console.log("d"+swiperslidercamera.activeIndex); $(".productnamechange2").html("Board Pro"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swiperslidecameramobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swiperslidecameramobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swiperslidecameramobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swiperslidecameramobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } if(rowindex === 2 && state === 1){ var AEList = [1, 5]; var BEList = [2, 6]; var CEList = [3, 7]; var DEList = [4, 8]; // console.log(swipersliderheadset.el.attr("class") ); if ($.inArray(swipersliderheadset.activeIndex, AEList) != -1) { console.log("a"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 700 series"); } else if ($.inArray(swipersliderheadset.activeIndex, BEList) != -1 ) { console.log("b"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 500 series"); } else if ($.inArray(swipersliderheadset.activeIndex, CEList) != -1 ) { console.log("c"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Headset 300 series"); } else if ($.inArray(swipersliderheadset.activeIndex, DEList) != -1 ) { console.log("d"+swipersliderheadset.activeIndex); $(".productnamechange3").html("Bang & Olufsen Cisco 980"); } if ($(window).width() < 1025) { var AEList1 = [0]; var BEList1 = [1]; var CEList1 = [2]; var DEList1 = [3]; if ($.inArray(swipersliderheadsetmobile.activeIndex, AEList1) != -1) { $(".productnamechange1").html("Desk Mini"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, BEList1) != -1) { $(".productnamechange1").html("Webex Desk"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, CEList1) != -1) { $(".productnamechange1").html("Webex Desk Pro"); } else if ($.inArray(swipersliderheadsetmobile.activeIndex, DEList1) != -1) { $(".productnamechange1").html("Desk Camera"); } } } } </script> <!-- end new devices --> <!--good--> <section class="integration-grid_module__2qqOk bg-black color-white" data-sticky-target="integrations"> <a name="integrations-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Travaillez avec les<br> outils que vous aimez.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Webex s’intègre avec une fluidité parfaite à plus de<br> 100&nbsp;applications de pointe.</span> </div> <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"> <a href="/fr/products/integrations/index.html" class="btn btn btn-primary">Voir toutes les intégrations <span class="icon-arrow"></span></a> </div> </div> </div> </div> </div> <div class="integration-grid_integrationContainer__2BgCr"> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration1 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-wrapper" id="swiper-wrapper-cda1109d94fc872f7" aria-live="off" style="transition-duration: 10000ms; transform: translate3d(-9331.38px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" role="group" aria-label="6 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 12"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="7" role="group" aria-label="8 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="8" role="group" aria-label="9 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" role="group" aria-label="10 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" role="group" aria-label="11 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="11" role="group" aria-label="12 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="5" role="group" aria-label="6 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div> <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 12"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div> <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="7" role="group" aria-label="8 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div> <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="8" role="group" aria-label="9 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="9" role="group" aria-label="10 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="10" role="group" aria-label="11 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="11" role="group" aria-label="12 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div> <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="5" role="group" aria-label="6 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="6" style="margin-right: 20px;" role="group" aria-label="7 / 12"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="7" role="group" aria-label="8 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="8" role="group" aria-label="9 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Box.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Box</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" role="group" aria-label="10 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Salesforce.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Salesforce</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" role="group" aria-label="11 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Google.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Google</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="11" role="group" aria-label="12 / 12" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Microsoft.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Microsoft</span> </div> </div></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration2 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-wrapper" id="swiper-wrapper-bf99ca789c6264b9" aria-live="off" style="transition-duration: 10000ms; transform: translate3d(-7858px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="4" role="group" aria-label="5 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="5" role="group" aria-label="6 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="6" role="group" aria-label="7 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" role="group" aria-label="8 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" role="group" aria-label="9 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" role="group" aria-label="10 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" role="group" aria-label="11 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div> <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="4" role="group" aria-label="5 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div> <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="5" role="group" aria-label="6 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div> <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="6" role="group" aria-label="7 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="7" role="group" aria-label="8 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="8" role="group" aria-label="9 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="9" role="group" aria-label="10 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="10" role="group" aria-label="11 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div> <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="4" role="group" aria-label="5 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="5" role="group" aria-label="6 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="6" role="group" aria-label="7 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="7" role="group" aria-label="8 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Twitter.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Twitter</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" role="group" aria-label="9 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Apple.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Apple</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" role="group" aria-label="10 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Slack.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Slack</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" role="group" aria-label="11 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Appspace.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Appspace</span> </div> </div></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="integration-grid_list__1klCi"> <div class="swiper-container-integration3 swiper-container-initialized swiper-container-horizontal swiper-container-pointer-events swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-wrapper" id="swiper-wrapper-b9b7583f03c3fef5" aria-live="off" style="transition-duration: 10000ms; transform: translate3d(-8349.12px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="6" role="group" aria-label="7 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="7" role="group" aria-label="8 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" role="group" aria-label="9 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" role="group" aria-label="10 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" role="group" aria-label="11 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="0" role="group" aria-label="1 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="1" role="group" aria-label="2 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="2" role="group" aria-label="3 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="3" role="group" aria-label="4 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="4" role="group" aria-label="5 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div> <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div> <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="6" role="group" aria-label="7 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div> <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="7" role="group" aria-label="8 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="8" role="group" aria-label="9 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="9" role="group" aria-label="10 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div> <div class="swiper-slide" data-swiper-slide-index="10" role="group" aria-label="11 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div> <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0" role="group" aria-label="1 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="1" role="group" aria-label="2 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" role="group" aria-label="3 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="3" role="group" aria-label="4 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="4" role="group" aria-label="5 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="5" role="group" aria-label="6 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="6" role="group" aria-label="7 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="7" role="group" aria-label="8 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Jira.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">Jira</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="8" role="group" aria-label="9 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/Vbrick.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP Virtual Assistant</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" role="group" aria-label="10 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ADP Virtual Assistant.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ADP</span> </div> </div><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="10" role="group" aria-label="11 / 11" style="margin-right: 20px;"> <div class="integration-grid_listItem__vuFeW"> <div class="integration-grid_wrapperImg__1EvJk"> <img src="/content/dam/wbx/us/images/rebrand/integration-grid/ACTextBot.png" class="integration-grid_imgWrap__DWf4H" alt=""> </div> <span class="integration-grid_integrationName__2Vnql">ACTextBot</span> </div> </div></div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </div> </section> <!--good--> <style> .securitybttn { width: 100% !important; } @media(min-width:1025px) { .securitybttn { width: auto; } } </style> <section class="text-grid_module__3ArLH bg-white color-black gradient-br-purple" data-sticky-target="case-studies" data-module="text-grid"> <a name="case-studies-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Sécurisé par sa conception,<br> privé par défaut.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Gardez l’esprit tranquille grâce à une protection optimale de la sécurité des informations et de la confidentialité de tous les utilisateurs, où que vous soyez. </span> </div> <div class="col col-4 col-sm"> <div class="flex-end module-header_ctaLink__35y3u securitybttn"> <a href="/fr/security.html" class="btn btn btn-primary ">En savoir plus <span class="icon-arrow"></span></a> </div> </div> </div> </div> <div class="text-grid_grid__vAiKx undefined"> <div class="text-grid_col__wlrJY text-grid_colLarge__1U3HL"> <img src="/content/dam/wbx/us/images/rebrand/optimized/Secure-by-design.jpg" alt="Les utilisateurs bénéficient d’une sécurité totale avec Webex Calling" class="img100p br-30"> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class=" text-grid_serviceInner__1atFM text-grid_middle__gptb9 "> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/privacy-1_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Protégez vos utilisateurs </span><span class="mbody fw-regular text-grid_serviceText__17Ege">Bénéficiez d’une sécurité «&nbsp;zéro confiance&nbsp;» grâce au chiffrement de bout en bout.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/webex-devices_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Protégez vos appareils </span><span class="mbody fw-regular text-grid_serviceText__17Ege">Personnalisez les fonctions de sécurité avec la déconnexion en cas d’inactivité, le verrouillage obligatoire par code&nbsp;PIN et l’effacement à distance des contenus Webex.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/single-platform-open-platform-1_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Isolez vos contenus </span><span class="mbody fw-regular text-grid_serviceText__17Ege">Les données n’ont pas à quitter votre région&nbsp;: vous choisissez où elles sont hébergées.</span> </div> </div> </div> <div class="text-grid_col__wlrJY text-grid_colDefault__Q2IOn"> <div class="text-grid_serviceWrapper__1-ZhJ false"> <div class="text-grid_serviceInner__1atFM undefined"> <div class="text-grid_iconWrapper__1lpD_"> <div class=" text-grid_gradientImage__1fhbv icon-gradient-purple " style=" -webkit-mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg); mask-image: url(/content/dam/wbx/us/images/rebrand/custom-icons/voice-recognition_black.svg); "></div> </div> <span class="h5 fw-regular text-grid_serviceName__NvaKM">Sécurisez chaque enregistrement</span><span class="mbody fw-regular text-grid_serviceText__17Ege">Toutes les traductions, transcriptions et captures en temps réel restent en interne.</span> </div> </div> </div> </div> </div> </section> <!--good--> <style> .wx-wrapper .col-bottom { justify-content: initial !important; flex-direction: column; display: flex; } .vertical-tab_module__2c0P_ .swiper-slide img { padding: 2vw; border: 1px solid #c4c4c4; background-color: #fff; } </style> <style> .vertical-tab_module__2c0P_ .module-header { margin-bottom: 6.3333333333vw; } .thumb-image { padding: 2px; } .copyrightvert { margin-top: 10px; } .vertical-tab_module__2c0P_ .swiper-slide img.img100p { width: calc(100% - 1px); } .vertical-tab_module__2c0P_ .accordion .accordionContainer .description a { margin-bottom: 2vw; } </style> <section class="vertical-tab_module__2c0P_ gradient-bl-blue" data-sticky-target="vertical-tab" data-navbar-target="true"><a name="vertical-tab-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2 " role="heading" aria-level="2"><span>Collaborez avec un<br> leader mondial.</span></h2> <!-- <span class="color-boulder fw-medium module-header_description__1Godp">Reduce operational costs and improve productivity when you move mission-critical business to the cloud.</span> --> </div> <!-- <div class="col col-3 col-sm"> <div class="flex-end module-header_ctaLink__35y3u"><a href="/" class="btn btn btn-secondary-light">Download the PDF <span class="icon-download"></span></a> </div> </div> --> </div> </div> <div class="grid grid-between"> <div class="col col-4 col-sm vertical-tab_colText__309uD vertical-tab_thumbSlider__1fqbr "> <div class="accordion"> <div class="swiper-container thumb-swiper swiper-container-vertical swiper-container-thumbs swiper-initialized swiper-vertical swiper-pointer-events swiper-thumbs" thumbsslider="true"> <div class="swiper-wrapper progress-start" id="swiper-wrapper-d4d98da6c9bb2d23" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);"> <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active" role="group" aria-label="1 / 3"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <!-- /content/dam/wbx/us/images/rebrand/GMQ_Meetings.jpg--> <div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt=""></div> <div class="titleContainer"> <h6 class="lbody fw-medium">Magic Quadrant™&nbsp;2021 de Gartner® pour les solutions de réunion</h6> </div> <div class="description calling-accordion-body" style="height: 137px;"> <p class="color-gray fw-regular">Pour la quinzième fois, Gartner a classé Cisco dans la catégorie des leaders dans son rapport Magic Quadrant™&nbsp;2021 pour les solutions de réunion.</p> <!-- <a href="/content/webex/global/en_US/index/gp/gartner-magic-quadrant-meeting-solutions.html" class="btn btn-primary">Découvrez pourquoi <span class="icon-arrow"></span></a> --> </div><span class="progress"></span> </li> </div> <div class="swiper-slide swiper-slide-visible swiper-slide-next" role="group" aria-label="2 / 3"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt=""> </div> <div class="titleContainer"> <h6 class="lbody fw-medium">Magic Quadrant™&nbsp;2021 de Gartner® pour les communications unifiées en tant que service</h6> </div> <div class="description calling-accordion-body"> <p class="color-gray fw-regular"> Une fois encore, Gartner a désigné Cisco comme un leader dans son classement Magic Quadrant™ 2021 pour les solutions UCaaS (communications unifiées en tant que service). </p> <!-- <a href="/gp/gartner-magic-quadrant-ucaas.html?utm_medium=Website&utm_source=WDC&utm_campaign=Ent_Cloudcalling&utm_content=Homepage_CTA" class="btn btn-primary">Découvrez pourquoi <span class="icon-arrow"></span></a> --> </div><span class="progress"></span> </li> </div> <div class="swiper-slide swiper-slide-visible" role="group" aria-label="3 / 3"> <li class="accordionContainer vertical-tab_itemBox__3nX3e" aria-hidden="true"> <div class="thumb-image"><img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex est un leader dans le secteur des centres de contact intelligents." class="img100p br-30" style="padding-right: 5vw"></div> <div class="titleContainer"> <h6 class="lbody fw-medium">Aragon Research Globe pour les centres de contact intelligents</h6> </div> <div class="description calling-accordion-body" style="height: 0px;"> <p class="color-gray fw-regular"> Le rapport Aragon Research Globe pour les centres de contact intelligents étudie les principaux fournisseurs de centres de contact intelligents, y compris le leader du secteur&nbsp;: Cisco.</p> <!-- <a href="/content/webex/global/en_US/index/gp/aragon-contact-center.html" class="btn btn-primary">En savoir plus <span class="icon-arrow"></span></a> --> </div><span class="progress"></span> </li> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </div> <div class="col col-6 col-sm vertical-tab_colImage__3vvL6"> <div class="swiper-container main-swiper swiper-fade swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-wrapper" id="swiper-wrapper-a3bb1082e29d10d1bf" aria-live="off"> <div class="swiper-slide swiper-slide-visible swiper-slide-active" role="group" aria-label="1 / 3" style="width: 839px; opacity: 1; transform: translate3d(0px, 0px, 0px);"> <img src="/content/dam/wbx/us/images/rebrand/gated-magic.png" class="img100p br-30" alt=""> <p class="xsbody color-boulder copyrightvert">Ce graphique a été publié par Gartner, Inc. dans le cadre d’une étude plus générale et doit être évalué dans le contexte de l’intégralité du rapport. Le document de Gartner est disponible sur demande auprès de Webex.</p> </div> <div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 3" style="width: 839px; opacity: 0; transform: translate3d(-839px, 0px, 0px);"> <img src="/content/dam/wbx/us/images/rebrand/magic-quadrant-ucaas.png" class="img100p br-30" alt=""> <p class="xsbody color-boulder copyrightvert">Ce graphique a été publié par Gartner, Inc. dans le cadre d’une étude plus générale et doit être évalué dans le contexte de l’intégralité du rapport. Le document de Gartner est disponible sur demande auprès de Cisco.</p> </div> <div class="swiper-slide" role="group" aria-label="3 / 3" style="width: 839px; opacity: 0; transform: translate3d(-1678px, 0px, 0px);"> <img src="/content/dam/wbx/us/images/rebrand/gated-Final_ICC_Globe_Graphic.jpg" alt="Webex est un leader dans le secteur des centres de contact intelligents." class="img100p br-30" style="padding-right: 4vw"> <p class="xsbody color-boulder copyrightvert">Copyright © 2021 Aragon Research Inc. et/ou ses sociétés affiliées. Tous droits réservés. Aragon Research et Aragon Research Globe sont des marques commerciales d’Aragon Research Inc.</p> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> </div> </div> </section> <!--good--> <section class="integrations_module__1RZEZ bg-white color-black gradient-br-orange" data-sticky-target="Integrations" data-module="text-grid"> <a name="Integrations-anchor" class="module-sticky-target"></a> <style> /* fix homepage nasdaq logo */ .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 8.2666666667vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 60px; height: auto; margin-left: -2.6666666667vw; margin-right: -2.6666666667vw; margin-top: 1vw; } @media (min-width: 1025px) { .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss { max-height: 3.4722222222vw; } .integrations_list__2Mm1n .integrations_wrapperList__2kXMB .integrations_imageWrapper__I72Ss .integrations_icon__33W3A.logo-Nas { width: 6.25vw; height: auto; margin-left: -0.6944444444vw; margin-right: -0.6944444444vw; margin-top: 0; } } @media(max-width:1024px){ .integrations_module__1RZEZ.bg-white.color-black a.btn{margin-top: 7vw;} } </style> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Au service des marques<br> les plus influentes au monde.</span> </h2> <span class="color-boulder fw-medium module-header_description__1Godp">Nous sommes fiers de simplifier la collaboration des équipes<br> pour contribuer au développement des idées les plus brillantes et les plus prometteuses.</span> </div> </div> </div> <div class="grid grid-end integrations_grid__fxy2S"> <div class="col col-10 col-sm"> <div class="grid"> <ul class="integrations_list__2Mm1n"> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/svg/t-mobile.svg" class="integrations_icon__33W3A" alt="T-Mobile"> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">T-Mobile</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/svg/at-t.svg" class="integrations_icon__33W3A" alt="AT&amp;T"> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">AT&amp;T</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/nasdaq-new-logo.png" class="integrations_icon__33W3A logo-Nas" alt="Nasdaq"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Nasdaq</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/broadcom-logo.png" class="integrations_icon__33W3A" alt="Broadcom"> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Broadcom</span> </div> </li> <!--sdfgsdfgsdf--> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/rac-new-logo.png" class="integrations_icon__33W3A" alt="rent-a-center"/> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Rent-A-Center</span> </div> </li> <li class="integrations_wrapperList__2kXMB false"> <div class="col col-2 integrations_imageWrapper__I72Ss"> <img src="/content/dam/wbx/us/images/rebrand/integrations/Logo_Paychex.png" class="integrations_icon__33W3A" alt="Paychex"> </div> <div class="col col-10 integrations_titleWrapper__FDium"> <span class="h5 undefined">Paychex</span> </div> </li> </ul> </div> </div> </div> </div> </section> <!--good--> <style> /* .left-arrow, .right-arrow{z-index: 3;}*/ .swiper-pagination-fraction { margin: 0 14px; width: auto; } </style> <section class="quote-carousel_module__3pdLb gradient-br-green" data-sticky-target="testimonials" data-module="quote-carousel"> <a name="testimonials-anchor" class="module-sticky-target"></a> <div class="container"> <div class="module-header"> <div class="grid grid-between"> <div class="col col-8 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Une solution reconnue <br>par les professionnels.</span> </h2> </div> </div> </div> <div class="grid grid-between"> <div class="col col-9 col-sm"> <div class="swiper-container-quote swiper-fade swiper-initialized swiper-horizontal swiper-pointer-events"> <div class="swiper-wrapper" id="swiper-wrapper-f482bc5255a93333" aria-live="polite"> <div class="swiper-slide swiper-slide-visible swiper-slide-active" role="group" aria-label="1 / 4" style="width: 839px; opacity: 1; transform: translate3d(0px, 0px, 0px);"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/tmobile-quotelogo.png" class="img-responsive quote-carousel_image__tqw2j" alt="T-Mobile"> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> Un sourire peut indiquer qu’on s’est compris. Un hochement de tête peut signifier qu’on est d’accord. Mais ce qui semble évident durant des interactions en chair et en os l’est beaucoup moins lorsque la qualité audio et vidéo des outils de téléprésence laisse à désirer. Nos salles Webex transmettent une image et un son parfaitement nets, qui se traduisent par une expérience utilisateur totalement fluide. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Joshua Baever, ingénieur senior en fiabilité des systèmes, T-Mobile </div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> <div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 4" style="width: 839px; opacity: 0; transform: translate3d(-839px, 0px, 0px);"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/under-armour-01.png" class="img-responsive quote-carousel_image__tqw2j" alt=""> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> Les comptes-rendus de réunions Webex ont triplé depuis que le télétravail est devenu une nécessité… Mais la durée des réunions est plus courte maintenant. Tous nos collaborateurs commencent vraiment à constater cette efficacité. Ils sont capables d’accomplir un important travail en amont et en aval des réunions, directement sur la plateforme. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Karen Dean, directrice générale des services de collaboration, Under Armour </div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> <div class="swiper-slide" role="group" aria-label="3 / 4" style="width: 839px; opacity: 0; transform: translate3d(-1678px, 0px, 0px);"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/mclarensmalllogo.png" class="img-responsive quote-carousel_image__tqw2j" alt=""> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> La possibilité d’interagir dans le monde entier n’a jamais été aussi importante. Cisco Webex propose une suite d’outils de pointe basés dans le cloud qui permettent à McLaren Racing de s’affranchir des frontières géographiques, de créer des expériences virtuelles et d’inviter nos fans et nos partenaires au cœur de notre équipe. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Zak Brown, PDG, McLaren Racing </div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> <div class="swiper-slide" role="group" aria-label="4 / 4" style="width: 839px; opacity: 0; transform: translate3d(-2517px, 0px, 0px);"> <div class="grid grid-between"> <div class="col col-2 col-sm"> <div class="quote-carousel_imageWrapper__1LrgG"> <img src="/content/dam/wbx/us/images/rebrand/Puma-Logo.png" class="img-responsive quote-carousel_image__tqw2j" alt=""> </div> </div> <div class="col col-10 col-sm"> <div> <p class="h5 quote-carousel_quote__1_MFH"> La plateforme [Webex Experience Management] nous permet d’affiner nos opérations et nos programmes de formation en fonction des commentaires laissés par les clients concernant la qualité. </p> <div class="sbody fw-medium color-gray quote-carousel_author__1menR"> Jérôme Rouch-Sirech, directeur des activités de commerce de détail, PUMA </div> <!-- <a href="/link" class="btn btn-tertiary vquote-carousel_quoteCta__2N7qQ">Read More</a> --> </div> </div> </div> </div> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div> </div> <div class="col col-2 col-sm hidden-sm"> <div class="carousel-controls"> <div class="left-arrow swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-f482bc5255a93333" aria-disabled="true"> <span class="icon-arrow-large"></span> </div> <div class="count mbody swiper-pagination-fraction swiper-pagination-horizontal"><span class="swiper-pagination-current">1</span> / <span class="swiper-pagination-total">4</span></div> <div class="right-arrow" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-f482bc5255a93333" aria-disabled="false"> <span class="icon-arrow-large"></span> </div> </div> </div> <div class="scrollbar quote-carousel_scrollbar__ypIQM"> <div class="swiper-scrollbar-drag" style="transform: translate3d(0px, 0px, 0px); width: 209.75px;"> </div> </div> </div> </div> </section> <!--good--> <style> .wx-wrapper .right-arrow1 { width: 42px; width: 11.2vw; height: 42px; height: 11.2vw; border-radius: 50%; background: #191919; color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.8rem; font-size: 18px; font-size: 4.8vw } @media(min-width:1025px) { .wx-wrapper .right-arrow1 { width: 56px; width: 3.8888888889vw; height: 56px; height: 3.8888888889vw; font-size: 2.2rem; font-size: 22px; font-size: 1.5277777778vw } } .wx-wrapper .right-arrow1 [class*=" icon-"], .wx-wrapper .right-arrow1 [class^=icon-] { display: inline-block } .wx-wrapper .right-arrow1:hover { background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 236, 155, .3)), to(rgba(32, 236, 155, .3))), #078855; background: -webkit-linear-gradient(bottom, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855; background: linear-gradient(0deg, rgba(32, 236, 155, .3), rgba(32, 236, 155, .3)), #078855 } .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: left !important; } @media(min-width:1025px) { .featured-case-study_blogCard__20k0V .featured-case-study_ctaBox__2iieq { text-align: right !important; } } .featured-case-study_imageWrapper__3IclY { margin-bottom: 0 !important; } .featured-case-study_description__2AHny { margin-bottom: 5vw; } </style> <section class="featured-case-study_module__ZUBc_ bg-black"> <div class="container"> <div class="grid grid-between"> <div class="col col-7 col-sm"> <h2 class="h2" role="heading" aria-level="2"> <span>Webex donne un coup de boost à l’écurie de&nbsp;F1 McLaren</span> </h2> <p class="mbody color-boulder col col-8 col-sm p0 featured-case-study_description__2AHny"> <span>Découvrez comment Webex et McLaren unissent leurs forces pour proposer des expériences de course immersives uniques au monde.</span> </p> <a id="videoLink11" href="javascript:;" data-video-id="6257955535001" class="btn btn-secondary-light mb3">Regarder maintenant <span class="icon-video"></span></a> </div> <div class="col col-5 col-sm"> <div class="featured-case-study_imageWrapper__3IclY"> <img class="br-30 img100p" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_main_img.jpg" alt="McLaren s’appuie sur Webex pour proposer des expériences de course immersives"> </div> </div> </div> <div class="featured-case-study_moreStoriesSection__3YKQs"> <strong class="h5 fw-regular featured-case-study_sectionTitle__3HfTh"> Plus de témoignages </strong> <div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/fr/visioconferences/lequipe-dsm-court-son-worldtour-accompagnee-de-webex-pour-une-nouvelle-experience-de-sport-hybride/"> <div class="col col-2 col-sm"> <img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg1.jpg" alt="Webex crée des expériences de sport hybride"> </div> <div class="col col-5 col-sm"> <p class="mbody color-white fw-bold p0 featured-case-study_cardTitle__3qS9G"> <span>L’équipe DSM court son WorldTour accompagnée de Webex pour une nouvelle expérience de sport hybride</span> </p> <p class=" mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK"> <span>Découvrez comment Webex crée des expériences sportives immersives en établissant des passerelles entre les expériences virtuelles et en personne, et en aidant de grandes équipes, telles que l’équipe cycliste DSM, à atteindre leurs objectifs.</span> </p> </div> <div class=" col col-1 col-sm text-right featured-case-study_ctaBox__2iieq"> <a href="https://blog.webex.com/fr/visioconferences/lequipe-dsm-court-son-worldtour-accompagnee-de-webex-pour-une-nouvelle-experience-de-sport-hybride/" class="right-arrow bg-white color-black" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-f482bc5255a93333" aria-disabled="false"><span class="icon-arrow"></span></a> </div> </div> <div class="grid grid-between featured-case-study_blogCard__20k0V" data-url="https://blog.webex.com/fr/visioconferences/webex-remporte-le-trophee-trustradius-2021-de-la-meilleure-collaboration/"> <div class="col col-2 col-sm"> <img class="br-30 img100p featured-case-study_cardImage__1Ql3M" src="/content/dam/wbx/us/images/rebrand/optimized/Webex-fuels-the-McLaren_StoryImg2.jpg" alt="TrustRadius met Webex à l’honneur"> </div> <div class="col col-5 col-sm"> <p class=" mbody color-white fw-bold p0 featured-case-study_cardTitle__3qS9G "> <span>Webex reçoit la plus haute distinction de TrustRadius pour 2021 dans le domaine de la collaboration</span> </p> <p class="mbody color-boulder fw-regular p0 featured-case-study_cardDesc__y0mcK"> <span>L’engagement de Webex en matière d’innovation et d’excellence a été récompensé par le prix Top Rated 2021 Award dans la catégorie Collaboration, un prix basé uniquement sur le feedback des clients. Découvrez les raisons à l’origine de cette distinction.</span> </p> </div> <div class="col col-1 col-sm text-right featured-case-study_ctaBox__2iieq"> <a href="https://blog.webex.com/fr/visioconferences/webex-remporte-le-trophee-trustradius-2021-de-la-meilleure-collaboration/" class="right-arrow bg-white color-black" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-f482bc5255a93333" aria-disabled="false"><span class="icon-arrow"></span></a> </div> </div> </div> </div> </section> <script> $(".featured-case-study_blogCard__20k0V").click(function (e) { url = $(this).attr("data-url"); window.location.href = url; }); </script> </section> </main> <script> //swiper for quotes- good const swiperquote = new Swiper('.swiper-container-quote', { // If we need pagination effect: 'fade', fadeEffect: { crossFade: true }, pagination: { el: '.count', type: 'fraction' }, // Navigation arrows navigation: { nextEl: '.right-arrow', prevEl: '.left-arrow', }, scrollbar: { el: '.scrollbar', draggable: true, }, }); //integration grid - good const swiperIntegrationGrid1 = new Swiper('.swiper-container-integration1', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); const swiperIntegrationGrid2 = new Swiper('.swiper-container-integration2', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: false, delay: 1, }, loop: true }); const swiperIntegrationGrid3 = new Swiper('.swiper-container-integration3', { allowTouchMove: false, watchSlidesVisibility: false, spaceBetween: 20, slidesPerView: 'auto', speed: 10000, autoplay: { reverseDirection: true, delay: 1, }, loop: true }); const second = 5; let swiperMain; let isAutoplayDestroy = false; const swiperThumb = new Swiper(".thumb-swiper", { slidesPerView: "auto", direction: "vertical", allowTouchMove: false, disableOnInteraction: true, waitForTransition: false, watchSlidesVisibility: false, on: { afterInit: (e) => { e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseenter", () => { if (swiperMain.autoplay.running && swiperMain.realIndex) { swiperMain.autoplay.stop(); } }); }); e.el.children[0]?.childNodes.forEach((item, index) => { item.addEventListener("mouseleave", () => { if (!isAutoplayDestroy && swiperMain.realIndex) { swiperMain.autoplay.start(); } }); }); }, click: (e) => { e.$wrapperEl[0].classList.add("progress-none"); isAutoplayDestroy = true; swiperMain.autoplay.stop(); swiperMain.autoplay.running = false; swiperMain.update(); }, resize: (e) => { if (swiperMain.autoplay.running && !isAutoplayDestroy) { e.autoplay.start(); } }, }, }); swiperMain = new Swiper(".main-swiper", { effect: "fade", fadeEffect: { crossFade: true }, navigation: true, waitForTransition: false, autoplay: { delay: 1000 * second, disableOnInteraction: false, waitForTransition: false, }, thumbs: { swiper: swiperThumb, }, allowTouchMove: false, on: { // this is backup when intersectionObser is not entry fire status. afterInit: (e) => { const el = e.thumbs.swiper.wrapperEl.children[ e.activeIndex ].querySelector(".description"); el.style.height = `${el.scrollHeight}px`; e.autoplay.stop(); e.update(); }, slideChange: (e) => { const thumbs = e.thumbs.swiper.wrapperEl; const otherCollapse = thumbs.querySelectorAll(".description"); otherCollapse.forEach((item) => (item.style.height = 0)); const collapse = thumbs.children[e.activeIndex].querySelector( ".description" ); collapse.style.height = `${collapse.scrollHeight}px`; }, }, }); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const callback = (entries, observer) => { entries.forEach((entry) => { if (!isAutoplayDestroy) { if (entry.isIntersecting) { swiperThumb.$wrapperEl[0].classList.add("progress-start"); swiperMain.autoplay.start(); swiperMain.update(); } else { swiperMain.autoplay.stop(); swiperMain.update(); } } }); }; const observerint = new IntersectionObserver(callback); const target = document.querySelector(".vertical-tab_thumbSlider__1fqbr"); // console.log(target); if (observerint && target) { observerint.observe(target); } } } //long scroll // if (!!window.IntersectionObserver) { // const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0"); // const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr"); // const list = document.querySelectorAll("[data-long-scroll-list]"); // const handler = ([entry]) => { // if (entry.isIntersecting) { // anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29");//anchored-long-scroll_scrollUp__2jffX // window.addEventListener("scroll", scrollListener); // } else { // anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29"); // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); // window.removeEventListener("scroll", scrollListener); // } // }; // function scrollListener(e) { // if (this.oldScroll > this.scrollY) { // anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX"); // } else { // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); // } // this.oldScroll = this.scrollY; // } // const observer = new window.IntersectionObserver(handler, { // rootMargin: "0px 0px -100% 0px", // }); // observer.observe(anchorWrapper); // const subhandler = (entries) => { // entries.forEach((entry) => { // if (entry.isIntersecting) { // list.forEach((item) => { // if ( // item.dataset.longScrollList === // entry.target.dataset.longScrollItem // ) { // if (entry.target.classList.contains("bg-black")) { // item.classList.remove("color-boulder"); // item.classList.add("color-white"); // return; // } // item.classList.remove("color-boulder"); // item.classList.add("color-black"); // return; // } // item.classList.add("color-boulder"); // }); // } // }); // }; // function smoothScroll(id) { // const elm = document.querySelector(`[data-long-scroll-item="${id}"]`); // elm.scrollIntoView({ // behavior: "smooth", // }); // } // const subobserver = new window.IntersectionObserver(subhandler, { // rootMargin: "0px 0px -85% 0px", // }); // document.querySelectorAll("[data-long-scroll-item]").forEach((module) => { // subobserver.observe(module); // }); // document.querySelectorAll("[data-long-scroll-list]").forEach((module) => { // const id = module.dataset.longScrollList; // module.addEventListener("click", () => { // smoothScroll(id); // }); // }); // } </script> <script> // anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29"); // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); if (typeof window !== "undefined") { if (!!window.IntersectionObserver) { const anchorWrapper = document.querySelector(".anchored-long-scroll_anchorWrapper__221G0"); const anchorSticky = document.querySelector(".anchored-long-scroll_anchorSticky__heeZr"); const anchorStickyItems = document.querySelectorAll(".anchored-long-scroll_leftLinkBox__ro90Z"); const list = document.querySelectorAll("[data-long-scroll-list]"); const handler = ([entry]) => { if (entry.isIntersecting) { anchorSticky.classList.add("anchored-long-scroll_fixed__3bm29"); window.addEventListener("scroll", scrollListener); } else { anchorSticky.classList.remove("anchored-long-scroll_fixed__3bm29");/*css.fixed anchored-long-scroll_fixed__3bm29 anchored-long-scroll_fixed__3bm29*/ // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX"); /*css.scrollUp scrollUp*/ window.removeEventListener("scroll", scrollListener); } }; function scrollListener(e) { if (this.oldScroll > this.scrollY) { // anchorSticky.classList.add("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/ } else { // anchorSticky.classList.remove("anchored-long-scroll_scrollUp__2jffX");/*css.scrollUp scrollUp*/ } this.oldScroll = this.scrollY; } const anchoredLongScrollNewObserver = new window.IntersectionObserver( handler, { rootMargin: "0px 0px -100% 0px", } ); // anchorStickyItems.forEach((module) => { // observer.observe(module); // }); anchoredLongScrollNewObserver.observe(anchorWrapper); const subhandler = (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { list.forEach((item) => { item.classList.remove("color-boulder"); // console.log(item.classList); if (item.dataset.longScrollList === entry.target.dataset.longScrollItem) { if (entry.target.classList.contains("bg-black")) { item.classList.add("color-white"); } else { item.classList.add("color-black"); } } else { // console.log("cikti"); item.classList.add("color-boulder"); } }); } }); }; function smoothScroll(id, index) { const elm = document.querySelector(`[data-long-scroll-item="${id}"]`); elm.scrollIntoView({ behavior: "smooth", }); } document .querySelectorAll("[data-long-scroll-item]") .forEach((module, index) => { const header = document.querySelector(".navigation-wrapper header") ?.clientHeight; const lists = anchorSticky.querySelectorAll("li"); const item = lists[index].clientHeight; const inH = window.innerHeight; const bottomItem = inH - item * (index + 1) - header; const bottom = (bottomItem * 100) / inH; const margin = `-${100 - bottom}% 0px -${bottom}% 0px`; const subobserver = new window.IntersectionObserver(subhandler, { rootMargin: margin, }); subobserver.observe(module); }); document .querySelectorAll("[data-long-scroll-list]") .forEach((module, index) => { const id = module.dataset.longScrollList; module.addEventListener("click", () => { smoothScroll(id, index); }); }); } } </script> <div class="popup"> <style> .popup { display: none; } .popup-mask { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 9999; } .popup-main { width: 90vw; height: calc(90vw * 0.562); max-height: 90vh; max-width: calc(90vh / 0.562); position: fixed; left: 50%; top: 50%; z-index: 10000; transform: translate(-50%, -50%); } .popup-video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; } a.popup-close { height: 30px; display: block; margin-top: -40px; position: absolute; right: 15px; opacity: 1; z-index: 2; cursor: pointer; } a.popup-close .hamburger-bun { width: 32px; height: 2px; background: #fff; display: block; transform: rotate(135deg); position: relative; top: 10px; } a.popup-close .hamburger-bun:first-child { transform: rotate(-135deg); top: 12px; } </style> <div class="popup-mask"></div> <div class="popup-main"> <a href="javascript:;" class="popup-close"> <span class="hamburger-bun"></span> <span class="hamburger-bun"></span> </a> <div id="placeHolder" class="popup-body"> <!-- <div id="placeHolder"></div> --> <!-- <video data-video-id="6257269370001" data-account="1967227909001" data-player="VyvYYpJpg" data-embed="default" data-application-id controls="controls" class="video-js popup-video" id="Video1"></video> <script type="text/javascript" src="https://players.brightcove.net/1967227909001/VyvYYpJpg_default/index.min.js"></script> --> </div> </div> <script> $("#videoLink11").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); //$('#Video1').show(); $('.popup').show(); addPlayer($(this)) }) $('a.popup-close').on('click', function () { myPlayer.pause(); $('.popup').hide(); $('.popup-video').hide(); $("#bcplayer").remove(); }); // float McLaren video $("#videoLink0").bind('click', function (e) { e.preventDefault(); $('.popup-video').hide(); //$('#Video1').show(); $('.popup').show(); addPlayer($(this)) }) // float McLaren video end </script> <script> var myPlayer, playerHTML, playerData = { accountId: "1967227909001", playerId: "VyvYYpJpg", videoId: "6257955535001" }; // +++ Build the player and place in HTML DOM +++ function addPlayer(obj) { console.log($(obj).attr("data-video-id")); videoidnumber = $(obj).attr("data-video-id"); // Dynamically build the player video element playerHTML = '<video-js id="myPlayerID" data-video-id="' + videoidnumber + '" data-account="' + playerData.accountId + '" data-player="' + playerData.playerId + '" data-embed="default" class="video-js popup-video" controls=""></video-js>'; // Inject the player code into the DOM document.getElementById("placeHolder").innerHTML = playerHTML; // Add and execute the player script tag var s = document.createElement("script"); s.setAttribute("id", "bcplayer"); s.src = "https://players.brightcove.net/" + playerData.accountId + "/" + playerData.playerId + "_default/index.min.js"; // Add the script tag to the document document.body.appendChild(s); // Call a function to play the video once player's JavaScropt loaded s.onload = callback; } function callback() { myPlayer = bc("myPlayerID"); // Can also use the following to assign a player instance to the variable if you choose not to use IDs for elements directly // myPlayer = bc(document.getElementById('myPlayerID')); myPlayer.on("loadedmetadata", function () { // Mute the audio track, if there is one, so video will autoplay on button click myPlayer.muted(false); myPlayer.play(); }); } </script> </div></div> <div class="open-html-component section"> </div> <div class="open-html-component section"> </div> <div class="open-html-component section"> </div> </div> <div class="wbx-footer"> <div class="newpar new section"> </div> <div class="par iparys_inherited"> <div class="open-html-component"> <style> footer li a { cursor: pointer; } footer .footer_languageSelect__a_We0 a, footer .footer_languageSelect__a_We0 a:hover { color: #fff !important; } .footer_countrySelector__1ZD90 .footer_language__3GeJS .footer_languageWrapper__1qiJ4:after { z-index: -3; } .footer_copyright__2fzys { color: #9e9e9e !important; } </style> <footer class="footer_module__21ya7 wx-wrapper navigation-wrapper module" data-module="footer"> <div class="bg-black color-white"> <div class="footer_prefooter__3edCk" style="background-image:url(/content/dam/wbx/us/images/rebrand/nav-footer/footerBg.png)"> <div class="container"> <div class="grid"> <div class="col"><a href="/fr" class="footer_logo__3rrSz"><img src="/content/dam/wbx/us/images/rebrand/nav-footer/webexLogo.png" alt="Logo Webex"></a> </div> </div> <div class="grid grid-between"> <div class="col col-7 col-sm"> <div class="h2 fw-medium">Commencez gratuitement.</div> </div> <div class="col col-4 col-align-bottom col-sm"> <div class="lbody fw-regular footer_sideText__3VaMw ">Bénéficiez de fonctionnalités supplémentaires, d’un espace de stockage et d’une assistance à un tarif économique.</div> </div> <div class="col col-12 col-sm footer_buttonWrapper__28ZDj"><a href="https://signup.webex.com/sign-up?locale=fr_FR&experienceType=Unified&ft=selfsignup&theme=dark&ft=skipProvCheck" rel="noopener" class="footer_btn__eNunV btn btn-primary"> Commencer gratuitement</a><a href="https://pricing.webex.com/fr/fr/" class="btn btn-secondary-light">Voir les forfaits et tarifs</a></div> </div> </div> </div> <div class="container"> <div class="grid footer_footerWrapper__2p9Tg"> <div class="col col-sm"> <strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Petite entreprise</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="https://pricing.webex.com/fr/fr/" class="sbody">Tarifs</a></li> <li><a href="/fr/all-new-webex.html">Webex App</a></li> <li><a href="/fr/video-conferencing.html">Réunions</a></li> <li><a href="/fr/team-collaboration.html">Messagerie</a></li> </ul> </div> <div class="col col-sm"> <strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Entreprise</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/fr/collaboration-suite.html">Webex Suite</a></li> <li><a href="/fr/enterprise-cloud-calling.html">Appels</a></li> <li><a href="/fr/meetings.html">Réunions</a></li> <li><a href="/fr/team-collaboration.html">Messagerie</a></li> <li><a href="/fr/audience-engagement.html">Slido</a></li> <li><a href="/fr/webinar.html">Événements</a></li> <li><a href="/fr/contact-center.html">Centre de contact</a></li> <!--<li><a href="/fr/experience-management.html">Experience Management</a></li>--> <li><a href="/fr/customer-interaction-management.html">imimobile</a></li> <li><a href="/fr/security.html">Sécurité</a></li> <li><a href="/fr/control-hub.html">Control Hub</a></li> </ul> </div> <div class="col col-sm"> <strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Solutions pour</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/fr/industries/education.html">Enseignement</a></li> <li><a href="/fr/industries/healthcare.html">Santé</a></li> <li><a href="/fr/industries/financial-services.html">Services financiers</a></li> <li><a href="/fr/industries/government.html">Administration</a></li> <li><a href="/fr/industries/start-ups.html">Start-up</a></li> <li><a href="/fr/industries/sports-entertainment.html">Sports et loisirs</a></li> <li><a href="/fr/hybrid-work.html">Travail hybride</a></li> </ul> </div> <div class="col col-sm"> <strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Ressources</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="/fr/downloads.html">Téléchargements</a></li> <li><a href="https://help.webex.com/fr-FR" rel="noopener">Centre d’aide</a></li> <li><a href="/fr/test-meeting.html">Rejoindre une réunion test</a></li> <li><a href="/fr/products/integrations/index.html">Intégrations</a></li> <li><a href="/fr/accessibility.html">Accessibilité</a></li> <li><a href="/fr/inclusive-collaboration.html">Inclusivité</a></li> </ul> </div> <div class="col col-sm"> <strong class=" color-white mbody fw-bold footer_collapsible__3jkQc" aria-level="6">Société</strong> <ul class="sbody footer_menu__34rB4"> <li><a href="https://www.cisco.com/c/fr_fr/solutions/collaboration/index.html#~stickynav=1" rel="noopener">Cisco</a></li> <li><a href="https://help.webex.com/fr-FR/contact/" rel="noopener">Contacter l’assistance</a> </li> <li><a href="/fr/contact-sales.html">Contacter le service commercial</a></li> <li><a href="http://www.webexmerchstore.com/" target="_blank" rel="noopener">Boutique en ligne Webex</a></li> <li><a href="https://blog.webex.com/fr/" rel="noopener">Blog Webex</a></li> </ul> </div> </div> <div class="grid footer_postFooter__GEZvn"> <div class="col col-4 col-sm footer_social__2mmJW"> <div class="footer_socialIconWrapper__3eyHO"> <ul> <li><a href="https://twitter.com/webex" target="_blank" aria-label="Twitter" rel="noopener"><span class="icon-twitter"></span></a></li> <li><a href="https://www.linkedin.com/company/webex" target="_blank" aria-label="Linkedin" rel="noopener"><span class="icon-linkedin"></span></a></li> <li><a href="https://www.facebook.com/webex" target="_blank" aria-label="Facebook" rel="noopener"><span class="icon-facebook"></span></a></li> <li><a href="https://www.youtube.com/c/webex" target="_blank" aria-label="YouTube" rel="noopener"><span class="icon-youtube"></span></a></li> <li><a href="https://www.instagram.com/webex/" target="_blank" aria-label="Instagram" rel="noopener"><span class="icon-instagram"></span></a></li> </ul> </div> <div class="xsbody footer_copyright__2fzys">© <span class="this_year"></span> Cisco et/ou ses sociétés affiliées. Tous droits réservés.</div> </div> <div class="col col-6 col-sm footer_terms__17opd"> <ul class="xsbody"> <li><a href="https://www.cisco.com/c/fr_fr/about/legal/terms-conditions.html" rel="noopener">Conditions générales</a></li> <li><a href="https://www.cisco.com/c/fr_fr/about/legal/privacy-full.html" rel="noopener">Déclaration de confidentialité</a></li> <li><a href="#privacy-manager" onclick="displayConsentManager()">Cookies</a></li> <!--<li><a href="https://www.cisco.com/c/fr_fr/about/legal/privacy-full.html#cookies" rel="noopener">Cookies</a></li>--> <li><a href="https://www.cisco.com/web/siteassets/legal/trademark.html" rel="noopener">Marques commerciales</a></li> </ul> </div> <div class="col col-2 col-sm footer_countrySelector__1ZD90"> <div class="footer_languageOverlay__3tTZa"></div> <div class="footer_language__3GeJS color-black"> <div class="footer_languageHeader__1iHeI"><span class="mbody">Sélectionner un pays/une région</span><span class="close"><span class="icon-close"></span></span> </div> <div class="footer_languageWrapper__1qiJ4"> <ul class="footer_languageList__gyLHu wf-region-list region-select-list"> <li data-id="AU"> <a href="/">Australie (English)</a> </li> <li data-id="BR"> <a href="/pt/index.html">Brésil (Português)</a> </li> <li data-id="CA"> <a href="/">Canada (English)</a> </li> <li data-id="CAF"> <a href="/fr/index.html">Canada (Français)</a> </li> <li data-id1="CN"> <a href="/zh-cn/index.html">Chine (简体字)</a> </li> <li data-id="FR"> <a href="/fr/index.html">France (Français)</a> </li> <li data-id="DE"> <a href="/de/index.html">Allemagne (Deutsch)</a> </li> <li data-id="HK"> <a href="/zh-tw/index.html">Hong Kong (繁體中文)</a> </li> <li data-id="IN"> <a href="/">Inde (English)</a> </li> <li data-id="IT"> <a href="/it/index.html">Italie (Italiano)</a> </li> <li data-id="JP"> <a href="/ja/index.html">Japon (日本語)</a> </li> <li data-id="KR"> <a href="/ko/index.html">Corée du Sud (한국어)</a> </li> <li data-id="MX"> <a href="/es/index.html">Amérique latine (Español)</a> </li> <li data-id="ES"> <a href="/es/index.html">Espagne (Español)</a> </li> <li data-id="GB"> <a href="/">Royaume-Uni (English)</a> </li> <li data-id="US"> <a href="/">États-Unis (English)</a> </li> </ul> </div> </div> <div class="footer_languageSelect__a_We0"><a href="javascript:;"><span class="icon-global"></span><span class="footer_country__2f7Cu wbx-region-name">France <!-- --> </span><span><i class="icon-open"></i></span></a></div> </div> </div> </div> </div> </footer> <div id="desktop-indicator" class="desktop-indicator"></div> <div id="tablet-indicator" class="tablet-indicator"></div> <div id="mobile-indicator" class="mobile-indicator"></div> <!-- country dropdown init & click handle --> <script> $(".region-select-list li[data-id=" + DEF_locale + "]").hide(); var footerRegionList = {}; getRegionList(); function getRegionList() { var $regionLi = $(".region-select-list li"); for (var i = 0; i < $regionLi.length; i++) { var fCountryCode = $regionLi.eq(i).attr("data-id"); if (fCountryCode) { var fCountryName = $regionLi.eq(i).find('a').text(); if (fCountryCode != 'CA' && fCountryCode != 'CAF') { fCountryName = fCountryName.split(' (')[0]; } footerRegionList[fCountryCode] = fCountryName; } } } function getCurrentRegion(local) { if (footerRegionList[local]) { return local; } else if ($.inArray(local, USList) != -1) { return 'US'; } else if ($.inArray(local, UKList) != -1) { return 'GB'; } else if ($.inArray(local, AUList) != -1) { return 'AU'; } else if ($.inArray(local, FRList) != -1) { return 'FR'; } else if ($.inArray(local, DEList) != -1) { return 'DE'; } else if ($.inArray(local, ZHList) != -1) { return 'HK'; } else if ($.inArray(local, MXList) != -1) { return 'MX'; } return false; } $(document).ready(function () { $('a[href*="https://cart.webex.com/sign-up?locale=fr_FR"]').attr( { href: 'https://cart.webex.com/sign-up?locale=fr_FR' }); $(".region-select-list").on("click", " li", function () { var select_locale = $(this).attr("data-id"), head_locale = $.cookie("head_locale"), compareList = []; if (select_locale) { switch (select_locale) { case "US": compareList = USList; break; case "GB": compareList = UKList; break; case "AU": compareList = AUList; break; case "FR": compareList = FRList; break; case "DE": compareList = DEList; break; case "ZH": compareList = ZHList; break; case "MX": compareList = MXList; break; }; $.cookie("user_lang", get_lang(select_locale), { path: '/', expires: 30 }); if ($.inArray(head_locale, compareList) == -1) { select_locale = select_locale.substr(0, 2); $.cookie("user_locale", select_locale, { path: '/', expires: 30 }); change_currency(select_locale); } else { $.cookie("user_locale", head_locale, { path: '/', expires: 30 }); change_currency(head_locale); } } }) }); setTimeout(function () { var coLocale = $.cookie("user_locale"); var coLang = $.cookie("user_lang"); var curLocale = coLocale == 'CA' && coLang == 'fr' ? 'CAF' : coLocale; var curRegion = getCurrentRegion(curLocale); if (curRegion && curLocale != DEF_locale) { $(".wbx-region-name").text(footerRegionList[curRegion]); $(".region-select-list li[data-id=" + curRegion + "]").hide(); $(".region-select-list li[data-id=" + DEF_locale + "]").show(); } var newPnPUrl = 'https://pricing.webex.com/'; var newPnPCountry = curRegion; newPnPCountry = newPnPCountry && newPnPCountry.trim().toLowerCase(); const realPnPCountries = ['ca', 'fr']; if (newPnPCountry) { if (newPnPCountry == 'caf') { newPnPCountry = 'ca'; } if ($.inArray(newPnPCountry, realPnPCountries) != -1) { newPnPUrl = newPnPUrl + newPnPCountry + '/fr/index.html'; } else { newPnPUrl = newPnPUrl + 'fr/fr/index.html'; } $('a[href="/fr/pricing/index.html"]').attr('href', newPnPUrl); } }, 500); </script> <!-- country dropdown init & click handle end --> <!-- fix js error for new design by hatong 2018/3/19 --> <script type="text/javascript"> $(document).ready(function () { if (/iPad|iPhone|iPod|Mac/.test(navigator.userAgent)) { $('#wbx-footer').addClass('wbx-mac'); } //get current year for copyright automatically $(".this_year").text(new Date().getFullYear()); if ($(".prod-nav").length > 0) { $(".prod-nav .prod-nav-link").unbind("click").bind("click", function () { var navId = "#" + $(this).attr("navid"); $("html,body").animate({ scrollTop: Math.ceil($(navId).offset().top) - inicontenttop + 'px' }, 'normal', function () { }); }); } if ($(".prod-nav-fixed").length > 0) { $(".prod-nav-fixed .prod-nav-link").unbind("click").bind("click", function () { $(".prod-nav-fixed .prod-nav-link").removeClass("prod-nav-link-active"); $('.prod-nav-fixed .splitline').removeClass("splitlinelive"); var navId = "#" + $(this).attr("navid"); $("html,body").animate({ scrollTop: (Math.ceil($(navId).offset().top)) - inicontenttop + 'px' }, 'normal', function () { }); $(this).addClass("prod-nav-link-active"); $(this).prev().addClass("splitlinelive"); $(this).next().addClass("splitlinelive"); }); } $(".wf-social > a").bind('DOMNodeInserted', function (e) { $(".wf-social > a svg").attr("focusable", "false"); }) }); /***** Tab feature --------------ziyuan----------20180327 *****/ /* $('#header .tool-drop-toggle').attr('href', 'javascript' + String.fromCharCode(58) + 'void(0);'); */ var _tab_action = false; var st_active_name = "js-tab-focus"; $(document).on('keydown', function (e) { if (Number(e.keyCode) === 9) { _tab_action = true; } }); $(document).on('focusin', function (e) { var $target = $(e.target); if (!_tab_action) { return false; } $('.' + st_active_name).removeClass(st_active_name); _tab_action = false; $target.addClass('js-tab-focus'); if ($target.parents("li.dropdown").length > 0) { var $par_li = $target.parents("li.dropdown"); var $targrt_ele = $par_li.find("ul.drop-menu-box"); if ($targrt_ele.is(":hidden")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); $targrt_ele.show(); } } else { if ($("ul.webex-nav-list li").find("ul.drop-menu-box").is(":visible")) { $("ul.webex-nav-list li").find("ul.drop-menu-box").hide(); } } }).on('focusout', function () { $('.' + st_active_name).removeClass(st_active_name); }); /** Tab feature ------end--------ziyuan----------20180327 */ $(document).ready(function () { /* Footer scripts */ const listItems = document.querySelectorAll(`.footer_collapsible__3jkQc`); for (let i = 0; i < listItems.length; i++) { listItems[i].addEventListener("click", (e) => { const content = e.target.nextElementSibling; const wrapper = document.querySelector( `.footer_footerWrapper__2p9Tg .footer_collapsible__3jkQc .footer_active__tMNaz` ); if (e.target.classList.contains(`footer_active__tMNaz`)) { e.target.classList.remove(`footer_active__tMNaz`); content.style.maxHeight = ""; return; } if (wrapper) { wrapper.classList.remove(`footer_active__tMNaz`); wrapper.nextElementSibling.style.maxHeight = ""; } e.target.classList.add(`footer_active__tMNaz`); content.style.maxHeight = `${content.scrollHeight}px`; }); } const language = document.querySelector('.footer_language__3GeJS'); const languageSelect = document.querySelector('.footer_languageSelect__a_We0'); const languageOverlay = document.querySelector('.footer_languageOverlay__3tTZa'); const close = document.querySelector('.close'); close.addEventListener("click", () => { language.classList.remove('footer_open__3c5lp'); }); languageOverlay.addEventListener("click", () => { language.classList.remove('footer_open__3c5lp'); languageOverlay.classList.remove('footer_visible__1fX2u'); }); languageSelect.addEventListener("click", () => { if (language.classList.contains('footer_open__3c5lp')) { language.classList.remove(`footer_open__3c5lp`); languageOverlay.classList.remove(`footer_visible__1fX2u`); } else { language.classList.add(`footer_open__3c5lp`); languageOverlay.classList.add(`footer_visible__1fX2u`); } }); }); </script> <script> function displayConsentManager() { if (typeof Optanon !== "undefined" && typeof Optanon.ToggleInfoDisplay === "function") { Optanon.ToggleInfoDisplay(); } } </script> <!-- fix end --> <!-- Cookies popup fix --> <style> @media only screen and (max-width: 599px) { #onetrust-pc-sdk a { float: none; } } @media(max-width: 767px) { .ot-btn-container { margin-bottom: 20px !important; } } </style> <!-- cookies popup fix end --></div> </div> <script src="/etc.clientlibs/settings/wcm/designs/wbx/eopi/clientlibs/header.lc-955baec977991c1794d545584159dc8c-lc.min.js"></script> <script type="text/javascript" src="https://www.cisco.com/c/dam/cdc/t/ctm.js"></script> <!-- TTD Universal Pixel Code Starts Here <script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script> <script type="text/javascript"> ttd_dom_ready( function() { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("rbfj1cm", ["qfneguz"], "https://insight.adsrvr.org/track/up"); } }); </script> --> <!-- Linkedin Insights Pixel Code Starts Here --> <script type="text/javascript"> _linkedin_partner_id = "625468"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = https://snap.licdn.com/li.lms-analytics/insight.min.js; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=625468&fmt=gif"/> </noscript> <!-- Linkedin Insights Pixel Code Ends Here --> </div> </div> </div> </div> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10