CINXE.COM

Instagram | 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"> <!-- Google Tag Manager --> <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> <!-- End Google Tag Manager --> <title>Instagram | Webex CPaaS Solutions</title> <meta name="description" content="Elevate your Instagram experience with tailored service and commerce messaging experiences that followers will love."> <link rel="canonical" href="https://cpaas.webex.com/business-messaging/instagram"> <meta property="og:url" content="https://cpaas.webex.com/business-messaging/instagram"> <link rel='alternate' href="https://cpaas.webex.com/business-messaging/instagram" hreflang="en-US" > <meta property="og:site_name" content="Webex CPaaS Solutions"> <meta property="og:title" content="Instagram | Webex CPaaS Solutions"> <meta property="og:description" content="Elevate your Instagram experience with tailored service and commerce messaging experiences that followers will love."> <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\/business-messaging\/instagram","name":"Instagram | Webex CPaaS Solutions","isPartOf":{"@id":"https:\/\/cpaas.webex.com\/#website"},"inLanguage":"en-US","datePublished":"2022-08-23T00:00:00+00:00","dateModified":"2022-08-23T00: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":"Business messaging","id":"https:\/\/cpaas.webex.com\/business-messaging"}},{"@type":"ListItem","position":3,"item":{"@type":"Thing","name":"Instagram","id":"https:\/\/cpaas.webex.com\/business-messaging\/instagram"}}]}}]}</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"> <link defer rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'" integrity="sha512-+EoPw+Fiwh6eSeRK7zwIKG2MA8i3rV/DGa3tdttQGgWyatG/SkncT53KHQaS5Jh9MNOT3dmFL0FjTY08And/Cw==" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha384-ZvpUoO/+PpLXR1lu4jmpXWu80pZlYUAfxl5NsBMWOEPSjUn/6Z/hRTt8+pR6L4N2" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha384-fexNtx3nPE3sjIQuGk8G2X8X/aSEBVMC58R839hkgsY/Xjhvkm7m2otGhwrdESWj" crossorigin="anonymous"></script> <script> $(document).ready(function() { $('[data-magnific-popup]').magnificPopup({ type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false, }); $('[data-magnific-popup-pdf]').magnificPopup({ type: 'iframe', mainClass: 'mfp-fade-pdf', removalDelay: 160, preloader: false, fixedContentPos: false }); }); </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'"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQLWWR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5K7LZVP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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> <!-- Mobile 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 class="bg-skin-wbg theme-dark relative" data-id="banner" id="" style="scroll-margin-top: 6rem"> <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="" /> </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="" /> </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="max-w-[1440px] mx-auto py-10 md:py-16 lg:py-20 px-std flex relative justify-between flex-col md:flex-row"> <div class="flex-1 flex justify-center items-start lg:max-w-[41%] order-1 md:order-3 mb-10 md:mb-0 relative"> <div class="w-[535px] aspect-[1/1] max-w-full"> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS93ZWJwL1Bob3RvZ3JhcGh5L0dlbmVyaWMvd29tYW4tY291Y2gtcGhvbmUtbXVnLXNtaWxpbmcud2VicA==?fit=crop&w=535&h=535&s=2715447a5e5732d3641c04b2a00abe58"> <img id="assets::webp/Photography/Generic/woman-couch-phone-mug-smiling.webp" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/woman-couch-phone-mug-smiling.jpg" class="lazyload w-full lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex flex-1 flex-col order-2 relative md:pr-12 max-w-800 md:min-w-500"> <span class="font-normal text-skin-bwg text-h5">Instagram</span> <h1 class="pb-5 text-skin-bwg">Go beyond posts and stories.</h1> <div class="text-lg md:max-w-10/12 max-w-11/12 prose-top-block "> <p>Elevate your Instagram experience with tailored service and commerce messaging experiences that followers will love. </p> </div> <span class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3"> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Book 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 border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Book a demo <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <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> <a href="/contact" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Talk to an expert"> <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 lg:py-5 py-[18px] px-[21px]"> Talk to an expert <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <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> </span> </div> </div> </section> <section class="relative theme-dark bg-skin-wbg text-skin-bwg" data-id="side-by-side-points" id="" style="scroll-margin-top: 6rem"> <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="" /> </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="" /> </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="mx-auto max-w-[1440px] px-std py-10 md:py-16 lg:py-20 relative"> <div class="flex flex-col relative"> <div class="flex w-full justify-center md:mb-20 mb-10 flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-1"> <div class="flex-1"> <div class="aspect-h-1 aspect-w-1 w-full order-1"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy93b21hbi1idXJrYS1jb3VjaC1waG9uZS1zbWlsZS53ZWJw?fit=crop&w=408&h=408&s=1af571ca3b1d3a6216ad96a3ee6aa193"> <img data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/woman-burka-couch-phone-smile.jpg" class="lazyload w-full md:rounded-2vw rounded-4vw lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex-1 "> <div class="w-full"> <div class="w-full"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg "> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/webp/Screenshots/Channels/instagram-retail-fashion-buy-button.webp"> <img data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Channels/instagram-retail-fashion-buy-button.jpg" class="lazyload w-full rounded-2vw border-device md:rounded-device-lg aspect-[253/548] object-cover" alt=""> </picture> </div> </div> </div> </div> </div> <div class="flex flex-1 md:order-2 justify-center flex-col min-w-200 md:min-w-none w-[380px] lg:w-[535px] md:gap-x-10 "> <div class=" lg:pl-[131px] md:pl-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Be where your customers are</h3> <div class="prose-page md:max-w-500"> <p>Instagram is a new way for the socially active enterprise to message and manage interactions with their followers at scale.  </p><h3>Connect through messaging </h3><p>Transform your Direct Messages (DM) channel into a platform for turning conversations into positive business outcomes. Use images, videos, quick replies and more to create two-way messaging experiences across every phase of the customer journey.</p> </div> </div> </div> </div> <div class="flex w-full justify-center md:mb-20 mb-10 flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-3"> <div class="flex-1"> <div class="aspect-h-1 aspect-w-1 w-full order-1"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy9tYW4tcGhvbmUtYmVuY2gud2VicA==?fit=crop-63-47-1&w=408&h=408&s=e95447364fe6c0c368d3bd463cac3802"> <img data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/man-phone-bench.jpg" class="lazyload w-full md:rounded-2vw rounded-4vw lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex-1 order-first "> <div class="w-full"> <div class="w-full"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg "> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/webp/Screenshots/Channels/instagram-retail-first-message-opening-times.webp"> <img data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Channels/instagram-retail-first-message-opening-times.jpg" class="lazyload w-full rounded-2vw border-device md:rounded-device-lg aspect-[253/548] object-cover" alt=""> </picture> </div> </div> </div> </div> </div> <div class="flex flex-1 md:order-2 justify-center flex-col min-w-200 md:min-w-none w-[380px] lg:w-[535px] md:gap-x-10 "> <div class=" lg:pr-[131px] md:pr-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Deliver proactive customer care</h3> <div class="prose-page md:max-w-500"> <p>Customers reach out via social media - quickly respond and bring them into your DM channel where you can answer questions and solve their problems. </p><h3>Instant customer care  </h3><p>Immediately respond to direct messages and story mentions to provide proactive customer care and engagement. Harness <a href="/products/webex-connect/nlp-and-ai">NLP and AI</a> capabilities to provide an always-on experience, quickly solving common queries through self-service to reduce the number of calls into the contact center.  </p><h3>Enable agent live chat </h3><p>With seamless integration into contact center and other live systems, intelligently handover more complex queries to agents who can chat with users through the DM channel.</p> </div> </div> </div> </div> <div class="flex w-full justify-center flex-wrap md:flex-nowrap gap-x-10 md:gap-0"> <div class="flex flex-1 min-w-300 mb-8 md:mb-0 w-full justify-center gap-4 md:gap-5 md:order-1"> <div class="flex-1"> <div class="aspect-h-1 aspect-w-1 w-full order-1"> <picture> <source type="image/webp" data-srcset="/img/asset/YXNzZXRzL3dlYnAvUGhvdG9ncmFwaHkvR2VuZXJpYy9taWRkbGUtYWdlLXdvbWFuLXBob25lLXNlcmlvdXMud2VicA==?fit=crop-65-60-1&w=408&h=408&s=d4eed78b391cbca95f6b71cfa5c6c1f2"> <img data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Photography/Generic/middle-age-woman-phone-serious.jpg" class="lazyload w-full md:rounded-2vw rounded-4vw lg:rounded-30 md:rounded-20 rounded-[16px] object-cover" alt=""> </picture> </div> </div> <div class="flex-1 "> <div class="w-full"> <div class="w-full"> <div class="w-full border-device-wrapper md:border-device-wrapper-lg "> <picture> <source type="image/webp" data-srcset="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/webp/Screenshots/Channels/instagram-retail-post-link.webp"> <img data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Screenshots/Channels/instagram-retail-post-link.jpg" class="lazyload w-full rounded-2vw border-device md:rounded-device-lg aspect-[253/548] object-cover" alt=""> </picture> </div> </div> </div> </div> </div> <div class="flex flex-1 md:order-2 justify-center flex-col min-w-200 md:min-w-none w-[380px] lg:w-[535px] md:gap-x-10 "> <div class=" lg:pl-[131px] md:pl-[100px] "> <h3 class="text-h4 font-normal mb-3 md:mb-10">Drive sales through conversational commerce</h3> <div class="prose-page md:max-w-500"> <p>Enable users to easily go from seeing great products on Instagram through posts and stories to purchasing them. </p><h3>Unlock new revenue streams </h3><p>Use conversational commerce to enable a seamless purchasing journey for new and existing customers. Users can message your business to ask questions, browse products, build a cart, and then check out with ease. </p><h3>Supercharge influencer marketing </h3><p>Make influencer marketing actionable by equipping your influencers with a link that brings customers to your DM channel where they can take the next steps with your business. </p> </div> </div> </div> </div> </div> </div> </section> <section class="theme-light relative bg-skin-wbg" data-id="features-list" id="" style="scroll-margin-top: 6rem"> <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="#04BAE9" /> </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="#04BAE9" /> </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="py-10 md:py-16 lg:py-20 px-std flex justify-between flex-col relative mx-auto max-w-[1440px]"> <div class="relative"> <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-bww ">Key features.</h2> </div> </div> <div class="flex justify-end"> <ul class="flex flex-wrap gap-x-5 justify-end md:max-w-10/12"> <li class="w-full md:max-w-45 border-t py-5 border-skin-grey-light"> <h3 class="text-skin-bwg text-h5 font-normal md:max-w-11/12">Rich messaging</h3> <p class="text-skin-grey max-w-10/12 md:py-2.5 py-5 text-base font-light">Create rich messaging experiences, sending and receiving not just text but also images, videos, files, and more.</p> </li> <li class="w-full md:max-w-45 border-t py-5 border-skin-grey-light"> <h3 class="text-skin-bwg text-h5 font-normal md:max-w-11/12">Quick replies</h3> <p class="text-skin-grey max-w-10/12 md:py-2.5 py-5 text-base font-light">Streamline the conversation with quick replies that present a set of pre-defined buttons that customers can tap to progress their journey.</p> </li> <li class="w-full md:max-w-45 border-t py-5 border-skin-grey-light md:border-b "> <h3 class="text-skin-bwg text-h5 font-normal md:max-w-11/12">Ice breakers</h3> <p class="text-skin-grey max-w-10/12 md:py-2.5 py-5 text-base font-light">When customers start a conversation on Instagram present them with a list of frequently asked questions.</p> </li> <li class="w-full md:max-w-45 border-t py-5 border-skin-grey-light border-b"> <h3 class="text-skin-bwg text-h5 font-normal md:max-w-11/12">Story mentions</h3> <p class="text-skin-grey max-w-10/12 md:py-2.5 py-5 text-base font-light">Get notified when a customer mentions your business in their story so you can respond to provide proactive care and engagement.</p> </li> </ul> </div> </div> </div> </section> <section class="relative theme-dark bg-skin-wbg text-skin-bwg" data-id="resource-link" id="" style="scroll-margin-top: 6rem"> <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="#D58000" /> </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="#D58000" /> </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="max-w-[1440px] mx-auto px-std py-10 md:py-16 lg:py-20 "> <div class="flex flex-col md:flex-row relative justify-between gap-x-10"> <div class="flex flex-col flex-1"> <div class="md:max-w-600"> <span class="md:mb-5 mb-3 text-skin-grey">VIDEO</span> <h2 class="md:pb-5 pb-3 md:text-h3 text-h2 text-skin-bwg"> Webex Connect.</h2> <p class="md:text-base_lg text-base text-skin-grey">Manage all your customer interactions and channels in one place with our enterprise CPaaS platform. From APIs and pre-built integrations to low-code tools, Webex Connect equips your organization with everything you need to create and optimize the communications journeys that deliver a better experience to every customer.</p> <div class="md:pt-10 pt-8 flex gap-x-3 flex-wrap gap-y-3 pb-14 md:pb-0"> <a href="https://www.youtube.com/watch?v=mDVxx0gBe50" data-magnific-popup role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Watch now"> <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 border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:p-[13px] lg:pl-[21px] md:p-[11px] md:px-[21px] p-[11px]"> Watch now <svg class="inline ml-[10px]" width="28" height="28" viewBox="0 0 56 56"> <circle cx="28" cy="28" r="28" transform="matrix(-4.32792e-08 1 1 4.39925e-08 0 0)" class="duration-200 transition-colors fill-skin-wwg group-hover:fill-skin-ggg" /> <path d="M40 28L22 38L22 18L40 28Z" class="duration-200 transition-colors fill-skin-bbw group-hover:fill-skin-www" /> </svg> </span> </a> <a href="/products/webex-connect" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="About Webex Connect"> <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 lg:py-5 py-[18px] px-[21px]"> About Webex Connect <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <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> <picture> <source type="image/webp" data-srcset="/img/http/aHR0cHM6Ly93ZWJleC1pbWltb2JpbGUubnljMy5jZG4uZGlnaXRhbG9jZWFuc3BhY2VzLmNvbS9SZW5kZXJzL1Byb2R1Y3RzL2Nvbm5lY3QtZmxvdy1hcHBvaW50bWVudC1jaGFubmVscy5qcGc=?fit=crop-59-39-1&w=535&h=535&s=b17380b644ba04a24c75d7f806f0edb8"> <img class="lazyload w-full lg:h-[535px] lg:w-[535px] md:w-[460px] md:h-[460px] h-full object-cover hidden md:block rounded-full" data-src="https://webex-imimobile.nyc3.cdn.digitaloceanspaces.com/Renders/Products/connect-flow-appointment-channels.jpg" alt=""> </picture> </div> </div> </div> </section> <section class="bg-cover bg-black relative" data-id="blanket-cta" id="" style="scroll-margin-top: 6rem"> <img class="absolute top-0 left-0 w-full h-full z-0" loading="lazy" src="/assets/pngs/dark-circles.webp" alt="background-dark-circles"> <div class="mx-auto max-w-[1440px] px-std theme-dark lg:py-40 md:py-28 py-20 z-10 relative"> <div class="md:max-w-6/10"> <h2 class="text-skin-bwg">Get started using Instagram.</h2> <p class="text-skin-bwg text-lg md:text-lg_lg md:pt-7 pt-5 font-normal">Talk to one of our experts today.</p> <div class="pt-10 flex gap-x-3 flex-wrap gap-y-3"> <a href="/contact/book-a-demo" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Book 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 border border-skin-ggg hover:border-skin-bwg bg-skin-ggw text-skin-wwb hover:bg-skin-bwb hover:text-skin-wbw fill-skin-wwb hover:fill-skin-wbw lg:py-5 py-[18px] px-[21px]"> Book a demo <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <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> <a href="/contact" role="button" target=_self class="leading-[1rem] w-full md:w-auto inline-block " x-ref="" aria-label="Talk to an expert"> <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 lg:py-5 py-[18px] px-[21px]"> Talk to an expert <svg width="14" height="14" viewBox="0 0 14 14" class="inline ml-1"> <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> </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>

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