Book a demo | Webex CPaaS Solutions

<!doctype html> <html id="app" lang="en" class="text-black"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQLWWR');</script>  <title>Book a demo | Webex CPaaS Solutions</title> <meta name="description" content="Get insight into how we can help transform your customer experience by requesting a demo from our portfolio of products and business channels."> <link rel="canonical" href="https://cpaas.webex.com/contact/book-a-demo"> <meta property="og:url" content="https://cpaas.webex.com/contact/book-a-demo"> <link rel='alternate' href="https://cpaas.webex.com/contact/book-a-demo" hreflang="en-US" > <meta property="og:site_name" content="Webex CPaaS Solutions"> <meta property="og:title" content="Book a demo | Webex CPaaS Solutions"> <meta property="og:description" content="Get insight into how we can help transform your customer experience by requesting a demo from our portfolio of products and business channels."> <meta property="og:type" content="website"> <meta property="og:locale" content="en-US"> <meta name="twitter:card" content="summary"> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/cpaas.webex.com\/#site-owner","url":"https:\/\/cpaas.webex.com\/"},{"@type":"WebSite","url":"https:\/\/cpaas.webex.com\/","publisher":{"@id":"https:\/\/cpaas.webex.com\/#site-owner"},"@id":"https:\/\/cpaas.webex.com\/#website"},{"@type":"WebPage","@id":"https:\/\/cpaas.webex.com\/#web_page","url":"https:\/\/cpaas.webex.com\/contact\/book-a-demo","name":"Book a demo | Webex CPaaS Solutions","isPartOf":{"@id":"https:\/\/cpaas.webex.com\/#website"},"inLanguage":"en-US","datePublished":"2023-10-04T00:00:00+00:00","dateModified":"2023-10-04T00:00:00+00:00","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","name":"Home","id":"https:\/\/cpaas.webex.com"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","name":"Contact","id":"https:\/\/cpaas.webex.com\/contact"}},{"@type":"ListItem","position":3,"item":{"@type":"Thing","name":"Book a demo","id":"https:\/\/cpaas.webex.com\/contact\/book-a-demo"}}]}}]}</script> <link defer rel="stylesheet" href="/css/tailwind.css?id=3821b24e7e1cde666ce9"> <script defer src="https://cdn.jsdelivr.net/npm/@caneara/iodine@8.3.0/dist/iodine.min.umd.js"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/TextPlugin.min.js" crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-xAxjKW1J/R4TFytv43xvQ7jFTrJlBzsDOH/Aw0fFc2nvarQkE3d08lTicjzUsZJYDoHYDCpwsUUqOJXh34A1sw=="></script> <link href="/css/swiper-custom.css?id=24da3a70d961cc51844f" rel="stylesheet"> <script defer src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <script defer src="https://unpkg.com/alpinejs@3.9.1/dist/cdn.min.js"></script> <script type="text/javascript" async src="https://bot.leadoo.com/bot/dynamic.js?company=Gx692d7w"></script> <link rel="shortcut icon" type="image/x-icon" href="/assets/webex-favicon.ico"> <script> document.addEventListener('alpine:init', () => { Alpine.data('animate_stats', () => ({ init() { let stats = this.$el.querySelectorAll('.animation-stat'); for (const stat of stats) { const arr = this.makeArr(0, stat.dataset.value, 20) gsap.to(stat, { innerText: stat.dataset.value, snap: { innerText: arr }, duration: 1, ease: 'none', scrollTrigger: { trigger: stat, start: 'top 90%', }, }) } }, makeArr(startValue, stopValue, cardinality) { var arr = []; var step = (stopValue - startValue) / (cardinality - 1); for (var i = 0; i < cardinality; i++) { var number = startValue + (step * i); var rounded = Math.round(number * 10) / 10; var finalVal = 0; const decimalCount = num => { const numStr = String(num); if (numStr.includes('.')) { return numStr.split('.')[1].length; }; return 0; } var fixed = rounded.toFixed(decimalCount(stopValue)) arr.push(fixed); } return arr; }, })); }); </script> </head> <body class="flex flex-col font-cisco relative md:mt-0 mt-[68px]" x-data="{ mobileNavOpen : false }" x-bind:class="mobileNavOpen ? 'overflow-hidden' : 'overflow-auto'">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQLWWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K7LZVP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <svg width="0" height="0" style="position:absolute;"> <defs> <linearGradient id="mantis-to-fountain-blue" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#00BCF5" /> </linearGradient> <linearGradient id="fountain-blue-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#00BCF5" /> <stop offset="1" stop-color="#A875FC" /> </linearGradient> <linearGradient id="passion-fruit-to-mantis" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#82CF5F" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="passion-fruit-to-mandarin" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FBBD23" /> <stop offset="1" stop-color="#FF7A3F" /> </linearGradient> <linearGradient id="scarlet-to-passion-fruit" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#FF3A65" /> <stop offset="1" stop-color="#FBBD23" /> </linearGradient> <linearGradient id="scarlet-to-purple-heart" x1="0%" y1="0%" x2="0%" y2="100%" gradientUnits="objectBoundingBox"> <stop stop-color="#A875FC" /> <stop offset="1" stop-color="#FF3A65" /> </linearGradient> </defs> </svg> <nav class="justify-start bg-skin-wbg theme-light flex-col top-0 z-50 hidden md:flex fixed shadow transition-all delay-75 w-full duration-300"> <aside class="py-3 bg-skin-wbg theme-dark text-skin-bwg md:flex hidden"> <div class="px-std flex items-center justify-between mx-auto max-w-[1440px] w-full"> <div class="flex"> <a href="https://www.webex.com/" aria-label="Webex"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-logo-reverse.svg" alt="" class="w-24 h-7" loading="lazy"> </a> <h2 class="ml-5 text-sm font-normal items-center flex"></h2> </div> <ul class="flex"> <li ><a href="/resources/newsletter-sign-up" class="border-b border-skin-transparent hover:border-skin-bwg text-sm whitespace-nowrap ml-10">Sign up to our Newsletter</a></li> </ul> </div> </aside> <div class="max-w-[1440px] mx-auto w-full px-std items-center flex"> <a href="/" aria-label="imimobile" class="flex flex-wrap items-end mb-[7px] gap-y-[10.18px] min-w-[90px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <ul class="flex md:mx-7 flex-1 font-medium"> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"><button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Products <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw hover:border-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg class="z-0" width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg class="z-0" width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full relative md:gap-x-5 px-std max-w-[1440px] mx-auto"> <div class="h-full flex-1"> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">CPaaS</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Connect</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Cloud communication platform to automate and orchestrate your customer interactions.</p> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Explore the platform"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Explore the platform <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/products/webex-connect/flows" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Flows"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Flows </span> </a> </li> <li> <a href="/products/webex-connect/nlp-and-ai" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="NLP & AI"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> NLP & AI </span> </a> </li> <li> <a href="/products/webex-connect/reporting-and-analytics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Reporting & Analytics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Reporting & Analytics </span> </a> </li> <li> <a href="/products/webex-connect/integrations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Integrations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Integrations </span> </a> </li> <li> <a href="/products/webex-connect/contact-management" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Contact Management"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Contact Management </span> </a> </li> <li> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="API and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> API and SDKs </span> </a> </li> <li> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> </ul> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Campaign</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Manage and automate your marketing campaigns.</p> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Engage</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Empower your contact center to support customer conversations on any channel.</p> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Webex Notify</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">Help operations staff keep your customers informed.</p> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> </div> <div class="h-full flex-1"> <div class="md:mb-7"> <div> <h4 class="text-lg md:text-lg_lg mb-2 text-skin-bwg">Business messaging</h4> <p class="text-sm md:text-sm_lg md:max-w-10/12 text-skin-grey mb-3 font-normal">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Discover more"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> </div> <div class=""> <ul class="flex flex-col gap-y-2 items-start font-normal"> <li> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> <li> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> </ul> </div> </div> </div> </div> </div></li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Solutions <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Industries</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Teams</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer Service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer Service </span> </a> </li> <li> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Discover retail solutions"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Every interaction makes customers smile</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Redefine the purchase journey with intelligent automation and contextual promotions.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Discover retail solutions <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=200&h=200&s=b136aa0c7cbffd9dceab39327b27ab8e"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Retail/woman-shop-ipad.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/lp/authorised-push-payment-fraud" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Authorized Push Payment (APP) fraud solutions</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=200&h=200&s=ac8ee4aaa3bb60afa378ba69b2bc7bc0"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/how-to-prevent-and-reduce-authorized.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> Resources <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex justify-between"> <div class="mr-10 flex-shrink-0"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Select a resource</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> </div> <div class="flex gap-x-5 justify-end"> <style> .clamp { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .clamp-2 { -webkit-line-clamp: 2; } .clamp-3 { -webkit-line-clamp: 3; } </style> <a href="/blog/rcs-ios-18" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read blog"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Apple now supports RCS in iOS 18 release</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read blog <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=300&h=150&s=3889500ef35b26bdebece1c04257c2fc"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Resources/Blog/apple-rcs-ios18-release.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="See report"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">2024 Gartner® Magic Quadrant™</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> See report <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=300&h=150&s=99377d7f7e7c60de297e4946fa7f3c71"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Resources/report-gartner-mq-2024-tablet.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Read whitepaper"> <div class="md:px-7 md:py-7 rounded-20 md:rounded-30 border border-skin-grey-light hover:border-skin-grey transition-colors duration-200 flex flex-col justify-between group min-h-400 cursor-pointer"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2 clamp clamp-2">Building a business case for CPaaS</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal clamp clamp-3">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Read whitepaper <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full mt-5"> <div class="w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=300&h=150&s=aa1085a376a5922b15b4a1e40d354fd5"> <img class="lazyload rounded-[10px] w-full h-full object-cover min-h-150" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </div> </li> <li class="text-skin-bwg md:py-9 md:px-3" @click.outside="dropdownMenuOpen = false" x-data="{ dropdownMenuOpen: false }"> <button class="flex items-center font-medium cursor-pointer border-b border-skin-transparent hover:border-b fill-skin-bwb duration-200 ease-in-out whitespace-nowrap" :class="dropdownMenuOpen ? 'text-skin-ggw hover:border-skin-ggw border-skin-ggw' : 'hover:border-skin-bwg'" x-on:click="dropdownMenuOpen = !dropdownMenuOpen;"> About us <div class="ml-2 duration-200" :class="dropdownMenuOpen ? 'rotate-180 ease-in-out fill-skin-ggw' : ''"> <svg class="z-0" height="12" width="12" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </button> <div x-show="dropdownMenuOpen" x-cloak style="max-height: calc(85vh - 100px)" class="absolute overflow-y-scroll top-[147px] left-0 right-0 w-full bg-skin-wbg shadow"> <div class="relative pb-20 pt-7"> <div class="absolute bottom-0 left-0 w-9/12 md:block hidden max-w-400"> <svg width="600" height="400" viewBox="0 0 600 400" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="600" height="400"> <rect width="600" height="400" transform="matrix(-1 0 0 1 600 0)" fill="white"/> </mask> <g mask="url(#mask0_228_9895)"> <g opacity="0.6" filter="url(#filter0_f_228_9895)"> <ellipse cx="90.8997" cy="463.76" rx="220.21" ry="144.102" transform="rotate(-180 90.8997 463.76)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9895)"> <ellipse rx="215.901" ry="183.648" transform="matrix(-0.872916 -0.487871 -0.61533 0.788269 -96.4165 417.617)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9895" x="-301.683" y="147.286" width="785.165" height="632.949" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="86.1862" result="effect1_foregroundBlur_228_9895"/> </filter> <filter id="filter1_f_228_9895" x="-432.862" y="121.909" width="672.892" height="591.416" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="58.3333" result="effect1_foregroundBlur_228_9895"/> </filter> </defs> </svg> </div> <div class="absolute right-0 top-0 w-9/12 block md:hidden max-w-400"> <svg width="375" height="375" viewBox="0 0 375 375" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_228_9900" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="375" height="375"> <rect width="375" height="375" fill="#C4C4C4"/> </mask> <g mask="url(#mask0_228_9900)"> <g opacity="0.6" filter="url(#filter0_f_228_9900)"> <ellipse rx="186.225" ry="164.22" transform="matrix(-1 3.29385e-08 -3.78354e-08 1 387.806 19.0903)" fill="#0672EF"/> </g> <g filter="url(#filter1_f_228_9900)"> <ellipse rx="199.525" ry="190.655" transform="matrix(-0.798787 0.601614 -0.501244 -0.865306 254.942 -59.2833)" fill="#CE87E9"/> </g> </g> <defs> <filter id="filter0_f_228_9900" x="-20.0415" y="-366.751" width="815.694" height="771.684" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="110.811" result="effect1_foregroundBlur_228_9900"/> </filter> <filter id="filter1_f_228_9900" x="-80.918" y="-413.321" width="671.721" height="708.075" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feGaussianBlur stdDeviation="75" result="effect1_foregroundBlur_228_9900"/> </filter> </defs> </svg> </div> <div class="flex h-full w-full md:gap-x-5 relative px-std max-w-[1440px] mx-auto"> <div class="flex-1 flex"> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7">Learn more</h3> <ul class="flex flex-col gap-y-2 font-normal"> <li> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Our story"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Our story </span> </a> </li> <li> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press and media"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press and media </span> </a> </li> <li> <a href="/about-us/careers" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Careers"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Careers </span> </a> </li> <li> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> </ul> </div> </div> <div class="flex-1"> <div> <h3 class="text-lg md:text-lg_lg md:mb-7"></h3> <ul class="flex flex-col gap-y-2 font-normal"> </ul> </div> </div> </div> <div class="flex flex-col flex-shrink gap-y-5 flex-1"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Latest news</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=200&h=200&s=feb792a54bd3dcc1236b12ca793869a4"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/other/uc-today-article-promotion.jpg" alt=""> </picture> </div> </div> </div> </a> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Learn more"> <div class="md:px-7 md:py-7 rounded-lg md:rounded-30 border border-skin-grey-light hover:border-skin-grey flex gap-10 group justify-between cursor-pointer transition-colors duration-200"> <div class="flex flex-col max-w-400"> <h3 class="text-lg md:text-lg_lg text-skin-bwg mb-2">Completion of imi's acquisition by Cisco</h3> <p class="text-skin-grey md:text-sm_lg text-sm mb-3 font-normal">imimobile is now part of Cisco.</p> <span> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Learn more <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </span> </div> <div class="w-full max-w-200"> <div class="aspect-h-1 aspect-w-1 w-full"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=200&h=200&s=69b9f5615f2c23caa41c94c5652e6632"> <img class="lazyload rounded-full w-full h-full object-cover" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Solutions/Marketing/two-people-board-looking.jpg" alt=""> </picture> </div> </div> </div> </a> </div> </div> </div> </div> </li> <li><a href="/partners" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b border-skin-transparent text-skin-bwg group-hover:border-b transition-all duration-200"> Partners</div> </a> </li> <li><a href="/contact" class="md:py-9 md:px-3 block group"> <div class="group-hover:border-skin-bwg border-b text-skin-bwg border-skin-transparent group-hover:border-b transition-all duration-200"> Contact</div> </a> </li> </ul> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </div> </nav>  <nav class="items-center md:py-9 theme-light overflow-auto w-full bg-skin-wbg fixed top-0 z-50 flex-col md:hidden shadow" x-bind:class="mobileNavOpen ? 'flex h-full' : ''"> <div class="flex justify-between w-full z-10 py-6 px-std"> <a href="/" aria-label="imimobile" class="flex w-[200px] items-end"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/webex-wordmark-black.svg" alt="" class="mr-[8.04px] w-[71.23px] h-[17.39px]"> <img src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/cpaas-solutions-black.svg" alt="" class="w-[120.79px] h-[12.61px]"> </a> <button class="border-skin-bwg cursor-pointer" aria-label="navigation button" x-on:click="mobileNavOpen = !mobileNavOpen; animateBurger(mobileNavOpen)"> <svg width="20" height="20" viewBox="0 -5 20 20" id="burgericon" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="20" height="2" fill="#181818"/> <rect y="8" width="20" height="2" fill="#181818"/> </svg> </button> </div> <ul class="gap-x-5 md:mx-7 flex-1 font-medium justify-start w-full z-10 flex flex-col px-std" x-cloak x-show="mobileNavOpen"> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Products <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/cpaas-overview">CPaaS</a></h5> <p class="text-skin-grey text-sm mt-4">Create smarter customer interactions with Communications Platform as a Service (CPaaS).</p> </div> <div x-show="open" class="pt-10 pb-10 border-b border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-connect">Webex Connect</a></h5> <p class="text-skin-grey text-sm mt-4">Cloud communication platform to automate and orchestrate your customer interactions.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/products/webex-connect/flows" class="font-medium text-base mt-7">Flows</a> <a href="/products/webex-connect/nlp-and-ai" class="font-medium text-base mt-5">NLP & AI</a> <a href="/products/webex-connect/reporting-and-analytics" class="font-medium text-base mt-5">Reporting & Analytics</a> <a href="/products/webex-connect/integrations" class="font-medium text-base mt-5">Integrations</a> <a href="/products/webex-connect/contact-management" class="font-medium text-base mt-5">Contact Management</a> <a href="/products/webex-connect/apis-and-sdks" class="font-medium text-base mt-5">API and SDKs</a> <a href="/products/webex-connect/developer-hub" class="font-medium text-base mt-5">Developer Hub</a> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-campaign">Webex Campaign</a></h5> <p class="text-skin-grey text-sm mt-4">Manage and automate your marketing campaigns.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-engage">Webex Engage</a></h5> <p class="text-skin-grey text-sm mt-4">Empower your contact center to support customer conversations on any channel.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/products/webex-notify">Webex Notify</a></h5> <p class="text-skin-grey text-sm mt-4">Help operations staff keep your customers informed.</p> </div> <div x-show="open" class="pt-10 border-skin-grey flex flex-col w-full"> <h5><a href="/business-messaging">Business messaging</a></h5> <p class="text-skin-grey text-sm mt-4">From SMS to the next generation of digital messaging channels, start delivering richer experiences on the channel closest to customers.</p> </div> <div x-show="open" class=" border-skin-grey flex flex-col w-full"> <a href="/business-messaging/apple-messages-for-business" class="font-medium text-base mt-7">Apple Messages for Business</a> <a href="/business-messaging/branded-text" class="font-medium text-base mt-5">Branded Text</a> <a href="/business-messaging/instagram" class="font-medium text-base mt-5">Instagram</a> <a href="/business-messaging/mms" class="font-medium text-base mt-5">MMS</a> <a href="/business-messaging/rcs-business-messaging" class="font-medium text-base mt-5">RCS Business Messaging</a> <a href="/business-messaging/sms" class="font-medium text-base mt-5">SMS</a> <a href="/business-messaging/web-rtc" class="font-medium text-base mt-5">Web RTC</a> <a href="/business-messaging/whatsapp-business-api" class="font-medium text-base mt-5">WhatsApp Business API</a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Solutions <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Industries</h5> <a href="/solutions/automotive" class="font-medium text-base mt-5">Automotive</a> <a href="/solutions/banking" class="font-medium text-base mt-5">Banking</a> <a href="/solutions/gaming" class="font-medium text-base mt-5">Gaming</a> <a href="/solutions/government-and-public-sector" class="font-medium text-base mt-5">Government & public sector</a> <a href="/solutions/healthcare" class="font-medium text-base mt-5">Healthcare</a> <a href="/solutions/insurance" class="font-medium text-base mt-5">Insurance</a> <a href="/solutions/logistics" class="font-medium text-base mt-5">Logistics</a> <a href="/solutions/media-and-broadcasters" class="font-medium text-base mt-5">Media & broadcasters</a> <a href="/solutions/recruitment" class="font-medium text-base mt-5">Recruitment</a> <a href="/solutions/retail" class="font-medium text-base mt-5">Retail</a> <a href="/solutions/telecommunications" class="font-medium text-base mt-5">Telecommunications</a> <a href="/solutions/travel" class="font-medium text-base mt-5">Travel</a> <a href="/solutions/utilities" class="font-medium text-base mt-5">Utilities</a> </div> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Teams</h5> <a href="/solutions/customer-service" class="font-medium text-base mt-5">Customer Service</a> <a href="/solutions/employee-communications" class="font-medium text-base mt-5">Employee communications</a> <a href="/solutions/it-and-operations" class="font-medium text-base mt-5">IT & operations</a> <a href="/solutions/marketing" class="font-medium text-base mt-5">Marketing</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/solutions/retail" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL1JldGFpbC93b21hbi1zaG9wLWlwYWQud2VicA==?fit=crop-62-48-1&w=80&h=80&s=24e0c48feb7cbbaa8a969e98664eeb1a" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Every interaction makes customers smile</h5> <p class="text-xs text-skin-grey mt-2">Redefine the purchase journey with intelligent automation and contextual promotions.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/lp/authorised-push-payment-fraud" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvUmVzb3VyY2VzL0Jsb2cvaG93LXRvLXByZXZlbnQtYW5kLXJlZHVjZS1hdXRob3JpemVkLndlYnA=?fit=crop&w=80&h=80&s=739870764de7c9f77fa6cc49169bd3a3" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Authorized Push Payment (APP) fraud solutions</h5> <p class="text-xs text-skin-grey mt-2">We analyze security risks and harness verified communications to help banks combat Authorized Push Payment (APP) fraud.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> Resources <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Select a resource</h5> <a href="/resources/learning" class="font-medium text-base mt-5">Learning</a> <a href="/resources/customer-stories" class="font-medium text-base mt-5">Customer stories</a> <a href="/blog" class="font-medium text-base mt-5">Blog</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="/blog/rcs-ios-18" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1Jlc291cmNlcy9CbG9nL2FwcGxlLXJjcy1pb3MxOC1yZWxlYXNlLmpwZw==?fit=crop&w=80&h=80&s=67b196a42a39e255449440359a52cd92" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Apple now supports RCS in iOS 18 release</h5> <p class="text-xs text-skin-grey mt-2">RCS is now on iPhone - here’s what you need to know, and why you should expand your business messaging.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://cpaas.webex.com/resources/report/gartner-magic-quadrant-cpaas-2024" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUmVuZGVycy9SZXNvdXJjZXMvcmVwb3J0LWdhcnRuZXItbXEtMjAyNC10YWJsZXQud2VicA==?fit=crop-41-40-1.3&w=80&h=80&s=ee32f5bef45b3831585121cd0e9e242b" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>2024 Gartner® Magic Quadrant™</h5> <p class="text-xs text-skin-grey mt-2">Discover why we are recognized as a Visionary in the 2024 Gartner Magic Quadrant for CPaaS.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="https://cpaas.webex.com/resources/whitepaper/building-a-business-case-for-cpaas" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvU29sdXRpb25zL01hcmtldGluZy90d28tcGVvcGxlLWJvYXJkLWxvb2tpbmcud2VicA==?fit=crop-43-43-1&w=80&h=80&s=156f0bc83ec5e23c9886ab24b267c2e5" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Building a business case for CPaaS</h5> <p class="text-xs text-skin-grey mt-2">The global CPaaS market will grow by 62 billion dollars by 2029 - have you started building your business case for it?</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t flex flex-col justify-between items-center" x-data="{ open: false }" @click.outside="open = false"> <button class="cursor-pointer flex justify-between w-full items-center" x-on:click="open = !open"> About us <div x-bind:class="open ? 'hidden' : 'block'"> <svg class="w-5 h-5" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="9.9563" width="20" height="2" fill="#181818"/> <rect x="9" y="20.9563" width="20" height="2" transform="rotate(-90 9 20.9563)" fill="#181818"/> </svg> </div> <div x-bind:class="open ? 'block' : 'hidden'"> <svg class="w-5 h-5" width="20" height="3" viewBox="0 0 20 3" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.399902" width="20" height="2" fill="#181818"/> </svg> </div> </button> <div x-show="open" class="py-10 border-b border-skin-grey flex flex-col w-full"> <h5>Learn more</h5> <a href="/about-us/our-story" class="font-medium text-base mt-5">Our story</a> <a href="/about-us/press-releases" class="font-medium text-base mt-5">Press and media</a> <a href="/about-us/careers" class="font-medium text-base mt-5">Careers</a> <a href="https://investors.imimobile.com/?_ga=2.53282664.1300160264.1643021306-1467879296.1630577117" class="font-medium text-base mt-5">Investors</a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-b border-skin-grey"> <a href="https://www.uctoday.com/unified-communications/cpaas/top-cpaas-providers-for-2023/" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL290aGVyL3VjLXRvZGF5LWFydGljbGUtcHJvbW90aW9uLmpwZw==?fit=crop-80-60-1&w=80&h=80&s=9c34bb38b8b0e642a5adc54bd13e6f72" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Latest news</h5> <p class="text-xs text-skin-grey mt-2">Find out why UC Today recognise Webex CPaaS Solutions as one of the leading CPaaS providers of 2023.</p> </div> </a> </div> <div x-show="open" class="py-10 flex flex-col w-full items-center border-skin-grey"> <a href="/blog/completion-of-imimobile-plcs-acquisition-by-cisco" class="font-medium text-base flex w-full items-center"> <img data-src="/img/asset/YXNzZXRzL1Bob3RvZ3JhcGh5L1NvbHV0aW9ucy9NYXJrZXRpbmcvdHdvLXBlb3BsZS1ib2FyZC1sb29raW5nLmpwZw==?fit=crop-36-36-1&w=80&h=80&s=91ae4ca8ca587b2392ae044f40ce2f61" alt="" class="lazyload w-20 h-20 rounded-[10px] mr-5 object-cover"> <div class="flex-col max-w-400"> <h5>Completion of imi's acquisition by Cisco</h5> <p class="text-xs text-skin-grey mt-2">imimobile is now part of Cisco.</p> </div> </a> </div> </li> <li class="text-h4 py-3 border-t font-normal"><a class="block" href="/partners">Partners</a></li> <li class="text-h4 py-3 border-t border-b font-normal"><a class="block" href="/contact">Contact</a></li> <li class="py-6"> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Schedule a demo"> <span class="flex items-center rounded-full justify-center whitespace-nowrap border group duration-200 transition-colors font-medium text-[14px] md:text-[15px] leading-btn tracking-base bg-transparent border-skin-bww text-skin-bww hover:border-skin-bwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-bww hover:fill-skin-wbw py-5 px-[21px]"> Schedule a demo </span> </a> </li> </ul> </nav> <script> window.addEventListener('DOMContentLoaded', function() { burgerTlm = new gsap.timeline({ paused: true, reversed: false }); burgerTlm.to('#burgericon > rect:last-child', { rotate: -45, transformOrigin: 'center center', y: -4, duration: 0.1, ease: 'linear' }).to('#burgericon > rect:first-child', { rotate: 45, transformOrigin: 'center center', y: 4, duration: 0.1, ease: 'linear' }, 0); var prevScrollpos = window.pageYOffset; var goingDown = true; var scrollDifference = 0; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos && goingDown) { goingDown = false; scrollDifference = 0; } if (prevScrollpos < currentScrollPos && !goingDown) { goingDown = true; scrollDifference = 0; } scrollDifference += Math.abs(prevScrollpos - currentScrollPos) if (prevScrollpos > currentScrollPos && scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "0"; } else if (scrollDifference > 70) { document.getElementsByTagName("nav")[0].style.top = "-150px"; } prevScrollpos = currentScrollPos; } }); function animateBurger(open) { if (open) { burgerTlm.play(); } else { burgerTlm.reverse(); } } </script> <main> <div class="md:pt-[52px]"></div> <div class="md:pt-[97px]"></div> <section id="form-section" class="relative bg-skin-wbg theme-dark" style="scroll-margin-top: 6rem" data-id="form"> <svg class="absolute w-1/2 pointer-events-none corner-gradient-bl" viewBox="0 0 629 324" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_10523_56085)"> <g opacity="0.5"> <g filter="url(#filter0_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(0.866025 -0.5 -0.5 -0.866026 544 497.205)" fill="#01B172" /> </g> <g filter="url(#filter1_f_10523_56085)"> <ellipse cx="150" cy="100" rx="150" ry="100" transform="matrix(1 0 1.88408e-07 -1 288 468)" fill="#01B172" /> </g> </g> </g> <defs> <filter id="filter0_f_10523_56085" x="284.672" y="21.0361" width="678.463" height="629.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <filter id="filter1_f_10523_56085" x="88" y="68" width="700" height="600" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_10523_56085" /> </filter> <clipPath id="clip0_10523_56085"> <rect width="629" height="324" fill="white" /> </clipPath> </defs> </svg> <div class="relative max-w-[1440px] mx-auto gap-x-20 gap-y-5 text-skin-bww py-10 md:py-16 lg:py-20 px-std flex justify-between items-start flex-col md:flex-row"> <div class="relative w-full"> <span class="font-medium lg:text-h5_lg text-h5">Book a demo</span> <div class="mb-4 lg:mb-12"> <h1 class="max-w-700">Let's get started.</h1> </div> <div class="mb-10 text-skin-grey md:max-w-10/12 max-w-11/12 prose-top-block arrow"> <p>Get insight into how we can help transform your customer experience by requesting a demo from our portfolio of products and business channels, such as:</p><ul><li><p>Our communications platform, Webex Connect</p></li><li><p>Pre-packaged SaaS applications</p></li><li><p>16+ Messaging channels</p></li></ul> </div> <ul class="flex lg:w-1/2 gap-x-5 flex-wrap"> <a href="" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="Why choose us?"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> Why choose us? </span> </a> </ul> </div> <div class="w-full flex flex-col items-center "> <form method="POST" action="https://cpaas.webex.com/!/forms/book-a-demo" id="book-a-demo" style="scroll-margin-top: 6rem" class="md:rounded-2vw rounded-4vw max-w-600 lg:p-12 py-9 px-7 flex flex-wrap gap-5 gap-y-3 bg-skin-wbg border border-skin-bww text-skin-bww theme-light" x-data="formFields" x-ref="form" @submit="submit(event)"><input type="hidden" name="_token" value="lmjHZHQNBLgQ88MvJHlirnHo4lmZrg4cRcqCcU9q"> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="first_name" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">First name<div class="text-[red] ml-1">*</div></label> <input id="first_name" name="first_name" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="text" data-rules="required,minLength:2,maxLength:100,imi_alpha" x-init="validate(null, false, 0)" @blur="validate($event.key, true, 0)" @keyup="validate($event.key, true, 0)" class="w-full px-4 py-3 lg:px-5 lg:py text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] mt-1 min-h-[15px] z-10 font-light"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="last_name" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">Last name<div class="text-[red] ml-1">*</div></label> <input id="last_name" name="last_name" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="text" data-rules="required,minLength:2,maxLength:100,imi_alpha" x-init="validate(null, false, 1)" @blur="validate($event.key, true, 1)" @keyup="validate($event.key, true, 1)" class="w-full px-4 py-3 lg:px-5 lg:py text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] mt-1 min-h-[15px] z-10 font-light"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="email" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">Work email address<div class="text-[red] ml-1">*</div></label> <input id="email" name="email" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="email" data-rules="required,email,minLength:5,maxLength:100" x-init="validate(null, false, 2)" @blur="validate($event.key, true, 2)" @keyup="validate($event.key, true, 2)" class="w-full px-4 py-3 lg:px-5 lg:py text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] mt-1 min-h-[15px] z-10 font-light"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="phone" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">Phone number<div class="text-[red] ml-1">*</div></label> <input id="phone" name="phone" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="text" data-rules="required,minLength:8,maxLength:22" x-init="validate(null, false, 3)" @blur="validate($event.key, true, 3)" @keyup="validate($event.key, true, 3)" class="w-full px-4 py-3 lg:px-5 lg:py text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] mt-1 min-h-[15px] z-10 font-light"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="job_title" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">Job title<div class="text-[red] ml-1">*</div></label> <input id="job_title" name="job_title" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="text" data-rules="required,minLength:2,maxLength:100,imi_alpha_num" x-init="validate(null, false, 4)" @blur="validate($event.key, true, 4)" @keyup="validate($event.key, true, 4)" class="w-full px-4 py-3 lg:px-5 lg:py text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] mt-1 min-h-[15px] z-10 font-light"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="referral" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">How did you hear about us?<div class="text-[red] ml-1">*</div></label> <input id="referral" name="referral" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="text" data-rules="required,imi_alpha_num" x-init="validate(null, false, 5)" @blur="validate($event.key, true, 5)" @keyup="validate($event.key, true, 5)" class="w-full px-4 py-3 lg:px-5 lg:py text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] mt-1 min-h-[15px] z-10 font-light"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="company" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">Company name<div class="text-[red] ml-1">*</div></label> <input id="company" name="company" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="text" data-rules="required,minLength:2,maxLength:100,imi_alpha_num" x-init="validate(null, false, 6)" @blur="validate($event.key, true, 6)" @keyup="validate($event.key, true, 6)" class="w-full px-4 py-3 lg:px-5 lg:py text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] mt-1 min-h-[15px] z-10 font-light"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="industry" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">Industry<div class="text-[red] ml-1">*</div></label> <select id="industry" name="industry" data-valid="true" type="" data-rules="required" x-on:change="validate($event.key, true, 7)" class="w-full px-4 py-3 lg:px-5 text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <option selected disabled value="">Please pick an option</option> <option value="agency_service_provider">Agency/Service Provider</option> <option value="banking">Banking</option> <option value="contact_call_center">Contact Centre</option> <option value="ecommerce">Ecommerce</option> <option value="finance">Finance</option> <option value="gaming_gambling">Gaming/Gambling</option> <option value="government">Government</option> <option value="grocer">Grocer</option> <option value="healthcare">Healthcare</option> <option value="insurance">Insurance</option> <option value="it_services">IT Services</option> <option value="logistics">Logistics</option> <option value="media">Media</option> <option value="other">Other</option> <option value="pharmaceutical">Pharmaceutical</option> <option value="public_services">Public Services</option> <option value="recruitment">Recruitment</option> <option value="restaurant">Restaurant</option> <option value="retail">Retail</option> <option value="telecommunications">Telecommunications</option> <option value="transportation">Transportation</option> <option value="travel">Travel & Hospitality</option> <option value="utilities">Utilities</option> </select> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] min-h-[15px] z-10 font-light mt-1"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="flex-basis: 13rem; scroll-margin-bottom: 12rem"> <label for="type_of_demo" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">I want to see a demo of<div class="text-[red] ml-1">*</div></label> <select id="type_of_demo" name="type_of_demo" data-valid="true" type="" data-rules="required" x-on:change="validate($event.key, true, 8)" class="w-full px-4 py-3 lg:px-5 text-sm border focus:outline-none rounded-full border-[#C4C4C4] bg-skin-wbg input"> <option selected disabled value="">Please pick an option</option> <option value="imiconnect">Webex Connect</option> <option value="imicampaign">Webex Campaign</option> <option value="imiengage">Webex Engage</option> <option value="iminotify">Webex Notify</option> <option value="ai-and-automation">AI & Automation</option> <option value="rcs-business-messaging">RCS Business Messaging</option> <option value="branded-text-mms">Branded text and MMS</option> <option value="whatsapp-business">WhatsApp Business</option> <option value="apple-business-chat">Apple Messages for Business</option> <option value="google-business-messages">Google's Business Messages</option> <option value="web-rtc">Web RTC</option> <option value="instagram">Instagram</option> </select> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] text-[10px] min-h-[15px] z-10 font-light mt-1"></span> </div> <div class="flex flex-col flex-grow flex-shrink-0 form-field" style="scroll-margin-bottom: 12rem; flex-basis: 100%"> <label for="message" class="flex w-full mb-1 text-sm text-skin-bww whitespace-nowrap">Why are you looking for a demo?<div class="text-[red] ml-1">*</div></label> <textarea id="message" name="message" data-valid="true" x-bind:data-valid="validity ? 'valid' : 'invalid'" type="" data-rules="required,minLength:5,maxLength:300,imi_alpha_num" x-init="validate(null, false, 9)" @blur="validate($event.key, true, 9)" @keyup="validate($event.key, true, 9)" class="w-full px-6 py-5 text-sm border focus:outline-none rounded-20 border-[#C4C4C4] bg-skin-wbg h-48 input"></textarea> <span x-bind:class="validity ? '' : 'block'" class=" text-[red] mt-1 text-[10px] min-h-[15px] z-10 font-light"></span> </div> <label for="marketing_consent" class="inline-flex items-start lg:text-xs_lg text-xs form-field" style="scroll-margin-bottom: 12rem"> <input type="checkbox" id="marketing_consent" name="marketing_consent" class="mt-[1px] input"> <span class="ml-2 font-light text-xs prose-page"> <div class="text-xs"> <p>I would like Webex CPaaS Solutions to email me offers, promotions and the latest news regarding Webex CPaaS Solutions product and services. I can unsubscribe at any time. Click <a target="_blank" href="https://cpaas.webex.com/legal/privacy-statement">here </a>to learn more.</p> </div> </span> </label> <div class="form-field hidden"> <input class="hidden input" name="city" autocomplete="nope"> </div> <input id="country" class="hidden" name="country" type="hidden" value="sg"> <input id="intent" class="hidden" name="intent" type="hidden" value=""> <input id="ipaddress" name="ipaddress" type="hidden" class="hidden" value="8.222.208.146"> <input type="text" class="hidden" id="Token" name="Token" > <div class="form-field hidden"> <input class="hidden input" name="cookiesEnabled" autocomplete="nope"> </div> <input id="handler" name="handler" type="hidden" class="hidden" value="3aee01a6-932a-47ad-93fd-9e5b84b2ec49"> <div class="form-field hidden"> <input class="hidden input" name="UTM_Term" autocomplete="nope"> </div> <div class="form-field hidden"> <input class="hidden input" name="UTM_Source" autocomplete="nope"> </div> <div class="form-field hidden"> <input class="hidden input" name="UTM_Medium" autocomplete="nope"> </div> <div class="form-field hidden"> <input class="hidden input" name="UTM_Content" autocomplete="nope"> </div> <div class="form-field hidden"> <input class="hidden input" name="UTM_Campaign" autocomplete="nope"> </div> <div class="form-field hidden"> <input class="hidden input" name="Analytics_CID" autocomplete="nope"> </div> <div class="form-field hidden"> <input class="hidden input" name="recaptcha_enabled" autocomplete="nope"> </div> <div class="w-full text-xs lg:text-xs_lg font-light">All fields marked <span class="text-[red]">*</span> are required</div> <div class="flex flex-col flex-shrink-0 flex-grow mt-5" style="flex-basis: 13rem;"> <button type="submit" class="cursor-pointer items-center h-[54px] lg:text-sm_lg text-sm group text-skin-wwb hover:text-skin-wbw hover:bg-skin-bwb bg-skin-ggw rounded-50 font-normal min-w-200 flex justify-center py-3 px-4 lg:px-5 lg:py-4"> <span id="loader_text" x-bind:class="submittingAction ? 'hidden' : ''"> Submit </span> <svg id="loader" x-cloak x-bind:class="submittingAction ? 'block' : 'hidden'" width="60" height="10" viewBox="0 0 60 12" fill="none" class="md:h-5 h-[18px]"> <circle r="6" transform="matrix(1 0 0 -1 6 6)" fill="white" /> <circle r="6" transform="matrix(1 0 0 -1 30 6)" fill="white" /> <circle r="6" transform="matrix(1 0 0 -1 54 6)" fill="white" /> </svg> </button> </div> <div class="flex-shrink-0 flex-grow" style="flex-basis: 13rem;"></div> <script> document.addEventListener('alpine:init', () => { Alpine.data('formFields', () => ({ inputTexts: null, validity: [], submittingAction: false, prepopfields: ''.split('|'), init() { const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); const formFields = this.$el.querySelectorAll('input'); this.prepopfields.forEach(handle => { formFields.forEach(x => { if (x.name === handle) { x.value = urlParams.get(handle) } }) }) this.inputTexts = this.$refs.form.querySelectorAll('.form-field'); tl = gsap.timeline({ repeat: -1 }); tl.to('#loader > circle', { opacity: 0, stagger: 0.5, }).to('#loader > circle', { opacity: 1, stagger: 0.5 }); for (i = 0; i < this.inputTexts.length; i++) { this.validity.push(false) } imi_alpha_num = /^[^<>\/={}()&+%$]+$/ Iodine.rule('imi_alpha_num', (value) => imi_alpha_num.test(value)); Iodine.setErrorMessage('imi_alpha_num', "Value must contain only letters and numbers"); imi_alpha = /^[^0-9<>\/={}()&+%$]+$/ Iodine.rule('imi_alpha', (value) => imi_alpha.test(value)); Iodine.setErrorMessage('imi_alpha', "Value must contain only letters"); }, validate(key, showErrors, index) { if (key === 'Tab' || key === 'Shift') { return } if (showErrors) { field = this.inputTexts[index] rules = field.querySelector('.input').dataset.rules || null; error = false prod = "production" === 'production' if (rules !== null) { rules = rules.split(',') result = ''; try { result = Iodine.assert(field.querySelector('.input').value, rules) this.validity[index] = result.valid; this.showOrHideError(result, index) } catch { if (!prod) { result = { valid: true, error: "DEV WARNING: For this field you may have selected a validation rule on the CP that does not have a client-side equivalent. This means the rules inline validation check won't occur but validation will still occur on submission. A dev would be required to match the client-side & server validations. This message will not appear in production, so if you are not concerned about client-side validation, you can ignore this message." } this.showOrHideError(result, index, true) } else { result = { valid: true } this.showOrHideError(result, index) } } return result.valid; } return true; } }, showOrHideError(result, index, devWarning) { let errorSpan = this.inputTexts[index].querySelector('span') let inputEl = this.inputTexts[index].querySelector('.input') if (devWarning) { errorSpan.innerHTML = result.error; errorSpan.classList.add('bg-transparent'); inputEl.classList.add('border-[red]')} else if (!result.valid) { errorSpan.innerHTML = result.error; inputEl.classList.add('border-[red]') } else { errorSpan.innerHTML = ''; inputEl.classList.remove('border-[red]') } }, showLoader() { let errors = false; this.submittingAction = true; }, submit(event) { let valid = true; this.inputTexts.forEach((el, index) => { if (!this.validate(null, true, index)) { valid = false; el.scrollIntoView(false) } }) if (!valid) { event.preventDefault() } else { this.showLoader() } } })) }) </script> </form> </div> </div> </section> <section class="py-10 md:py-16 lg:py-20 theme-light bg-skin-wbg" data-id="logo-carousel" id="" style="scroll-margin-top: 6rem" x-data="logos"> <div class="px-std max-w-[1440px] w-full mx-auto"> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bwg text-h2">Trusted by global enterprises.</h2> </div> </div> </div> <div class="animation-logos flex flex-col md:gap-[88px] gap-10 mx-auto relative max-w-[1312px] overflow-hidden"> <div class="absolute h-full w-16 left-0 top-0 z-10 bg-fade-to-light rotate-180 pointer-events-none"></div> <div class="absolute h-full w-16 right-0 top-0 z-10 bg-fade-to-light pointer-events-none"></div> <div> <div class="relative flex row row-one" :class="widthGapClasses === 'min-w-full' ? 'w-[1312px]' : 'gap-24'"> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/walgreens.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/centrica.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/tesco.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/mercedes.svg" alt=""> </div> </div> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/walgreens.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/centrica.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/tesco.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/mercedes.svg" alt=""> </div> </div> </div> </div> <div> <div class="relative flex row row-two" :class="widthGapClasses === 'min-w-full' ? 'w-[1312px]' : 'gap-24'"> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/vodafone.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/bt.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/nhs.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/o2.svg" alt=""> </div> </div> <div class="flex items-center justify-around" :class="widthGapClasses"> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/vodafone.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/bt.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/nhs.svg" alt=""> </div> <div class="flex justify-center"> <img loading="lazy" class="logo max-w-none" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Logos/Logos/o2.svg" alt=""> </div> </div> </div> </div> </div> </section> <script> document.addEventListener('alpine:init', () => { Alpine.data('logos', () => ({ logosOneCount: '4', logosTwoCount: '4', logosThreeCount: '0', logosCountDivided: null, widowedLogo: false, rows: [], logoWidthsArray: [], logoGap: 96, containerWidth: 1312, loadedImages: [0, 0, 0], images: [null, null, null], widthGapClasses: '', paused: 0, init() { this.images = [ document.querySelectorAll('.row-one .logo'), document.querySelectorAll('.row-two .logo'), document.querySelectorAll('.row-three .logo') ]; const logoCounts = [this.logosOneCount, this.logosTwoCount, this.logosThreeCount]; const rowsCounts = logoCounts.map(count => Math.ceil(count / 6)); rowsCounts.forEach((rowCount, index) => { const { logosCountDivided, widowedLogo } = this.getRowStats(logoCounts[index], rowCount); this.rows.push({ numberOfLogos: widowedLogo ? (index === 1 ? Math.ceil(logosCountDivided) : Math.floor(logosCountDivided)) : logosCountDivided, logosWidthArray: [] }); }); this.images.forEach((imageSet, index) => { imageSet.forEach((img, imgIndex) => { if (img.complete) { this.calculateValues(img, imgIndex, logoCounts[index], index + 1, imageSet); } else { img.addEventListener('load', () => { this.calculateValues(img, imgIndex, logoCounts[index], index + 1, imageSet); }); } }); }); }, getRowStats(count, rowsCount) { let logosCountDivided = count / rowsCount; let widowedLogo = count % rowsCount !== 0; return { logosCountDivided: logosCountDivided, widowedLogo: widowedLogo }; }, calculateValues(img, index, logosCount, rowNumber, imageSet) { this.loadedImages[rowNumber - 1]++; if ((index + 1) <= logosCount) { this.rows[rowNumber - 1].logosWidthArray.push(img.width); } if (this.loadedImages[rowNumber - 1] === imageSet.length) { let totalImagesWidth = this.rows[rowNumber - 1].logosWidthArray.reduce((a, b) => a + b); let totalLogosGap = this.logoGap * (this.loadedImages[rowNumber - 1] - 1); let totalSliderWidth = (totalImagesWidth + totalLogosGap) / 2; if (totalSliderWidth > this.containerWidth) { this.widthGapClasses = 'md:gap-24 gap-12'; this.beginTimelines(50); } else { this.widthGapClasses = 'min-w-full'; this.beginTimelines(100); } } }, beginTimelines(distancePercent) { let rows = document.querySelectorAll('.row'); rows.forEach((row, i) => { if (!this.paused) { tlm = new gsap.timeline() if (i % 2 === 0) { tlm.fromTo(row, { xPercent: -distancePercent, }, { xPercent: 0, x: distancePercent === 50 ? 48 : 0, duration: 30, ease: 'linear', repeat: -1 }); } else { tlm.fromTo(row, { xPercent: 0, }, { xPercent: -distancePercent, x: -distancePercent === -50 ? -48 : 0, duration: 30, ease: 'linear', repeat: -1 }); } } }) } })); }); </script> <section class="bg-skin-wbg theme-light relative" data-id="call-outs-long-copy" id="Call outs long copy" style="scroll-margin-top: 6rem"> <div class="mx-auto max-w-[1440px] flex justify-between relative flex-col px-std py-10 md:py-16 lg:py-20 "> <div class="flex justify-between relative flex-col md:gap-28 md:flex-row mb-10 md:mb-16 lg:mb-20"> <div class="flex flex-col lg:max-w-2/3"> <h2 class="text-skin-bwg text-h2">Powering billions of interactions globally.</h2> </div> </div> <div class="flex text-skin-bwg md:flex-row flex-col gap-x-[10%] justify-between"> <div class="md:order-1 shrink mb-10 md:mb-0"> <div class="md:gap-x-5 gap-x-4 grid md:grid-cols-2 grid-cols-statistics lg:gap-y-20 md:gap-y-14 gap-y-8" x-data="animate_stats"> <div class="flex flex-col flex-1 md:basis-[250px]"> <h3 class="break-words flex text-h2 font-medium text-scarlet-to-passion-fruit"><span x-ref="stat" class="animation-stat" data-value="270" data-interval="">0</span>M+</h3> <p class="mt-2 pr-4">Messaging API hits per month</p> </div> <div class="flex flex-col flex-1 md:basis-[250px]"> <h3 class="break-words flex text-h2 font-medium text-scarlet-to-passion-fruit"><span x-ref="stat" class="animation-stat" data-value="1" data-interval="">0</span>B+</h3> <p class="mt-2 pr-4">Journey flows per month</p> </div> <div class="flex flex-col flex-1 md:basis-[250px]"> <h3 class="break-words flex text-h2 font-medium text-scarlet-to-passion-fruit"><span x-ref="stat" class="animation-stat" data-value="25" data-interval="">0</span>B+</h3> <p class="mt-2 pr-4">Interactions delivered per year</p> </div> <div class="flex flex-col flex-1 md:basis-[250px]"> <h3 class="break-words flex text-h2 font-medium text-scarlet-to-passion-fruit"><<span x-ref="stat" class="animation-stat" data-value="2" data-interval="">0</span>s</h3> <p class="mt-2 pr-4">Message latency</p> </div> </div> </div> <div class="md:basis-[800px] shrink grow-0 order-2"> <div class="flex-1 prose-page text-lg font-light text-skin-grey"> <p>With our Webex CPaaS Solutions, we are revolutionizing CX by creating a world where enterprises can stay constantly connected to their customers. A world where every touchpoint, on every channel, is an opportunity to deliver rich, engaging, intuitive experiences. Because every interaction matters.</p><p>Join other global enterprises transforming customer engagement and make every interaction matter more.</p> <div class="my-5"> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] inline-block " x-ref="" aria-label="More about us"> <span class=" inline-block text-sm font-medium gap-1 border-b border-transparent text-skin-ggw hover:border-skin-ggw group-hover:border-skin-ggw fill-skin-ggw duration-200 transition-colors"> More about us <svg width="14" height="14" viewBox="0 0 14 14" class="inline "> <path d="M7 2L11.9497 6.94975L11.2426 7.65685L6.29289 2.70711L7 2Z" /> <path d="M6.29289 11.1924L11.2426 6.24264L11.9497 6.94975L7 11.8995L6.29289 11.1924Z" /> <path d="M3.00781 6.46875H11.0079V7.46875H3.00781V6.46875Z" /> </svg> </span> </a> </div> <p></p> </div> </div> </div> </div> </section> </main> <footer class="flex flex-col lg:py-20 theme-dark bg-skin-wbg py-5"> <div class="flex gap-x-5 md:mb-40 flex-col md:flex-row px-std max-w-[1440px] mx-auto w-full"> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Products <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/cpaas-overview" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="CPaaS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> CPaaS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/developer-hub" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Developer Hub"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Developer Hub </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-connect/apis-and-sdks" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Connect APIs and SDKs"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Connect APIs and SDKs </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-campaign" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Campaign"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Campaign </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-engage" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Engage"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Engage </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/products/webex-notify" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Webex Notify"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Webex Notify </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Solutions <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/automotive" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Automotive"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Automotive </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/banking" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Banking"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Banking </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/gaming" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Gaming"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Gaming </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/government-and-public-sector" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Government & public sector"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Government & public sector </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/healthcare" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Healthcare"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Healthcare </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/insurance" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Insurance"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Insurance </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/logistics" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Logistics"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Logistics </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/media-and-broadcasters" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Media & broadcasters"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Media & broadcasters </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/recruitment" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Recruitment"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Recruitment </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/retail" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Retail"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Retail </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/travel" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Travel"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Travel </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/telecommunications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Telecommunications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Telecommunications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/utilities" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Utilities"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Utilities </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/customer-service" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer service"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer service </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/employee-communications" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Employee communications"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Employee communications </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/it-and-operations" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="IT & operations"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> IT & operations </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/solutions/marketing" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Marketing"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Marketing </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Business Messaging <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Business messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Business messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/branded-text" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Branded Text"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Branded Text </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/apple-messages-for-business" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Apple Messages for Business"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Apple Messages for Business </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/rcs-business-messaging" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="RCS Business Messaging"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> RCS Business Messaging </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/sms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="SMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> SMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/mms" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="MMS"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> MMS </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/web-rtc" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Web RTC"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Web RTC </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/whatsapp-business-api" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="WhatsApp Business API"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> WhatsApp Business API </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/business-messaging/instagram" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Instagram"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Instagram </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Resources <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/learning" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Learning"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Learning </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/resources/customer-stories" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Customer stories"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Customer stories </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/blog" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Blog"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Blog </span> </a> </li> </ul> </div> <div class="flex flex-1 flex-col" x-data="{ open : false }"> <h3 class="md:mb-10 text-base md:text-base_lg text-skin-bww py-4 md:py-0 flex justify-between theme-black cursor-pointer md:cursor-default" x-on:click="open = !open" x-bind:class="open ? 'text-skin-bwg md:text-skin-bww' : ''"> Company <div x-bind:class="open ? 'rotate-180 fill-skin-ggb' : 'fill-skin-bww'" class="h-3 duration-300"> <svg height="12" width="12" class="md:hidden" width="8" height="4" viewBox="0 0 8 4" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.120381 0.174613C0.300092 -0.0350495 0.615742 -0.0593303 0.825405 0.120381L4.00001 2.84147L7.17461 0.120381C7.38428 -0.0593303 7.69993 -0.0350495 7.87964 0.174613C8.05935 0.384276 8.03507 0.699926 7.8254 0.879637L4.3254 3.87964C4.13816 4.04013 3.86186 4.04013 3.67461 3.87964L0.174613 0.879637C-0.0350495 0.699926 -0.0593303 0.384276 0.120381 0.174613Z"/> </svg> </div> </h3> <ul class="md:block" x-bind:class="open ? 'block' : 'hidden'"> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/our-story" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="About us"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> About us </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="https://investor.cisco.com/home/" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Investors"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Investors </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/about-us/press-releases" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Press releases"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Press releases </span> </a> </li> <li class="text-sm md:text-sm_lg text-skin-bwg md:mb-5 py-4 md:py-0"> <a href="/partners" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline " x-ref="" aria-label="Partners"> <span class="inline border-b border-transparent hover:border-skin-bww group-hover:border-skin-bww duration-200 transition-colors "> Partners </span> </a> </li> </ul> </div> </div> <div class="flex justify-between flex-col md:flex-row mt-20 md:mt-0 px-std max-w-[1440px] mx-auto w-full"> <div> <div class="flex gap-y-2 text-sm flex-col"> <ul class="flex gap-x-5 flex-col md:flex-row mb-10 md:mb-0"> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/terms-and-conditions">Terms & Conditions</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/privacy-statement">Privacy Statement</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/legal/cookie-policy">Cookies</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/certifications">Certifications</a> </li> <li class="md:mb-5 text-skin-bww py-3 md:py-0"> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="/about-us/careers">Careers</a> </li> </ul> <div class="flex gap-x-3 flex-col md:flex-row mb-10 md:mb-0"> <p class="text-sm text-skin-bww mb-3 md:mb-0">Find us on:</p> <div class="flex"> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.linkedin.com/company/webex-cpaas-solutions/"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/linkedin.svg" alt="linkedin" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://twitter.com/webex_cpaas"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/x_reverse.svg" alt="x logo" style="width: 20px; height: 20px;"> </a> </div> <div> <a class="border-b border-transparent pb-1 hover:border-skin-bww" href="https://www.youtube.com/@webexcpaassolutions"> <img class="mr-2" src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Functional/youtube_reverse.svg" alt="youtube logo" style="width: 20px; height: 20px;"> </a> </div> </div> </div> </div> </div> <div class="text-skin-grey flex flex-col gap-10"> <div class="flex flex-col gap-y-3"> <div class="flex flex-col md:flex-row"> <p class="text-sm">Copyright @2000 - 2024 IMImobile Limited. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <script src="/js/site.js?id=8e51d1a01b8926a74dc8"></script> <script src="/js/lazysizes.min.js?id=5a7ec366575ee7eeb208" async=""></script> </body> </html>

CINXE.COM

Book a demo | Webex CPaaS Solutions