Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - gin.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Fri, 02 May 2025 07:23:12 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
location: https://www.cm.com/customer-contact/
access-control-allow-origin: *
Set-Cookie: XSRF-TOKEN=eyJpdiI6Ik9OSGt3QUJvVGtMRDF1cFFaQ1NtU3c9PSIsInZhbHVlIjoiTDkrNnpOYTBCbFFYZHd1RnhOQzZiY2VNQVRMZURKQkczUFNGYnV6M21zY0VRTDNPd1c3UFpHWFZNandoaDU2ZGNiWkV4ZHZzV3RTZHBHVERDNm9ZZG9NVXlUclF2dHlYenJ0RW93ZE5mbDZzdjJZOVdMMjBJZnl5WHUwL1VNT0ciLCJtYWMiOiIzY2EwZjE3MGRlM2IyM2Q0YTRlMWNhNTQzMTI0OTA0NWRhZTE3NWJlMzA2NTNlYzI0OTlkMjJhYTUxZGEyNjViIiwidGFnIjoiIn0%3D; expires=Fri, 02 May 2025 09:23:12 GMT; Max-Age=7200; path=/; domain=cm.com; secure; samesite=lax
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
cf-cache-status: DYNAMIC
Set-Cookie: website_s=eyJpdiI6IlphNVRBeHNnbWpUekRhSWFuOVpPQkE9PSIsInZhbHVlIjoibkh6aWV5V0pTb1paODFnT2xsUVJ2N0FtSWs5WjBRZVNlaTJnR1g4K2ZIUEZaWVp6ZDVNOW5XdjRFSzkzRnZZMjc4eHNtM3dMMkcwS3RDeDVSWHNnU0wyTldxWFlFOUxFdE03RThROVc2M3FUa3RYYmNaRklaYjVpRGZGTGM0VmciLCJtYWMiOiJlMTUyZDlkMGY5NTYyN2NkODA3Zjc5Yzg5MDczNDQ3ZGYwMWNmYTc2NTQ1MjAzNjBiNTMyYzg4NmI0NjIxODIzIiwidGFnIjoiIn0%3D; expires=Fri, 02 May 2025 09:23:12 GMT; Max-Age=7200; path=/; domain=cm.com; secure; httponly; samesite=lax
Set-Cookie: __cf_bm=OeFugUi2j7X40YDH3aPIJm.DUJF6J7rkL4oIVmuMVvs-1746170592-1.0.1.1-alRY7EUNWU84O4UsCU9yaslMQ429j0wNxfBs7He.djCL6v3I0FOt4bD9XRgp0hgRW26wEUEn6hxlqyP3gPV3bdLyS8MrJ2_wmoc3mZEylkk; path=/; expires=Fri, 02-May-25 07:53:12 GMT; domain=.cm.com; HttpOnly; Secure; SameSite=None
Set-Cookie: _cfuvid=3HaVVwS8YDlgDT9GbMHfxfD3q7oRBwbyHFE9bQLZtow-1746170592556-0.0.1.1-604800000; path=/; domain=.cm.com; HttpOnly; Secure; SameSite=None
Server: cloudflare
CF-RAY: 9395c59a8b888d85-HEL
alt-svc: h3=":443"; ma=86400
HTTP Code 301 Moved Permanently
301 Moved Permanently means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://www.cm.com/products/text/customer-contact/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Fri, 02 May 2025 07:23:12 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
vary: Accept-Encoding
Cache-Control: no-cache, private
access-control-allow-origin: *
Set-Cookie: XSRF-TOKEN=eyJpdiI6IjE5M21tY3BtdFBydUFKMkZ1ZkNzaHc9PSIsInZhbHVlIjoiekx3WFNOT3V0bnZIaE0vVEx3VkVnVy9kcEtEdk5VTjcyWFhNeHJoNzVkVXdNcWlEMXQzak9iaXNnNnBHVzY3SVNHelA0NDhJVVJSNjFodkVVS29yaCtBVEZ4bE05U2tSRk05QzFHQlZSQVhta2dacEZTQkNOdEJWUUJKdmRzRTQiLCJtYWMiOiI0ODRiMDc2ZGNmMjQ1N2NjOGQyYjNjZDFlODFhM2MxNjQ2NjIyNzY0ZTVkZjY4ZjM3ZDdkODRmY2I4NWU2OTYxIiwidGFnIjoiIn0%3D; expires=Fri, 02 May 2025 09:23:12 GMT; Max-Age=7200; path=/; domain=cm.com; secure; samesite=lax
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
x-content-type-options: nosniff
cf-cache-status: DYNAMIC
Set-Cookie: website_s=eyJpdiI6IlVnUGRGZ0hOdWJHRUZLOTdlVXBVUGc9PSIsInZhbHVlIjoiT3d6TmIxM2gzTmE2L2xvVGVJcTFiSlJFeWZUSy96Rm9nbndtWkhBT2F2VlVWK1RkMzNrUDJEQmRoSXhNZUoyemUwVnFVWEU1THFiTzJMMWNSY0VQV01zdUpHbHQvQU9HcWlSVHJUMkJwTXFlZ0hJYmtjSlRYQ2pnaWdrd2JGTlYiLCJtYWMiOiJiYTRiMzFhYTcxODU2OTFkNDNmZGIyNzkzNGE5YTk0MmYxNjE5ZjNjMGJlMjYwNmVlOGM5NjNlYmM0YzA0ZDJlIiwidGFnIjoiIn0%3D; expires=Fri, 02 May 2025 09:23:12 GMT; Max-Age=7200; path=/; domain=cm.com; secure; httponly; samesite=lax
Set-Cookie: __cf_bm=5t55dNqC.YaWLAfsFsb0V9777r43VAJTixlW638u_6w-1746170592-1.0.1.1-Qf1vuhkpqeXnNxY2QqThIQ2BD_YLrD_ubB10q_5fLjGnTiGpsRlMNReeTkCo_bft12tqFlE7zBQe0uUDn_kbEh6bL5CQV9oPM54qzIDeNPM; path=/; expires=Fri, 02-May-25 07:53:12 GMT; domain=.cm.com; HttpOnly; Secure; SameSite=None
Set-Cookie: _cfuvid=3l.m15MP6vbdhkN9yODRfcPCVBnuu88DEAbjRHIu1kc-1746170592900-0.0.1.1-604800000; path=/; domain=.cm.com; HttpOnly; Secure; SameSite=None
Server: cloudflare
CF-RAY: 9395c59b7c818d85-HEL
alt-svc: h3=":443"; ma=86400
HTTP Code 200 OK
200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: gin.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="referrer" content="unsafe-url">
<meta name="msapplication-config" content="none">
<meta name="cm-no-redirect" content="IE">
<meta name="csrf-token" content="0IGamtFIvSGnh88C83HHxdyQhvGYu2IQb68BdRMg">
<meta name="group-hash" content="943a4e916200b54e">
<title>Choose the Right Software for All Your Customer Contact - CM.com</title>
<meta name="description" content="Deliver exceptional customer service in real-time on all channels with our easy-to-use software solutions for contact centers. Discover them all!">
<meta property="og:title" content="Choose the Right Software for All Your Customer Contact - CM.com">
<meta property="og:description" content="Deliver exceptional customer service in real-time on all channels with our easy-to-use software solutions for contact centers. Discover them all!">
<meta property="og:locale:alternate" content="en_GB">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:locale:alternate" content="en_ZA">
<meta property="og:locale:alternate" content="fr_BE">
<meta property="og:locale:alternate" content="fr_FR">
<meta property="og:locale:alternate" content="nl_BE">
<meta property="og:locale:alternate" content="nl_NL">
<meta property="og:site_name" content="CM.com">
<meta property="og:url" content="https://www.cm.com/customer-contact/">
<meta property="og:type" content="website">
<meta property="og:image:url" content="https://www.cm.com/cdn/web/opengraph/cm-default-og.jpg">
<meta property="og:image:alt" content="CM.com Make Every Conversation Count">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta name="twitter:site" content="socials.x.account">
<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png"/>
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png"/>
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png"/>
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png"/>
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76.png"/>
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png"/>
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/apple-touch-icon-60x60.png"/>
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png"/>
<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196"/>
<link rel="icon" type="image/png" href="/favicon-128x128.png" sizes="128x128"/>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"/>
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"/>
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"/>
<link rel="icon" href="/favicon.ico">
<meta name="application-name" content="CM.com"/>
<meta name="msapplication-TileColor" content="#2d89ef"/>
<meta name="msapplication-TileImage" content="/mstile-144x144.png"/>
<meta name="msapplication-square70x70logo" content="/mstile-70x70.png"/>
<meta name="msapplication-square150x150logo" content="/mstile-150x150.png"/>
<meta name="msapplication-square310x150logo" content="/mstile-310x150.png"/>
<meta name="msapplication-square310x310logo" content="/mstile-310x310.png"/>
<link rel="mask-icon" href="https://www.cm.com/cdn/web/safari-pinned-tab.svg" color="#ffffff">
<link rel="preload" href="/fonts/nunito/nunito-400.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/nunito/nunito-500.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/nunito/nunito-600.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="preload" href="/fonts/montserrat/montserrat-600.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="alternate" type="application/rss+xml" title="Inside CM.com" href="https://www.cm.com/feed/" />
<link rel="canonical" href="https://www.cm.com/customer-contact/">
<link rel="alternate" hreflang="x-default" href="https://www.cm.com/customer-contact/"/>
<link rel="alternate" hreflang="en" href="https://www.cm.com/customer-contact/"/>
<link rel="alternate" hreflang="en-GB" href="https://www.cm.com/en-gb/customer-contact/"/>
<link rel="alternate" hreflang="en-US" href="https://www.cm.com/en-us/customer-contact/"/>
<link rel="alternate" hreflang="en-ZA" href="https://www.cm.com/en-za/customer-contact/"/>
<link rel="alternate" hreflang="fr-BE" href="https://www.cm.com/fr-be/customer-contact/"/>
<link rel="alternate" hreflang="fr-FR" href="https://www.cm.com/fr-fr/customer-contact/"/>
<link rel="alternate" hreflang="nl-BE" href="https://www.cm.com/nl-be/customer-contact/"/>
<link rel="alternate" hreflang="nl-NL" href="https://www.cm.com/nl-nl/customer-contact/"/>
<link rel="preload" fetchpriority="high" as="image" href="https://www.cm.com/build/assets/cm-f4ffa018.svg" type="image/svg+xml">
<link rel="preload" fetchpriority="high" as="image" href="https://www.cm.com/cdn/web/hero/customer-contact-medium-hero.png" type="image/png">
<link rel="preload" fetchpriority="high" as="image" href="https://www.cm.com/cdn/web/icon/customer-contact.svg" type="">
<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-M63J339');</script>
<script>
!function(e,t,n,r,o,i,u,c,a,l){a=n.getElementsByTagName("head")[0],(l=n.createElement("script")).async=1,l.src=t,a.appendChild(l),r=n.cookie;try{if(i=(" "+r).match(new RegExp("[; ]_tdbu=([^\\s;]*)")))for(u in o=decodeURI(i[1]).split("||"))(c=o[u].split("~~"))[1]&&(r.indexOf(c[0]+"=")>-1||(n.cookie=c[0]+"="+c[1]+";path=/;max-age=604800;domain=."+e,n.cookie="_1=1"))}catch(e){} }("cm.com","https://two.cm.com/top.js",document)
</script>
<link rel="preload" as="style" href="https://www.cm.com/build/assets/main-80d73aa1.css" /><link rel="stylesheet" href="https://www.cm.com/build/assets/main-80d73aa1.css" />
<link rel="preload" as="style" href="https://www.cm.com/build/assets/nunito-f4246fde.css" /><link rel="preload" as="style" href="https://www.cm.com/build/assets/montserrat-c6fb0a08.css" /><link rel="stylesheet" href="https://www.cm.com/build/assets/nunito-f4246fde.css" /><link rel="stylesheet" href="https://www.cm.com/build/assets/montserrat-c6fb0a08.css" />
</head>
<body
class="group/body font-sans text-base bg-white text-black-100 min-h-[calc(100vh-var(--platformheader-height))] mt-[var(--platformheader-height)] [&:has(#region-selector:checked)]:overflow-hidden brand"
>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M63J339" height="0" width="0" style="display:none;visibility:hidden" sandbox></iframe></noscript>
<div data-cmcom="login-banner" class="login-banner absolute hidden pfh:block inset-0 h-9 text-xs z-[81] group-[.trigger-country-suggestion]/body:!top-[var(--country-suggestion-height)]">
<div class="grid-container">
<div class="grid-row flex justify-end items-center">
<a href="https://login.cm.com/" class="track-login px-2 py-1 leading-6 text-[var(--desktop-menu-main-item-link)] hover:text-[var(--desktop-menu-main-item-hover)]">Log In</a>
</div>
</div>
</div>
<header data-cmcom="header" class="fixed flex items-center h-[var(--platformheader-height)] top-0 left-0 right-0 will-change-auto transition-all duration-300 max-md:bg-[var(--header-bg)] max-md:shadow-cm z-70 group group-data-[scrolled=true]/body:shadow-cm group-data-[scrolled=true]/body:bg-[var(--header-scrolled-bg)] group-data-[scrolled=true]/body:backdrop-blur-sm group-[.trigger-country-suggestion]/body:!top-[var(--country-suggestion-height)]" id="nav">
<div class="grid-container h-full">
<div class="col-span-12 flex items-center -mx-3 h-full" v-cloak>
<div class="pfh:hidden me-2 v-cloak--hidden">
<label class="block p-2 text-[var(--menu-button-color)] cursor-pointer" for="cm-site-menu">
<svg class="block" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>menu</title>
<g class="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g class="menu" fill="currentColor">
<path d="M18,18 L6,18 C5.447,18 5,17.552 5,17 C5,16.448 5.447,16 6,16 L18,16 C18.553,16 19,16.448 19,17 C19,17.552 18.553,18 18,18 M18,13 L6,13 C5.447,13 5,12.552 5,12 C5,11.448 5.447,11 6,11 L18,11 C18.553,11 19,11.448 19,12 C19,12.552 18.553,13 18,13 M18,8 L6,8 C5.447,8 5,7.552 5,7 C5,6.448 5.447,6 6,6 L18,6 C18.553,6 19,6.448 19,7 C19,7.552 18.553,8 18,8" id="Fill-102"></path>
</g>
</g>
</svg>
</label>
</div>
<a href="/" title="CM.com" class="s-cm-logo block relative w-10 h-10 md:w-14 md:h-14 me-4 transition-all duration-300 z-10 group-data-[scrolled=true]/body:scale-75">
<img src="https://www.cm.com/build/assets/cm-f4ffa018.svg" alt="CM.com logo">
</a>
<input
id="cm-site-menu"
class="hidden peer/menu-checkbox"
type="checkbox">
<nav class="s-menu group/nav font-heading h-full max-pfh:fixed max-pfh:w-full max-pfh:h-full max-pfh:top-0 max-pfh:-left-full rtl:max-pfh:left-0 rtl:max-pfh:-right-full max-pfh:max-h-screen max-pfh:min-h-max max-pfh:overflow-hidden max-pfh:z-80 max-pfh:transition-all max-pfh:duration-300 max-pfh:ease-in-out max-pfh:group-[.trigger-country-suggestion]/body:!top-[var(--country-suggestion-height)] max-pfh:after:fixed max-pfh:after:inset-0 max-pfh:after:bg-black-100 max-pfh:after:opacity-0 max-pfh:after:transition-opacity max-pfh:after:pointer-events-none max-pfh:peer-checked/menu-checkbox:left-0 rtl:max-pfh:peer-checked/menu-checkbox:left-auto rtl:max-pfh:peer-checked/menu-checkbox:right-0 max-pfh:peer-checked/menu-checkbox:after:opacity-75 s-menu--guest">
<div class="s-menu__header pfh:hidden absolute top-0 h-[var(--platformheader-height)] w-full max-pfh:max-w-[var(--menu-mobile-max-width)] px-3 flex items-center justify-between bg-white border-b-2 border-solid border-black-10 z-20">
<label
class="s-menu__close inline-block w-10 h-10 p-2 me-2 cursor-pointer"
for="cm-site-menu">
<svg
viewBox="0 0 24 24"
fill="currentColor">
<path
d="M13.4261944,11.9997479 L17.7050296,7.72091264 C17.9016765,7.52426573 18.0005042,7.26610362 18.0005042,7.00794151 C18.0005042,6.7497794 17.9016765,6.49262574 17.7050296,6.29497038 C17.3107273,5.90167654 16.6723812,5.90167654 16.2790874,6.29497038 L12.0002521,10.5738056 L7.72141687,6.29497038 C7.32812303,5.90167654 6.68977688,5.90167654 6.2954746,6.29497038 C6.09882768,6.49262574 6,6.7497794 6,7.00794151 C6,7.26610362 6.09882768,7.52426573 6.2954746,7.72091264 L10.5743098,11.9997479 L6.2954746,16.2785831 C6.09882768,16.4752301 6,16.7333922 6,16.9915543 C6,17.2497164 6.09882768,17.50687 6.2954746,17.7045254 C6.49312996,17.9011723 6.75028363,18 7.00844573,18 C7.26660784,18 7.52476995,17.9011723 7.72141687,17.7045254 L12.0002521,13.4256902 L16.2790874,17.7045254 C16.4757343,17.9011723 16.7338964,18 16.9920585,18 C17.2502206,18 17.5073743,17.9011723 17.7050296,17.7045254 C17.9016765,17.50687 18.0005042,17.2497164 18.0005042,16.9915543 C18.0005042,16.7333922 17.9016765,16.4752301 17.7050296,16.2785831 L13.4261944,11.9997479 Z" />
</svg>
</label>
<a
href="/"
class="s-logo">
<img
src="https://www.cm.com/build/assets/cm-f4ffa018.svg"
width="40"
height="40"
alt="CM.com logo">
</a>
<div class="s-menu__header-right flex ms-auto">
<label
class="relative isolate bg-white m-2 py-1.5 px-2 rounded-2xl cursor-pointer hover:shadow-md
group-data-[scrolled=true]/body:bg-gradient-to-r
group-data-[scrolled=true]/body:from-blue-10 group-data-[scrolled=true]/body:to-blue-5
group-data-[scrolled=true]/body:hover:from-blue-20 group-data-[scrolled=true]/body:hover:to-blue-5
bg-gradient-to-r from-blue-10 to-blue-5 hover:from-blue-20 hover:to-blue-5
"
data-cmcom="country-selector-trigger"
for="region-selector">
<div class="flex items-center rtl:flex-row-reverse divide-x text-black-200 hover:text-blue-100">
<img
src="https://www.cm.com/build/assets/globe-89b9d67a.svg"
alt="language icon"
class="w-5 h-5 s-icon-svg s-icon-svg--hover-black-100 s-icon-svg--hover-parent">
<img
src="https://www.cm.com/build/assets/next-e8f99df8.svg"
alt=""
class="w-4 h-4 pl-2 ml-2 border-solid border-black-10 s-icon-svg box-content">
</div>
</label>
</div>
</div>
<div class="s-menu__wrapper relative h-full max-pfh:flex max-pfh:max-w-[var(--menu-mobile-max-width)] max-pfh:pt-[var(--platformheader-height)] max-pfh:bg-white max-pfh:overflow-x-hidden max-pfh:z-10">
<ul class="group/main-list s-menu__main-list relative flex w-full h-full text-[var(--menu-main-list)] max-pfh:flex-col max-pfh:left-0 max-pfh:mx-4 max-pfh:has-[:checked]:-left-full max-pfh:has-[:checked]:m-0 max-pfh:transition-all max-pfh:duration-300">
<li class="s-menu-main-item max-pfh:group-has-[:checked]/main-list:[&:not(:has(input[id^='menu-item']:checked))]:hidden group/main-menu-item pfh:relative pfh:flex pfh:items-center pfh:h-full pfh:mx-4 z-10 max-pfh:cursor-pointer max-pfh:border-blue-10 max-pfh:border-solid max-pfh:border-b leading-6 s-menu-main-item--four_column">
<input
id="menu-item-1225"
class="hidden peer/checkbox"
type="checkbox">
<label
for="menu-item-1225"
class="group/label s-menu-main-item__label s-menu-main-item__label--with-children group/children relative flex py-5 w-full peer-checked/checkbox:left-full peer-checked/checkbox:px-5">
<a
class="s-menu-main-item__link flex gap-4 items-center justify-between h-full w-full whitespace-nowrap z-10 text-lg text-black-200 pfh:text-[var(--desktop-menu-main-item-link)] pfh:hover:text-[var(--desktop-menu-main-item-hover)] pfh:focus:text-[var(--desktop-menu-main-item-hover)] pfh:px-2 max-pfh:group-[\/children]:pointer-events-none max-pfh:group-[\/no-children]:py-4 max-pfh:peer-checked/checkbox:group-[]/label:flex-row-reverse max-pfh:peer-checked/checkbox:group-[]/label:justify-end"
href="https://www.cm.com/products/">
Products
<div class="pfh:hidden h-8 w-8 rounded-full pointer-events-none bg-gradient-to-r from-blue-10 to-blue-5 peer-checked/checkbox:group-[]/label:rotate-180">
<div style="mask-image: url(https://www.cm.com/build/assets/next-e8f99df8.svg); mask-position: center; mask-repeat: no-repeat;" class="w-8 h-8 rounded-full bg-blue-100 rtl:rotate-180"></div>
</div>
</a>
</label>
<span class="s-menu-main-item__hover-trigger pfh:block pfh:absolute pfh:w-full pfh:h-full pfh:bg-transparent pfh:z-20 group-hover/main-menu-item:h-0 group-focus-within/main-menu-item:h-0"></span>
<span class="s-sub-menu--arrow absolute w-0 h-0 left-1/2 top-[calc(var(--platformheader-height)-2rem)] border-transparent border-[1rem] border-solid border-b-white -translate-x-1/2 z-20 opacity-0 transition-opacity duration-300 group-hover/main-menu-item:opacity-100 group-focus-within/main-menu-item:opacity-100"></span>
<div class="s-sub-menu max-pfh:peer-checked/checkbox:block s-sub-menu--four_column hidden relative px-5 pb-8 max-pfh:w-full max-pfh:left-full max-pfh:mt-2 max-pfh:mb-4 transition-all duration-300 pfh:grid pfh:absolute pfh:top-[var(--platformheader-height)] pfh:-left-4 rtl:pfh:left-auto rtl:pfh:right-0 pfh:pt-9 pfh:pb-5 pfh:px-9 pfh:rounded-xl pfh:bg-white pfh:z-10 pfh:opacity-0 pfh:invisible pfh:overflow-hidden pfh:pointer-events-none pfh:shadow-menu group-hover/main-menu-item:opacity-100 group-hover/main-menu-item:visible group-hover/main-menu-item:pointer-events-auto group-focus-within/main-menu-item:opacity-100 group-focus-within/main-menu-item:visible group-focus-within/main-menu-item:pointer-events-auto">
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--title">
<a
href="https://www.cm.com/engagement-platform/"
target="_self"
rel=""
class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Engagement Platform
</a>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/halo/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/halo_agentic_ai-776b1e85.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
HALO
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
AI agents
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/mobile-service-cloud/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/msc-3bccc434.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Mobile Service Cloud
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Shared Agent Inbox
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/conversational-ai-cloud/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/caic-282ba07e.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Conversational AI Cloud
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
AI Chatbot & Voicebot
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/mobile-marketing-cloud/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/mmc-0f3ab280.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Mobile Marketing Cloud
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Marketing Campaigns
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/customer-data-platform/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/customer-data-platform-89b75f1b.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Customer Data Platform
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Unified Customer Profiles
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="s-menu-item s-menu-item--title">
<a
href="https://www.cm.com/connectivity-platform/"
target="_self"
rel=""
class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Connectivity Platform
</a>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/sms/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/sms-e9037f6e.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
SMS
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Worldwide Text Messaging
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/business-messaging-api/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/messaging-gateway-7157de59.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Business Messaging API
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
One API, All Channels
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/one-time-password/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/one-time-password-9e58b6a1.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
One Time Password API
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Generate and Verify OTPs
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/verification-api/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/verification-api-43c43764.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Verification API
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Easy and Secure Authentication
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/voice/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/voice-75e2b2db.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Voice
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
SIP Trunking & Voice API
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="s-menu-item s-menu-item--title">
<a
href="https://www.cm.com/payments/"
target="_self"
rel=""
class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Payments Platform
</a>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/payments/online-payments/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/payments-online-c5d03406.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Online Payments
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
For Webshops & eCommerce
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/payments/pos-payments/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/payments-pos-2b313ccf.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
POS Payments
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Fixed & Mobile Terminals
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/payments/qr-payments/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/qr-payments-56ac4ead.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
QR Payments
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Mobile Payments via QR code
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="s-menu-item s-menu-item--title">
<a
href="https://www.cm.com/ticketing-platform/"
target="_self"
rel=""
class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Ticketing Platform
</a>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/ticketing/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/event-ticketing-f312e472.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Ticketing
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Ticket Sales & Registrations
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/event-app/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/event-app-74886f4e.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Event App
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Festival & Event App
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/cash-register/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/cash-register-10b1e25a.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Cash Register
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Cashless Payments
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--large_icon">
<a
href="https://www.cm.com/event-marketing/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/event-marketing-5bd6445c.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Event Marketing
</div>
<div class="s-menu-item__subtitle text-xs leading-6 text-black-71">
Data Driven Communication
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="s-menu-item s-menu-item--full-width">
<a
href="https://www.cm.com/conversational-channels/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Conversational Channels
</div>
</div>
</a>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/whatsapp/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/whatsapp-afce9b33.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
WhatsApp Business
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/instagram-messaging/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/instagram-84976a19.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Instagram
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/facebook-messenger/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/facebook-messenger-ebe7a409.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Facebook Messenger
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/rcs/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/rcs-business-messaging-ee258bb0.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
RCS Business Messaging
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/viber/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/viber-40bf0db8.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Viber
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/telegram/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/telegram-c9eaf13a.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Telegram
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/apple-messages-for-business/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/apple-messages-for-business-8858b490.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
Apple Messages for Business
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--small_icon">
<a
href="https://www.cm.com/line/"
target="_self"
rel=""
class="s-menu-item__title-link text-black-200 hover:text-blue-100 focus:blue-100 flex gap-4">
<div class="s-menu-item__icon-wrapper flex items-center justify-center">
<img src="https://www.cm.com/build/assets/line-991138b2.svg" alt="" class="s-menu-item__icon s-icon-svg w-full">
</div>
<div class="s-menu-item__title-wrapper flex flex-col flex-wrap justify-center">
<div class="s-menu-item__title leading-8 pfh:leading-5">
LINE
</div>
</div>
</a>
</li>
</ul>
</li>
</ul>
<div class="s-menu-read-more max-pfh:fixed max-pfh:bottom-0 max-pfh:left-0 max-pfh:max-pfh:w-full max-pfh:max-w-[var(--menu-mobile-max-width)] max-pfh:pt-12 max-pfh:pb-5 max-pfh:ps-5 max-pfh:pointer-events-none max-pfh:overflow-hidden max-pfh:z-10 max-pfh:before:absolute max-pfh:before:inset-0 max-pfh:before:bg-gradient-to-t max-pfh:before:from-white/100 max-pfh:before:from-60% max-pfh:before:to-white/0 max-pfh:after:absolute max-pfh:after:-right-20 rtl:max-pfh:after:-left-20 rtl:max-pfh:after:right-auto max-pfh:after:-bottom-60 max-pfh:after:w-80 max-pfh:after:h-80 max-pfh:after:rounded-full max-pfh:after:bg-gradient-to-r max-pfh:after:from-blue-10 max-pfh:after:to-blue-5 pfh:flex pfh:justify-end pfh:items-end">
<a
href="https://www.cm.com/products/"
target="_self"
rel=""
class="s-menu-read-more__button s-button s-button--tertiary !text-sm pointer-events-auto z-10">
See all Products
</a>
</div>
</div>
</li>
<li class="s-menu-main-item max-pfh:group-has-[:checked]/main-list:[&:not(:has(input[id^='menu-item']:checked))]:hidden group/main-menu-item pfh:relative pfh:flex pfh:items-center pfh:h-full pfh:mx-4 z-10 max-pfh:cursor-pointer max-pfh:border-blue-10 max-pfh:border-solid max-pfh:border-b leading-6 s-menu-main-item--new_two_column--uneven">
<input
id="menu-item-1228"
class="hidden peer/checkbox"
type="checkbox">
<label
for="menu-item-1228"
class="group/label s-menu-main-item__label s-menu-main-item__label--with-children group/children relative flex py-5 w-full peer-checked/checkbox:left-full peer-checked/checkbox:px-5">
<span class="s-menu-main-item__link s-menu-main-item__link--no-href text-lg">
Solutions
</span>
</label>
<span class="s-menu-main-item__hover-trigger pfh:block pfh:absolute pfh:w-full pfh:h-full pfh:bg-transparent pfh:z-20 group-hover/main-menu-item:h-0 group-focus-within/main-menu-item:h-0"></span>
<span class="s-sub-menu--arrow absolute w-0 h-0 left-1/2 top-[calc(var(--platformheader-height)-2rem)] border-transparent border-[1rem] border-solid border-b-white -translate-x-1/2 z-20 opacity-0 transition-opacity duration-300 group-hover/main-menu-item:opacity-100 group-focus-within/main-menu-item:opacity-100"></span>
<div class="s-sub-menu max-pfh:peer-checked/checkbox:block s-sub-menu--new_two_column--uneven hidden relative px-5 pb-8 max-pfh:w-full max-pfh:left-full max-pfh:mt-2 max-pfh:mb-4 transition-all duration-300 pfh:grid pfh:absolute pfh:top-[var(--platformheader-height)] pfh:-left-4 rtl:pfh:left-auto rtl:pfh:right-0 pfh:pt-9 pfh:pb-5 pfh:px-9 pfh:rounded-xl pfh:bg-white pfh:z-10 pfh:opacity-0 pfh:invisible pfh:overflow-hidden pfh:pointer-events-none pfh:shadow-menu group-hover/main-menu-item:opacity-100 group-hover/main-menu-item:visible group-hover/main-menu-item:pointer-events-auto group-focus-within/main-menu-item:opacity-100 group-focus-within/main-menu-item:visible group-focus-within/main-menu-item:pointer-events-auto">
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--title">
<div class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Industries
</div>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/industries/financial-services/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Financial Services
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/industries/leisure-travel/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Leisure & Travel
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/industries/logistics-transport/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Logistics & Transport
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/live-music/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Music & Live
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/industries/retail-ecommerce/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Retail & eCommerce
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/industries/leisure-travel/sport/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Sports
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/industries/tech-media/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Tech & Media
</div>
</div>
</a>
</li>
</ul>
<div class="s-menu-read-more max-pfh:fixed max-pfh:bottom-0 max-pfh:left-0 max-pfh:max-pfh:w-full max-pfh:max-w-[var(--menu-mobile-max-width)] max-pfh:pt-12 max-pfh:pb-5 max-pfh:ps-5 max-pfh:pointer-events-none max-pfh:overflow-hidden max-pfh:z-10 max-pfh:before:absolute max-pfh:before:inset-0 max-pfh:before:bg-gradient-to-t max-pfh:before:from-white/100 max-pfh:before:from-60% max-pfh:before:to-white/0 max-pfh:after:absolute max-pfh:after:-right-20 rtl:max-pfh:after:-left-20 rtl:max-pfh:after:right-auto max-pfh:after:-bottom-60 max-pfh:after:w-80 max-pfh:after:h-80 max-pfh:after:rounded-full max-pfh:after:bg-gradient-to-r max-pfh:after:from-blue-10 max-pfh:after:to-blue-5 pfh:flex pfh:justify-end pfh:items-end">
<a
href="https://www.cm.com/industries/"
target="_self"
rel=""
class="s-menu-read-more__button s-button s-button--tertiary !text-sm pointer-events-auto z-10">
See all Industries
</a>
</div>
</li>
<li class="s-menu-item s-menu-item--title">
<div class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Use Cases
</div>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/use-cases/commerce/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Commerce
</div>
<div class="s-menu-item__subtitle text-xs leading-5 text-black-71">
Empower customer journeys through seamless shopping experiences
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/use-cases/marketing/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Marketing
</div>
<div class="s-menu-item__subtitle text-xs leading-5 text-black-71">
Maximize your impact with personalized conversational marketing campaigns
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/use-cases/service/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Service
</div>
<div class="s-menu-item__subtitle text-xs leading-5 text-black-71">
Revolutionize your customer service experience with conversational support
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/use-cases/verification-security/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Verification
</div>
<div class="s-menu-item__subtitle text-xs leading-5 text-black-71">
Secure your business from cyberthreats with easy all-in-one verifications
</div>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="s-menu-main-item max-pfh:group-has-[:checked]/main-list:[&:not(:has(input[id^='menu-item']:checked))]:hidden group/main-menu-item pfh:relative pfh:flex pfh:items-center pfh:h-full pfh:mx-4 z-10 max-pfh:cursor-pointer max-pfh:border-blue-10 max-pfh:border-solid max-pfh:border-b leading-6 s-menu-main-item--new_simple">
<label
for="menu-item-1231"
class="group/label s-menu-main-item__label group/no-children">
<a
class="s-menu-main-item__link flex gap-4 items-center justify-between h-full w-full whitespace-nowrap z-10 text-lg text-black-200 pfh:text-[var(--desktop-menu-main-item-link)] pfh:hover:text-[var(--desktop-menu-main-item-hover)] pfh:focus:text-[var(--desktop-menu-main-item-hover)] pfh:px-2 max-pfh:group-[\/children]:pointer-events-none max-pfh:group-[\/no-children]:py-4 max-pfh:peer-checked/checkbox:group-[]/label:flex-row-reverse max-pfh:peer-checked/checkbox:group-[]/label:justify-end"
href="https://www.cm.com/pricing/">
Pricing
</a>
</label>
</li>
<li class="s-menu-main-item max-pfh:group-has-[:checked]/main-list:[&:not(:has(input[id^='menu-item']:checked))]:hidden group/main-menu-item pfh:relative pfh:flex pfh:items-center pfh:h-full pfh:mx-4 z-10 max-pfh:cursor-pointer max-pfh:border-blue-10 max-pfh:border-solid max-pfh:border-b leading-6 s-menu-main-item--new_two_column">
<input
id="menu-item-1234"
class="hidden peer/checkbox"
type="checkbox">
<label
for="menu-item-1234"
class="group/label s-menu-main-item__label s-menu-main-item__label--with-children group/children relative flex py-5 w-full peer-checked/checkbox:left-full peer-checked/checkbox:px-5">
<a
class="s-menu-main-item__link flex gap-4 items-center justify-between h-full w-full whitespace-nowrap z-10 text-lg text-black-200 pfh:text-[var(--desktop-menu-main-item-link)] pfh:hover:text-[var(--desktop-menu-main-item-hover)] pfh:focus:text-[var(--desktop-menu-main-item-hover)] pfh:px-2 max-pfh:group-[\/children]:pointer-events-none max-pfh:group-[\/no-children]:py-4 max-pfh:peer-checked/checkbox:group-[]/label:flex-row-reverse max-pfh:peer-checked/checkbox:group-[]/label:justify-end"
href="https://www.cm.com/about-cm/">
About Us
<div class="pfh:hidden h-8 w-8 rounded-full pointer-events-none bg-gradient-to-r from-blue-10 to-blue-5 peer-checked/checkbox:group-[]/label:rotate-180">
<div style="mask-image: url(https://www.cm.com/build/assets/next-e8f99df8.svg); mask-position: center; mask-repeat: no-repeat;" class="w-8 h-8 rounded-full bg-blue-100 rtl:rotate-180"></div>
</div>
</a>
</label>
<span class="s-menu-main-item__hover-trigger pfh:block pfh:absolute pfh:w-full pfh:h-full pfh:bg-transparent pfh:z-20 group-hover/main-menu-item:h-0 group-focus-within/main-menu-item:h-0"></span>
<span class="s-sub-menu--arrow absolute w-0 h-0 left-1/2 top-[calc(var(--platformheader-height)-2rem)] border-transparent border-[1rem] border-solid border-b-white -translate-x-1/2 z-20 opacity-0 transition-opacity duration-300 group-hover/main-menu-item:opacity-100 group-focus-within/main-menu-item:opacity-100"></span>
<div class="s-sub-menu max-pfh:peer-checked/checkbox:block s-sub-menu--new_two_column hidden relative px-5 pb-8 max-pfh:w-full max-pfh:left-full max-pfh:mt-2 max-pfh:mb-4 transition-all duration-300 pfh:grid pfh:absolute pfh:top-[var(--platformheader-height)] pfh:-left-4 rtl:pfh:left-auto rtl:pfh:right-0 pfh:pt-9 pfh:pb-5 pfh:px-9 pfh:rounded-xl pfh:bg-white pfh:z-10 pfh:opacity-0 pfh:invisible pfh:overflow-hidden pfh:pointer-events-none pfh:shadow-menu group-hover/main-menu-item:opacity-100 group-hover/main-menu-item:visible group-hover/main-menu-item:pointer-events-auto group-focus-within/main-menu-item:opacity-100 group-focus-within/main-menu-item:visible group-focus-within/main-menu-item:pointer-events-auto">
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--title">
<div class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Inspiration
</div>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/blog/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Blog
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/about-cm/our-customers/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Customer Stories
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/downloads/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Downloads
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/events/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Events
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/about-cm/our-story/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
The CM.com Story
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="s-menu-item s-menu-item--title">
<div class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Company
</div>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/about-cm/awards-recognitions/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Awards & Recognitions
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://jobs.cm.com"
target="_blank"
rel="noopener"
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Careers
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/investor-relations/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Investor Relations
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/partners/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Partners
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/press/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Press
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/environmental-social-governance/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Sustainability
</div>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="s-menu-main-item max-pfh:group-has-[:checked]/main-list:[&:not(:has(input[id^='menu-item']:checked))]:hidden group/main-menu-item pfh:relative pfh:flex pfh:items-center pfh:h-full pfh:mx-4 z-10 max-pfh:cursor-pointer max-pfh:border-blue-10 max-pfh:border-solid max-pfh:border-b leading-6 s-menu-main-item--new_two_column">
<input
id="menu-item-1237"
class="hidden peer/checkbox"
type="checkbox">
<label
for="menu-item-1237"
class="group/label s-menu-main-item__label s-menu-main-item__label--with-children group/children relative flex py-5 w-full peer-checked/checkbox:left-full peer-checked/checkbox:px-5">
<a
class="s-menu-main-item__link flex gap-4 items-center justify-between h-full w-full whitespace-nowrap z-10 text-lg text-black-200 pfh:text-[var(--desktop-menu-main-item-link)] pfh:hover:text-[var(--desktop-menu-main-item-hover)] pfh:focus:text-[var(--desktop-menu-main-item-hover)] pfh:px-2 max-pfh:group-[\/children]:pointer-events-none max-pfh:group-[\/no-children]:py-4 max-pfh:peer-checked/checkbox:group-[]/label:flex-row-reverse max-pfh:peer-checked/checkbox:group-[]/label:justify-end"
href="https://www.cm.com/support/">
Support
<div class="pfh:hidden h-8 w-8 rounded-full pointer-events-none bg-gradient-to-r from-blue-10 to-blue-5 peer-checked/checkbox:group-[]/label:rotate-180">
<div style="mask-image: url(https://www.cm.com/build/assets/next-e8f99df8.svg); mask-position: center; mask-repeat: no-repeat;" class="w-8 h-8 rounded-full bg-blue-100 rtl:rotate-180"></div>
</div>
</a>
</label>
<span class="s-menu-main-item__hover-trigger pfh:block pfh:absolute pfh:w-full pfh:h-full pfh:bg-transparent pfh:z-20 group-hover/main-menu-item:h-0 group-focus-within/main-menu-item:h-0"></span>
<span class="s-sub-menu--arrow absolute w-0 h-0 left-1/2 top-[calc(var(--platformheader-height)-2rem)] border-transparent border-[1rem] border-solid border-b-white -translate-x-1/2 z-20 opacity-0 transition-opacity duration-300 group-hover/main-menu-item:opacity-100 group-focus-within/main-menu-item:opacity-100"></span>
<div class="s-sub-menu max-pfh:peer-checked/checkbox:block s-sub-menu--new_two_column hidden relative px-5 pb-8 max-pfh:w-full max-pfh:left-full max-pfh:mt-2 max-pfh:mb-4 transition-all duration-300 pfh:grid pfh:absolute pfh:top-[var(--platformheader-height)] pfh:-left-4 rtl:pfh:left-auto rtl:pfh:right-0 pfh:pt-9 pfh:pb-5 pfh:px-9 pfh:rounded-xl pfh:bg-white pfh:z-10 pfh:opacity-0 pfh:invisible pfh:overflow-hidden pfh:pointer-events-none pfh:shadow-menu group-hover/main-menu-item:opacity-100 group-hover/main-menu-item:visible group-hover/main-menu-item:pointer-events-auto group-focus-within/main-menu-item:opacity-100 group-focus-within/main-menu-item:visible group-focus-within/main-menu-item:pointer-events-auto">
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--title">
<div class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
Resources
</div>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--">
<a
href="https://developers.cm.com/"
target="_blank"
rel="noopener"
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Developers
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/integrations/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Integrations & Plugins
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/trust-center/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Trust Center
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="s-menu-item s-menu-item--title">
<div class="s-menu-item__column-title block mb-4 font-heading text-black-71 text-xs font-semibold uppercase pfh:text-sm">
FAQ
</div>
<ul
class="s-menu-list s-menu-list--column flex flex-col gap-4 max-pfh:mb-12">
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/glossary/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Glossary
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://www.cm.com/knowledge-center/"
target="_self"
rel=""
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Knowledge Center
</div>
</div>
</a>
</li>
<li class="s-menu-item s-menu-item--">
<a
href="https://status.cm.com/"
target="_blank"
rel="noopener"
class="s-menu-item__link text-black-200 hover:text-blue-100">
<div class="s-menu-item__text-wrapper pfh:py-2">
<div class="s-menu-item__title font-heading">
Platform Status
</div>
</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</li>
<li class="relative flex justify-between mt-auto pt-8 pb-4 z-10 pfh:hidden">
<a href="https://www.cm.com/contact/?product=msc" class="s-button s-button--primary">Contact Sales</a>
<a href="https://login.cm.com/" class="track-login s-button bg-white !text-blue-110 leading-10 after:bg-blue-110">
Sign in
</a>
</li>
</ul>
<div class="s-menu__morse-wrapper pfh:hidden fixed right-0 bottom-0 -left-full h-64 w-full max-w-[var(--menu-mobile-max-width)] overflow-hidden transition-all duration-300 ease-in-out pointer-events-none rtl:-scale-x-100 rtl:left-0 rtl:-right-full after:absolute after:-bottom-60 after:-right-20 after:w-80 after:h-80 after:rounded-full after:bg-gradient-to-r after:from-blue-10 after:to-blue-5 peer-checked/menu-checkbox:group-[]/nav:left-0 rtl:peer-checked/menu-checkbox:group-[]/nav:right-0">
<svg
class="absolute bottom-0 right-0"
xmlns="http://www.w3.org/2000/svg"
width="275"
height="251">
<path
d="M320.8 105.94c-13.51 7.8-28.905 9.387-42.872 5.644-13.967-3.742-26.506-12.813-34.308-26.325-7.8-13.511-9.386-28.906-5.644-42.873C241.72 28.42 250.79 15.88 264.301 8.08l116.532-67.28c13.512-7.801 28.907-9.387 42.874-5.644 13.966 3.742 26.506 12.813 34.307 26.324 7.8 13.512 9.387 28.907 5.644 42.874-3.742 13.967-12.813 26.506-26.325 34.307ZM86.49 241.22c-13.513 7.8-28.907 9.387-42.874 5.644-13.967-3.742-26.506-12.813-34.307-26.325-7.801-13.511-9.387-28.906-5.645-42.873C7.407 163.7 16.477 151.16 29.99 143.36l116.532-67.28c13.512-7.801 28.907-9.387 42.874-5.644 13.967 3.742 26.506 12.813 34.307 26.324 7.8 13.512 9.387 28.907 5.644 42.874-3.742 13.967-12.813 26.506-26.325 34.307Zm421.036 13.258c-21.403 12.357-45.79 14.869-67.914 8.94-22.125-5.928-41.988-20.296-54.345-41.7-12.357-21.403-14.87-45.79-8.941-67.914 5.928-22.125 20.297-41.988 41.7-54.345L600.861-6.101c21.404-12.357 45.79-14.87 67.915-8.941 22.124 5.928 41.987 20.297 54.345 41.7 12.357 21.404 14.87 45.79 8.94 67.915-5.927 22.124-20.296 41.987-41.7 54.345Z"
stroke="#007FFF"
stroke-width="3"
fill="none"
fill-rule="evenodd"
stroke-opacity=".05" />
</svg>
</div>
</div>
<label for="cm-site-menu" class="s-menu__background-label peer-checked/menu-checkbox:group-[]/nav:absolute peer-checked/menu-checkbox:group-[]/nav:inset-0"></label>
</nav>
<div class="flex items-center ms-auto">
<label
class="relative isolate bg-white m-2 py-1.5 px-2 rounded-2xl cursor-pointer hover:shadow-md
group-data-[scrolled=true]/body:bg-gradient-to-r
group-data-[scrolled=true]/body:from-blue-10 group-data-[scrolled=true]/body:to-blue-5
group-data-[scrolled=true]/body:hover:from-blue-20 group-data-[scrolled=true]/body:hover:to-blue-5
hidden md:block
"
data-cmcom="country-selector-trigger"
for="region-selector">
<div class="flex items-center rtl:flex-row-reverse divide-x text-black-200 hover:text-blue-100">
<img
src="https://www.cm.com/build/assets/globe-89b9d67a.svg"
alt="language icon"
class="w-5 h-5 s-icon-svg s-icon-svg--hover-black-100 s-icon-svg--hover-parent">
<img
src="https://www.cm.com/build/assets/next-e8f99df8.svg"
alt=""
class="w-4 h-4 pl-2 ml-2 border-solid border-black-10 s-icon-svg box-content">
</div>
</label>
<div class="flex v-cloak--hidden">
<a href="https://www.cm.com/contact/?product=msc" class="!hidden xl:!block s-button s-button--secondary" data-cmcom="menu-contact-button">Contact Sales</a>
</div>
</div>
</div>
</div>
</header>
<div
id="app"
v-cloak>
<div class=" s-content">
<div class="grid gap-2 justify-items-end rtl:justify-items-start fixed top-[calc(var(--platformheader-height)+4.75rem)] right-10 z-[69]">
</div>
<section data-cmcom="hero-image" class="md:-mt-28 mb-10 md:mb-8">
<div class="text-blue-100/10 absolute pointer-events-none z-0 bottom-[-180px] transform translate-x-1/2 max-md:right-0 h-auto right-[calc(50%+200px)] rtl:transform-none rtl:w-screen rtl:left-0 rtl:right-auto rtl:flex rtl:justify-center md:bottom-[-290px] md:w-[1167px] md:h-[533px]">
<svg viewBox="0 0 1167 533" xmlns="http://www.w3.org/2000/svg">
<path d="M657.8527 256.5196c21.52317-12.4264 46.04554-14.95242 68.29371-8.99104 22.24818 5.96138 42.22217 20.41016 54.64858 41.93332 12.4264 21.52317 14.95242 46.04554 8.99103 68.29372-5.96138 22.24818-20.41015 42.22216-41.93332 54.64857l-184.84446 106.72c-21.52317 12.4264-46.04554 14.95242-68.29372 8.99104-22.24817-5.96138-42.22216-20.41016-54.64857-41.93333-12.4264-21.52316-14.95242-46.04553-8.99104-68.29371 5.96139-22.24818 20.41016-42.22217 41.93333-54.64857ZM362.02942 20.85866C395.9882 1.25255 434.67906-2.73294 469.78172 6.6728c35.10269 9.40573 66.6172 32.20269 86.22331 66.16146 19.60611 33.95878 23.5916 72.64963 14.18586 107.7523-9.40573 35.10269-32.20269 66.6172-66.16146 86.22331l-289.32177 167.04c-33.95878 19.6061-72.64963 23.5916-107.7523 14.18586-35.10269-9.40573-66.6172-32.2027-86.2233-66.16147-19.60612-33.95877-23.5916-72.64962-14.18587-107.7523 9.40574-35.10268 32.2027-66.6172 66.16147-86.2233Zm667.72923 20.94094c21.52317-12.4264 46.04554-14.95242 68.29371-8.99104 22.24818 5.96138 42.22217 20.41016 54.64858 41.93332 12.4264 21.52317 14.95241 46.04554 8.99103 68.29372-5.96138 22.24818-20.41015 42.22216-41.93332 54.64857l-184.84446 106.72c-21.52317 12.4264-46.04554 14.95242-68.29372 8.99104-22.24817-5.96138-42.22216-20.41016-54.64857-41.93333-12.4264-21.52316-14.95242-46.04553-8.99104-68.29371 5.96138-22.24818 20.41016-42.22216 41.93333-54.64857Z" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/>
</svg>
</div>
<div class="flex pt-8 max-md:hero-clip-path max-md:bg-gradient-to-t max-md:from-blue-10 max-md:to-blue-5 md:bg-transparent md:pt-0 ">
<div class="grid-container">
<div class="col-span-12 md:col-span-7 lg:col-span-6 rtl:md:col-start-6 rtl:lg:col-start-7 flex flex-col justify-end mb-8 z-10 md:min-h-[600px] md:mb-20">
<div class="flex items-end mb-4">
<div class="me-4">
<img src="https://www.cm.com/cdn/web/icon/customer-contact.svg" alt="customer contact icon" class="block max-h-14 object-contain object-left">
</div>
<div class="text-blue-200 text-lg md:text-xl mb-1">Customer Contact</div>
</div>
<h1 class="mb-2 text-purple-120 text-heading-base md:text-heading-xl" style="text-wrap: balance;">
The Right Software for All Your Customer Contact
</h1>
<h2 class="font-sans font-normal mb-6 text-black-200 text-lg md:text-heading-sm">
Deliver exceptional customer service in real-time on all channels with easy-to-use software solutions for contact centers.
</h2>
<div>
<a href="#cef1e61a" class="s-button s-button--primary mb-2">Contact Sales</a>
</div>
</div>
<div class="col-span-12 md:col-span-5 lg:col-span-6 relative flex justify-end items-end self-end -mt-4 mb-0 z-0 ">
<div class="flex overflow-hidden md:items-end md:justify-center md:absolute md:bottom-0 md:h-[800px] md:w-[800px] md:-right-10 lg:-right-3 md:rounded-[50%] md:bg-gradient-to-tr md:from-blue-20 md:from-0% md:to-blue-5 md:to-100% z-10 rtl:lg:-right-8 md:pl-[300px] lg:pl-[200px] rtl:md:pl-[380px] rtl:lg:pl-[200px]">
<img src="https://www.cm.com/cdn/web/hero/customer-contact-medium-hero.png" width="600" height="500" alt="customer contact medium hero" class="max-w-full h-auto" />
</div>
</div>
</div>
</div>
</section>
<section data-cmcom="breadcrumb" class="relative text-black-40 text-sm z-10">
<div class="grid-container">
<div class="flex flex-wrap items-center w-full col-span-12 pb-12 pe-4">
</div>
</div>
</section>
<section id="6c571f60" data-cmcom="use-cases" class="s-block overflow-hidden ">
<div class="grid-container">
<header class="mb-4 text-center col-span-12 md:col-start-2 md:col-span-10 lg:col-start-3 lg:col-span-8">
<h2>
Our Omni-Channel Customer Contact Solutions Help You To...
</h2>
</header>
<div class="col-span-12 flex flex-wrap gap-6 -mx-3 justify-center mb-6">
<div
class="text-center flex-basis-full sm:flex-basis-1/2 md:flex-basis-1/3"
data-cmcom="use-cases-item">
<i
data-mask="https://www.cm.com/build/assets/favorite-circle-70f4f021.svg"
class="inline-block w-12 h-12 my-2 mx-auto bg-gradient-to-tr from-blue-110 to-purple-110 s-image--lazyload"
style="mask-image: url(https://www.cm.com/build/assets/favorite-circle-70f4f021.svg); mask-size: contain;"></i>
<h3 class="s-title--h5">
Ensure Customer Satisfaction
</h3>
<div style="word-break: break-word;">
<p>Meet rising customer expectations, quickly answer questions and solve problems in one friendly conversation.</p>
</div>
</div>
<div
class="text-center flex-basis-full sm:flex-basis-1/2 md:flex-basis-1/3"
data-cmcom="use-cases-item">
<i
data-mask="https://www.cm.com/build/assets/group-add-0b5d6cde.svg"
class="inline-block w-12 h-12 my-2 mx-auto bg-gradient-to-tr from-blue-110 to-purple-110 s-image--lazyload"
style="mask-image: url(https://www.cm.com/build/assets/group-add-0b5d6cde.svg); mask-size: contain;"></i>
<h3 class="s-title--h5">
Boost Team Productivity
</h3>
<div style="word-break: break-word;">
<p>Empower your service team to handle a high volume of customer service conversations on every channel, in less time.</p>
</div>
</div>
<div
class="text-center flex-basis-full sm:flex-basis-1/2 md:flex-basis-1/3"
data-cmcom="use-cases-item">
<i
data-mask="https://www.cm.com/build/assets/refund-4b0307bb.svg"
class="inline-block w-12 h-12 my-2 mx-auto bg-gradient-to-tr from-blue-110 to-purple-110 s-image--lazyload"
style="mask-image: url(https://www.cm.com/build/assets/refund-4b0307bb.svg); mask-size: contain;"></i>
<h3 class="s-title--h5">
Increase Sales
</h3>
<div style="word-break: break-word;">
<p>Offer a pro-active service to customers early on in their journey and convert up to 10x your site average.</p>
</div>
</div>
</div>
</div>
</section>
<section
id="f7dca423" data-cmcom="text-media-large"
class="s-block">
<div class="grid-container">
<div class="col-span-12 md:col-span-8 md:order-last mb-6 self-center">
<div class="mx-auto" style="max-height: 547px; max-width: 808px;">
<a href="https://www.cm.com/mobile-service-cloud/" class=""><img
data-sizes="auto"
data-srcset="https://www.cm.com/cdn/web/en/large/engage-customers-mobile-service-cloud.png 550w"
alt="engage-customers-mobile-service-cloud"
width="808"
height="547"
class="s-image--lazyload m-auto rounded-lg"></a>
</div>
</div>
<div class="col-span-12 md:col-span-4 md:order-first mb-6 self-center">
<header>
<h2>
Communicate via All Channels in One Inbox
</h2>
</header>
<p>Interact with your customers on all channels via one Agent Inbox, or automate with a chatbot. Manage all conversations efficiently with <strong>Mobile Service Cloud</strong> and offer a five-star service.</p>
<a href="https://www.cm.com/mobile-service-cloud/" class="mt-6 s-button s-button--tertiary">Find Out More</a>
</div>
</div>
</section>
<section
id="180dd77c" data-cmcom="text-media-large"
class="s-block">
<div class="grid-container">
<div class="col-span-12 md:col-span-8 mb-6 self-center">
<div class="mx-auto" style="max-height: 565px; max-width: 808px;">
<a href="https://www.cm.com/voice/sip-trunk/" class=""><img
data-sizes="auto"
data-srcset="https://www.cm.com/cdn/web/en/large/sip-trunk-customer-contact.png 550w"
alt="sip-trunk-customer-contact"
width="808"
height="565"
class="s-image--lazyload m-auto rounded-lg"></a>
</div>
</div>
<div class="col-span-12 md:col-span-4 mb-6 self-center">
<header>
<h2>
Boost Your Call Center Efficiency & Quality
</h2>
</header>
<p>Set up your <strong>SIP Trunk</strong> in minutes and process large volumes of phone traffic, for both inbound and outbound calls. Manage and monitor all your calls and stay in full control with our easy-to-use app.</p>
<a href="https://www.cm.com/voice/sip-trunk/" class="mt-6 s-button s-button--tertiary">Find Out More</a>
</div>
</div>
</section>
<section
id="e8ce86d7" data-cmcom="text-media-large"
class="s-block">
<div class="grid-container">
<div class="col-span-12 md:col-span-8 md:order-last mb-6 self-center">
<div class="mx-auto" style="max-height: 547px; max-width: 808px;">
<a href="https://www.cm.com/conversational-ai-cloud/" class=""><img
data-sizes="auto"
data-srcset="https://www.cm.com/cdn/web/en/large/automate-customer-service-conversational-ai-cloud.png 550w"
alt="automate-customer-service-conversational-ai-cloud"
width="808"
height="547"
class="s-image--lazyload m-auto rounded-lg"></a>
</div>
</div>
<div class="col-span-12 md:col-span-4 md:order-first mb-6 self-center">
<header>
<h2>
Go Beyond Chatbots With Conversational AI
</h2>
</header>
<p>Easily build & launch your own intelligent, personalized conversational bot. Chatbot, voicebot, knowledge base, virtual agent, or fully conversational website, it's easy with <strong>Conversational AI Cloud</strong>.</p>
<a href="https://www.cm.com/conversational-ai-cloud/" class="mt-6 s-button s-button--tertiary">Find Out More</a>
</div>
</div>
</section>
<section id="1b9f3826" data-cmcom="logos" class="s-logos s-block">
<div class="grid-container">
<header class="col-span-12 text-center">
<h2 class="relative overflow-hidden mb-0">
<span class="inline-block relative text-lg uppercase before:absolute before:w-screen before:h-0.5 before:bg-black-10 before:right-full before:me-8 before:top-1/2 before:-translate-y-1/2 after:absolute after:w-screen after:h-0.5 after:bg-black-10 after:left-full after:ms-8 after:top-1/2 after:-translate-y-1/2">
Be Available on Any Channel...
</span>
</h2>
</header>
<div class="col-span-12 mb-6">
<div class="flex flex-wrap items-center justify-center pt-4 pb-6 border-b-2 border-solid border-black-10 min-h-[100px]">
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/whatsapp/" class="group"><img
src="https://www.cm.com/cdn/web/logo/whatsapp.svg"
alt="whatsapp"
width="49.854781558313"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/apple-messages-for-business/" class="group"><img
src="https://www.cm.com/cdn/web/logo/apple-messages-for-business.svg"
alt="apple business chat"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/viber/" class="group"><img
src="https://www.cm.com/cdn/web/logo/viber.svg"
alt="viber"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/facebook-messenger/" class="group"><img
src="https://www.cm.com/cdn/web/logo/facebook-messenger.svg"
alt="Facebook Messenger"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/instagram-messaging/" class="group"><img
src="https://www.cm.com/cdn/web/logo/instagram-logo.svg"
alt="instagram"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/telegram/" class="group"><img
src="https://www.cm.com/cdn/web/logo/telegram.svg"
alt="telegram"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/rcs/" class="group"><img
src="https://www.cm.com/cdn/web/icon/rcs-business-messaging-channel.svg"
alt="rcs"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<img
src="https://www.cm.com/cdn/web/icon/email-channel.svg"
alt="email"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" />
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<img
src="https://www.cm.com/cdn/web/icon/voice-channel.svg"
alt="voice"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" />
</div>
<div data-cmcom="logos-logo" class="p-2 md:p-3">
<a href="https://www.cm.com/sms/" class="group"><img
src="https://www.cm.com/cdn/web/logo/sms-channel.svg"
alt="sms"
width="50"
height="50"
loading="lazy"
class="max-w-[175px] max-h-full s-image--lazyload group-hover:grayscale transition-all duration-300" /></a>
</div>
</div>
</div>
</div>
</section>
<section id="6f6b6908" data-cmcom="product-suggestion" class="s-block">
<div class="grid-container">
<header class="mb-4 text-center col-span-12 md:col-start-2 md:col-span-10 lg:col-start-3 lg:col-span-8">
<h2>
...And Make Omnichannel The Standard
</h2>
</header>
<div class="col-span-12 xl:col-span-10 xl:col-start-2">
<div class="grid-row items-center mb-5">
<div class="col-span-8 col-start-3 sm:col-span-4 sm:col-start-1 md:col-span-3 mb-6">
<div class="mx-auto" style="max-height: 413px; max-width: 600px;">
<a href="https://www.cm.com/mobile-marketing-cloud/" class=""><img
data-sizes="auto"
data-srcset="https://www.cm.com/cdn/web/en/automated-marketing-messages.png 550w"
alt="Build Mobile Marketing Campaigns"
width="600"
height="413"
class="s-image--lazyload mx-auto rounded-lg"></a>
</div>
</div>
<div class="col-span-12 sm:col-span-8 md:col-span-9 mb-6">
<div class="md:ps-12 max-sm:text-center">
<h3 class="s-title--h4">
Build Mobile Marketing Campaigns
</h3>
<p>Set up complex, multi-channel communication steams that build lasting customer relationships. By using one platform for all your customer interactions on different mobile channels you can save time and be more efficient.</p>
<a href="https://www.cm.com/mobile-marketing-cloud/" class="s-button s-button--tertiary">Read more</a>
</div>
</div>
</div>
<div class="grid-row items-center mb-5">
<div class="col-span-8 col-start-3 sm:col-span-4 sm:col-start-1 md:col-span-3 mb-6">
<div class="mx-auto" style="max-height: 393px; max-width: 600px;">
<img
data-sizes="auto"
data-srcset="https://www.cm.com/cdn/web/en/marketing-rich-profiles.png 550w"
alt="Unlock Your Customer Data and Automate"
width="600"
height="393"
class="s-image--lazyload mx-auto rounded-lg">
</div>
</div>
<div class="col-span-12 sm:col-span-8 md:col-span-9 mb-6">
<div class="md:ps-12 max-sm:text-center">
<h3 class="s-title--h4">
Unlock Your Customer Data and Automate
</h3>
<p>Change the way you approach marketing and centralize your customer data within our Customer Data Platform. Connect multiple data sources into one unified customer profile and automate your campaigns with personal workflows.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="66f870cb" data-cmcom="title-banner" class="s-block text-center">
<div class="grid-container">
<header class="mb-4 col-span-12 md:col-start-3 md:col-span-8">
<h2>
Get Started With One or More Customer Contact Solutions
</h2>
<p>Let's arrange an introductory call to discuss how our customer contact solutions can enable your service, sales and marketing teams to have fast, personal conversations with your customers.</p>
</header>
</div>
</section>
<section
id="cef1e61a"
data-cmcom="form"
class="s-block hero-form">
<div class="grid-container md:gap-x-20 lg:gap-x-24">
<div class="col-span-12 sm:col-span-8 sm:col-start-3 md:col-span-6 md:col-start-4 mb-6">
<div class="rounded-lg p-5 md:p-10 bg-white shadow-cm text-center">
<div ref="formWrapper" style="min-height: 638px">
<s-form
autocomplete-url="https://www.cm.com/ajax/organization/autocomplete/"
button-text="Contact Us"
product="msc"
product-name="Mobile Service Cloud"
:fields-data="[{"name":"first_name","type":"text","label":"First Name","placeholder":"First name","value":"","hidden":false},{"name":"last_name","type":"text","label":"Last Name","placeholder":"Last name","value":"","hidden":false},{"name":"company_name","type":"company","label":"Company","placeholder":"Company name","value":"","hidden":false},{"name":"email","type":"text","label":"Email","placeholder":"[email protected]","value":"","hidden":false},{"name":"phone_number","type":"phone","label":"Phone Number","placeholder":"Phone number","value":"","hidden":false},{"name":"custom_1","type":"textarea","label":"Your message","placeholder":"","value":"","hidden":false}]"
:agreements="[{"name":"agreement_privacy","label":"I accept the <a target=\"_blank\" href=\"\/app\/legal\/privacy-statement\/\">Privacy Policy<\/a>","required":true},{"name":"agreement_custom_1","label":"I want to subscribe to CM.com's monthly newsletter","required":false}]"
form-hash="0277d3bd"
default-country="FI"
rules-url="https://www.cm.com/ajax/validation/rules/form/0277d3bd/"
:prefilled="false"
thank-you-text="<p>Thanks for your request. We will reach out to you as soon as possible.</p>"
:translation="{
"almost_there": "Almost there",
"block": {
"privacy_policy": {
"label": "I accept the {policy}",
"link_policy": "Privacy Policy"
}
},
"block_cta_value": "Contact Us Now",
"block_title": "Talk to Us",
"blog": {
"accept": "I accept to receive the monthly newsletter",
"email": {
"label": "Email",
"placeholder": "[email protected]"
},
"subscribe_btn": "Subscribe"
},
"defaults": {
"address_line1": {
"label": "Street + house number",
"placeholder": "Street + house number"
},
"address_line2": {
"label": "For the attention of",
"placeholder": "For the attention of"
},
"bank_holder": {
"label": "Bank Holder Name",
"placeholder": "Name of the holder of the bank account"
},
"bank_name": {
"label": "Bank Name",
"placeholder": "Name of your bank"
},
"bic": {
"label": "Bank Identification Code (BIC)",
"placeholder": "Your BIC"
},
"button": "Submit",
"city": {
"label": "City",
"placeholder": "City"
},
"company_name": {
"explanation": "explanation",
"label": "Company",
"not_listed": "My company is not listed here",
"placeholder": "Company name",
"search_text": "Start typing to search for your company name",
"searching_text": "Searching"
},
"country": {
"label": "Country",
"placeholder": "Country"
},
"dropdown": {
"placeholder": "Select option"
},
"email": {
"additional": "Please use your business email address",
"label": "Email",
"placeholder": "[email protected]"
},
"email_business": {
"label": "Business Email",
"placeholder": "Business Email"
},
"first_name": {
"label": "First Name",
"placeholder": "First name"
},
"help_message": {
"label": "Message",
"placeholder": "How can we help you? We will be in touch."
},
"iban": {
"label": "International Bank Account Number (IBAN)",
"placeholder": "Your IBAN"
},
"industry": {
"label": "Industry",
"placeholder": "Industry"
},
"job_title": {
"label": "Job Title",
"placeholder": "Customer Service, Development, Marketing & Sales"
},
"key_industry": {
"label": "What industry is your company operating in?",
"placeholder": "Select your companies industry"
},
"key_product": {
"label": "What product are you interested in?",
"placeholder": "Select your product of interest"
},
"last_name": {
"label": "Last Name",
"placeholder": "Last name"
},
"mobile_phone_number": {
"explanation": "explanation",
"label": "Mobile Phone Number",
"placeholder": "Mobile phone number"
},
"name": {
"label": "Name"
},
"otp": {
"explanation": "explanation",
"label": "One Time Password"
},
"phone_number": {
"label": "Phone Number",
"placeholder": "Phone number"
},
"privacy_policy": {
"label": "I accept the {policy}",
"policy": "Privacy Policy"
},
"product": {
"label": "Product",
"no_results": "No results found.",
"placeholder": "What product are you interested in?"
},
"salutation": {
"label": "Salutation",
"placeholder": "Salutation"
},
"street_address": {
"label": "Street Address",
"placeholder": "Street address"
},
"sub_area_1": {
"label": "Sub-area line 1",
"placeholder": "Sub-area line 1"
},
"sub_area_2": {
"label": "Sub-area line 2",
"placeholder": "Sub-area line 2"
},
"terms": {
"privacy": {
"label": "I accept the {terms} and {policy}"
}
},
"terms_policy": {
"policy": "Terms and Conditions"
},
"thank-you": "<p>Thank you for subscribing!</p>",
"zip_code": {
"label": "Zip Code",
"placeholder": "Zip code"
}
},
"hang_in_there": "Hang in there",
"logged_in_title": "Hey {name}!",
"option": {
"key_industry": {
"industry_charities": "Charities",
"industry_financial_services": "Financial Services",
"industry_government_education": "Government & Education",
"industry_healthcare": "Healthcare",
"industry_leisure_travel": "Leisure & Travel",
"industry_logistics_transport": "Logistics & Transport",
"industry_professional_services": "Professional Services",
"industry_retaile_commerce": "Retail & E-commerce",
"industry_technology_media": "Technology & Media",
"industry_utilities_telco": "Utility & Telecommunications",
"no_key_industry": "Other"
},
"key_product": {
"caic": "Conversational AI Cloud",
"channels": "Other Channels",
"halo": "HALO",
"mmc": "Mobile Marketing Cloud",
"msc": "Mobile Service Cloud",
"other": "Other",
"otp": "One Time Password",
"payments": "Payments",
"sign": "Sign",
"sms": "SMS",
"ticketing": "Ticketing",
"voice": "Voice",
"whatsapp": "WhatsApp"
}
},
"prefilled": "This form is prefilled using your CM.com profile",
"preparing_account": "Preparing your account",
"product": {
"groups": {
"communication_channels": "Communications Platform",
"other_products": "Other Products",
"payments": "Payments Platform",
"solutions": "Software as a Service"
}
},
"register": {
"call_otp": "Resend",
"company": {
"label": "Company",
"placeholder": "Company name"
},
"contact_support": "Contact Support",
"contact_support_question": "While registering on the CM.com platform I received the following error code: {error}.",
"continue": "Continue",
"email": {
"change": "<a href=\"{url}\">change</a>",
"resend_otp": "resend",
"resend_otp_text": "Didn't receive an email? Please check your spam or click 'Resend'.",
"verify_description": "Hi {name},<br>Please enter the code from the mail we have sent to the following address<br><br>{email}",
"verify_title": "You've Got Mail."
},
"error_body": "Please try again. If you keep seeing this, click “Contact Support”, then our support team will help you.",
"error_code": "Error code:",
"error_title": "Unable to Process Your Request",
"has_account": "Already have an account?",
"logged_in_body": "It seems you already have a CM.com platform account. You will be automatically redirected to the <a href=\"{redirectToUrl}\" rel=\"noopener\">{redirectTo}</a> in a few seconds.",
"logged_in_body_to_app": "the {app} App",
"logged_in_body_to_platform": "CM.com Platform",
"phone": {
"popover": "We will send a One Time Password to verify this mobile phone number.<br>You can change this number at any time in your CM.com account settings.",
"resend_otp_text": "Didn’t receive the password? Click 'Resend'",
"send_voice_otp": "We'll send you the password via a voice call"
},
"reseller": {
"thanks_body_to": "'get started' page"
},
"resend_otp": "Resend",
"send_otp": "Send",
"sending_otp": "Sending",
"sign_in": "Log In",
"thanks_body": "You have successfully created an account on the CM.com platform. You will automatically be redirected to the <a href=\"{redirectToUrl}\" rel=\"noopener\">{redirectTo}</a> in a few seconds.",
"thanks_body_to_app": "{app} App",
"thanks_body_to_platform": "CM.com platform",
"thanks_title": "Thank You",
"title": "Discover the Possibilities of the CM.com Platform for Your Business",
"title_app": "Get started with {app}",
"try_again": "Try again",
"verify_description": "Enter your mobile phone number to receive your six-digit<br>One Time Password",
"verify_otp": "Verify",
"verify_title": "Verify Mobile Phone Number"
},
"sending": "One moment please...",
"submit_failed": "Something went wrong, please try again.",
"technical_issue": "We ran into an issue loading the form. Please try again"
}"
title="Contact Our Sales Team"
url="https://www.cm.com/ajax/form/0277d3bd/"
validation-url="https://www.cm.com/ajax/validation/form/0277d3bd/">
</s-form>
</div>
</div>
</div>
</div>
</section>
<section id="3b8644e1" class="s-block">
<div class="grid-container">
<div class="col-span-12 mb-6">
<h2>
Latest Articles
</h2>
<s-carousel-wrapper
:show-navigation="true"
:show-pagination="true"
class="s-article__carousel -mx-3 !text-left v-cloak--hidden">
<s-carousel-slide key="article-28556">
<a
href="https://www.cm.com/blog/debt-collectors-rcs/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/successful-debt-collection-with-consumer-friendly-upgraded-sms.jpg" alt="Successful Debt Collection With Consumer-Friendly Upgraded SMS" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Apr 24, 2025 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Successful Debt Collection With Consumer-Friendly Upgraded SMS</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">Debt collection can be a tough industry. Outstanding, late, or unpaid debts are tricky to manage and solve, and strict (security) regulations make the work complicated. On top of that, the industry has a reputation problem - many consumers see debt collectors as aggressive or unapproachable. But how does one make debt collection more efficient, more transparent, and more consumer-friendly?</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-28567">
<a
href="https://www.cm.com/blog/chatting-with-the-near-future-about-ai/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/blog-interview-halo-customer-service.jpg" alt="blog-interview-halo-customer-service" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Mar 20, 2025 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Chatting with the Near Future: AI's New Role in the Customer Experience</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">AI innovations in customer service are emerging more rapidly than ever before, especially with the latest addition of Agentic AI and it’s AI Agents. We spoke with Roel Jansen, our Head of Commerce of our Engagement Platform, on how these AI advancements are transforming customer interactions and enhancing the experience. With Roel's expertise and vision, discover the future of customer service and what it means for businesses today. Whether you're an AI enthusiast or just curious about the future, you won't want to miss these engaging insights!</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-28399">
<a
href="https://www.cm.com/blog/contact-page-improvements/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/live-blog-customerserviceintheleisure-image.jpg" alt="Live 5 ways to optimize customer service in leisure" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Feb 14, 2025 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Make Your Contact Page Irresistible: 8 Essential Tips for Improved Customer Service</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">Your contact page is the ultimate business card for your customer service and provides a direct connection to your customer service team. It's a crucial part of the customer experience where you have the chance to significantly enhance the experience right away! To make this happen, the page needs to be well-designed. In this blog, you'll discover 8 steps you can take to make your contact page irresistible!</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-28441">
<a
href="https://www.cm.com/blog/agentic-ai-agents/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/halo.jpg" alt="halo" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Feb 06, 2025 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Agentic AI Agents: Helping You Get Things Done</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">Looking for a smart and capable employee that never sleeps? A little helper that can take over all your menial and repetitive tasks to make your life a little easier? One that will continuously learn and improve itself to keep assisting you the best it can? This may sound like a dream (and an unrealistic one at that), but it's much closer to reality than you might realize! Discover Agentic AI!</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-28126">
<a
href="https://www.cm.com/blog/enable-quick-decisions-during-black-friday/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/blackfriday-2024-blog-featured-global.jpg" alt="blackfriday-2024-blog-featured-global" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Oct 14, 2024 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">The Art of Simplicity: Helping Your Customers Make Quick Decisions This Black Friday</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">Black Friday 2024 is just around the corner, bringing with it a great opportunity for retailers to maximize their sales. However, standing out in such a competitive event isn’t easy. Consumers expect attractive offers, fast deliveries, and top-notch customer support. In this article, we’ll show you how to simplify the purchasing process during Black Friday, optimizing everything from promotions to logistics and 24/7 customer service. Discover the best strategies to ensure a seamless experience and increase customer loyalty. Don’t fall behind this Black Friday!</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-27700">
<a
href="https://www.cm.com/blog/the-platform-effect/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/engage-platform-effect-customer-service.jpg" alt="engage-platform-effect-customer-service" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Apr 22, 2024 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Happy Clients, Happy Agents: the Platform Effect in Customer Service</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">As a member of the customer service team, you stand on the front lines of customer interaction every day. In a world where customers demand quick and personalized service, long wait times, impersonal responses, or worse, incorrect answers, can quickly drive a customer away. Your goal, however, is to connect customers with your organization and deliver the best answers and service possible. It’s incredibly satisfying to see a customer leave a conversation happier and eager to purchase your product. Your efforts can significantly enhance the customer experience, but you need the right tools to truly excel. Integrating these tools into a platform amplifies your capabilities and lets you experience the power of the platform effect.</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-27234">
<a
href="https://www.cm.com/blog/customer-engagement-technology/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/educational-blog-post.jpg" alt="digitalizacion-administracion-publica-y-educacion" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Dec 18, 2023 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Elevating Experiences: Customer Engagement Technology Trends in 2024</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">As we approach 2024, the ever-evolving landscape of technology continues to shape how customers connect, consume and communicate with businesses. Forrester even predicts customer experience (CX) will improve for the first time in three years, meaning 2024 will be a pivotal year for engagement with every touchpoint becoming a make-or-break opportunity in the customer journey.</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-26783">
<a
href="https://www.cm.com/blog/your-event-as-a-showstopper-7-future-proof-trends-to-jump-on/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/jouw-festival-als-eyecatcher.jpg" alt="Jouw festival als eyecatcher" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Aug 27, 2023 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Your event as a showstopper: 7 futureproof trends to jump on</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">In the overcrowded event industry, it's getting tougher to keep your ticket sales going strong. The competition is huge, and everyone's targeting the same audiences. Chances are that a festival with empty lineups and expensive tickets won't survive five years from now. Invest in your brand, innovate, and stand out – that's the only way to build a solid foundation for the future. We've got 7 trends for you to hop onto and make sure you're ready for what's to come.</p>
</div>
</div>
</a>
</s-carousel-slide>
<s-carousel-slide key="article-8155">
<a
href="https://www.cm.com/blog/customer-service-kpis/"
data-cmcom="article-teaser"
class="inline-flex w-full h-full sm:[&.highlighted-article]:min-h-[360px] rounded-lg border-solid border-2 border-black-10 [&.teaser]:border-blue-5 overflow-hidden duration-200 rtl:text-right hover:shadow-lg hover:scale-105 ">
<div class="flex flex-col relative w-full h-full bg-white overflow-hidden">
<div
class="relative block flex-shrink-0 w-full h-52 sm:[.highlighted-article_&]:h-full sm:[.highlighted-article_&]:after:absolute sm:[.highlighted-article_&]:after:inset-0 sm:[.highlighted-article_&]:after:bg-gradient-to-t sm:[.highlighted-article_&]:after:from-black/80 sm:[.highlighted-article_&]:after:to-transparent sm:[.highlighted-article_&]:after:to-80%"
>
<img data-src="https://www.cm.com/cdn/web/en/blog/featured/customer-service-kpis.jpg" alt="customer-service-kpis" class="s-image--lazyload block object-cover w-full h-full" />
</div>
<div class="h-full max-h-[290px] p-6 sm:[.highlighted-article_&]:absolute sm:[.highlighted-article_&]:bottom-0 sm:[.highlighted-article_&]:h-auto sm:[.highlighted-article_&]:max-h-none sm:[.highlighted-article_&]:drop-shadow">
<div class="text-sm">
<span class="text-black-100 sm:[.highlighted-article_&]:text-white">Aug 22, 2023 • </span>
<span
class="text-green-100 font-medium uppercase"
style="color:#4A2FEB;">
Customer Experience
</span>
</div>
<h4 class="s-title--h5 mt-2 text-purple-120 sm:[.highlighted-article_&]:text-white sm:[.highlighted-article_&]:mt-2 sm:[.highlighted-article_&]:mb-4 sm:[.highlighted-article_&]:text-3xl">Measurable Success: 8 Customer Service KPIs That Matter To Your Business</h4>
<p class="line-clamp-3 text-black-100 sm:[.highlighted-article_&]:text-white">Great customer service results in a positive customer experience. The impression your customers have, affects how they see you as a brand. Ultimately, this impacts business performance and revenue. No wonder you want to improve your customer service. To make an impact on your business, you need to generate data and insights from your customers and your customer service team. What are the actual customer needs and preferences? And how is the team currently performing?</p>
</div>
</div>
</a>
</s-carousel-slide>
</s-carousel-wrapper>
</div>
</div>
</section>
<section
id="newsletter-signup"
class="s-newsletter-signup pt-8 max-md:pb-8 xl:mb-8 peer-[.s-article]/article:bg-blue-10">
<div class="grid-container">
<div class="grid-row">
<div class="col-span-12">
<h3 class="text-[var(--header-color)] text-center mb-4">Newsletter Signup</h3>
</div>
</div>
<div class="grid-row">
<div class="col-span-12 sm:col-span-8 sm:col-start-3 md:col-start-4 md:col-span-6 lg:col-start-5 lg:col-span-4">
<div ref="newsletterFormWrapper" style="min-height: 116px">
<s-form
autocomplete-url="https://www.cm.com/ajax/organization/autocomplete/"
button-text="Submit"
product="msc"
product-name="Mobile Service Cloud"
:fields-data="[{"name":"email","type":"text","label":"Email","placeholder":"[email protected]","value":"","hidden":false}]"
:agreements="[{"name":"agreement_privacy","label":"I accept the <a target=\"_blank\" href=\"\/app\/legal\/privacy-statement\/\">Privacy Policy<\/a>","required":true}]"
form-hash="7030fa03"
default-country="FI"
rules-url="https://www.cm.com/ajax/validation/rules/form/7030fa03/"
:prefilled="false"
thank-you-text="<p style="text-align: undefined; padding-left: 0px">Thank you for subscribing!</p>"
:translation="{
"almost_there": "Almost there",
"block": {
"privacy_policy": {
"label": "I accept the {policy}",
"link_policy": "Privacy Policy"
}
},
"block_cta_value": "Contact Us Now",
"block_title": "Talk to Us",
"blog": {
"accept": "I accept to receive the monthly newsletter",
"email": {
"label": "Email",
"placeholder": "[email protected]"
},
"subscribe_btn": "Subscribe"
},
"defaults": {
"address_line1": {
"label": "Street + house number",
"placeholder": "Street + house number"
},
"address_line2": {
"label": "For the attention of",
"placeholder": "For the attention of"
},
"bank_holder": {
"label": "Bank Holder Name",
"placeholder": "Name of the holder of the bank account"
},
"bank_name": {
"label": "Bank Name",
"placeholder": "Name of your bank"
},
"bic": {
"label": "Bank Identification Code (BIC)",
"placeholder": "Your BIC"
},
"button": "Submit",
"city": {
"label": "City",
"placeholder": "City"
},
"company_name": {
"explanation": "explanation",
"label": "Company",
"not_listed": "My company is not listed here",
"placeholder": "Company name",
"search_text": "Start typing to search for your company name",
"searching_text": "Searching"
},
"country": {
"label": "Country",
"placeholder": "Country"
},
"dropdown": {
"placeholder": "Select option"
},
"email": {
"additional": "Please use your business email address",
"label": "Email",
"placeholder": "[email protected]"
},
"email_business": {
"label": "Business Email",
"placeholder": "Business Email"
},
"first_name": {
"label": "First Name",
"placeholder": "First name"
},
"help_message": {
"label": "Message",
"placeholder": "How can we help you? We will be in touch."
},
"iban": {
"label": "International Bank Account Number (IBAN)",
"placeholder": "Your IBAN"
},
"industry": {
"label": "Industry",
"placeholder": "Industry"
},
"job_title": {
"label": "Job Title",
"placeholder": "Customer Service, Development, Marketing & Sales"
},
"key_industry": {
"label": "What industry is your company operating in?",
"placeholder": "Select your companies industry"
},
"key_product": {
"label": "What product are you interested in?",
"placeholder": "Select your product of interest"
},
"last_name": {
"label": "Last Name",
"placeholder": "Last name"
},
"mobile_phone_number": {
"explanation": "explanation",
"label": "Mobile Phone Number",
"placeholder": "Mobile phone number"
},
"name": {
"label": "Name"
},
"otp": {
"explanation": "explanation",
"label": "One Time Password"
},
"phone_number": {
"label": "Phone Number",
"placeholder": "Phone number"
},
"privacy_policy": {
"label": "I accept the {policy}",
"policy": "Privacy Policy"
},
"product": {
"label": "Product",
"no_results": "No results found.",
"placeholder": "What product are you interested in?"
},
"salutation": {
"label": "Salutation",
"placeholder": "Salutation"
},
"street_address": {
"label": "Street Address",
"placeholder": "Street address"
},
"sub_area_1": {
"label": "Sub-area line 1",
"placeholder": "Sub-area line 1"
},
"sub_area_2": {
"label": "Sub-area line 2",
"placeholder": "Sub-area line 2"
},
"terms": {
"privacy": {
"label": "I accept the {terms} and {policy}"
}
},
"terms_policy": {
"policy": "Terms and Conditions"
},
"thank-you": "<p>Thank you for subscribing!</p>",
"zip_code": {
"label": "Zip Code",
"placeholder": "Zip code"
}
},
"hang_in_there": "Hang in there",
"logged_in_title": "Hey {name}!",
"option": {
"key_industry": {
"industry_charities": "Charities",
"industry_financial_services": "Financial Services",
"industry_government_education": "Government & Education",
"industry_healthcare": "Healthcare",
"industry_leisure_travel": "Leisure & Travel",
"industry_logistics_transport": "Logistics & Transport",
"industry_professional_services": "Professional Services",
"industry_retaile_commerce": "Retail & E-commerce",
"industry_technology_media": "Technology & Media",
"industry_utilities_telco": "Utility & Telecommunications",
"no_key_industry": "Other"
},
"key_product": {
"caic": "Conversational AI Cloud",
"channels": "Other Channels",
"halo": "HALO",
"mmc": "Mobile Marketing Cloud",
"msc": "Mobile Service Cloud",
"other": "Other",
"otp": "One Time Password",
"payments": "Payments",
"sign": "Sign",
"sms": "SMS",
"ticketing": "Ticketing",
"voice": "Voice",
"whatsapp": "WhatsApp"
}
},
"prefilled": "This form is prefilled using your CM.com profile",
"preparing_account": "Preparing your account",
"product": {
"groups": {
"communication_channels": "Communications Platform",
"other_products": "Other Products",
"payments": "Payments Platform",
"solutions": "Software as a Service"
}
},
"register": {
"call_otp": "Resend",
"company": {
"label": "Company",
"placeholder": "Company name"
},
"contact_support": "Contact Support",
"contact_support_question": "While registering on the CM.com platform I received the following error code: {error}.",
"continue": "Continue",
"email": {
"change": "<a href=\"{url}\">change</a>",
"resend_otp": "resend",
"resend_otp_text": "Didn't receive an email? Please check your spam or click 'Resend'.",
"verify_description": "Hi {name},<br>Please enter the code from the mail we have sent to the following address<br><br>{email}",
"verify_title": "You've Got Mail."
},
"error_body": "Please try again. If you keep seeing this, click “Contact Support”, then our support team will help you.",
"error_code": "Error code:",
"error_title": "Unable to Process Your Request",
"has_account": "Already have an account?",
"logged_in_body": "It seems you already have a CM.com platform account. You will be automatically redirected to the <a href=\"{redirectToUrl}\" rel=\"noopener\">{redirectTo}</a> in a few seconds.",
"logged_in_body_to_app": "the {app} App",
"logged_in_body_to_platform": "CM.com Platform",
"phone": {
"popover": "We will send a One Time Password to verify this mobile phone number.<br>You can change this number at any time in your CM.com account settings.",
"resend_otp_text": "Didn’t receive the password? Click 'Resend'",
"send_voice_otp": "We'll send you the password via a voice call"
},
"reseller": {
"thanks_body_to": "'get started' page"
},
"resend_otp": "Resend",
"send_otp": "Send",
"sending_otp": "Sending",
"sign_in": "Log In",
"thanks_body": "You have successfully created an account on the CM.com platform. You will automatically be redirected to the <a href=\"{redirectToUrl}\" rel=\"noopener\">{redirectTo}</a> in a few seconds.",
"thanks_body_to_app": "{app} App",
"thanks_body_to_platform": "CM.com platform",
"thanks_title": "Thank You",
"title": "Discover the Possibilities of the CM.com Platform for Your Business",
"title_app": "Get started with {app}",
"try_again": "Try again",
"verify_description": "Enter your mobile phone number to receive your six-digit<br>One Time Password",
"verify_otp": "Verify",
"verify_title": "Verify Mobile Phone Number"
},
"sending": "One moment please...",
"submit_failed": "Something went wrong, please try again.",
"technical_issue": "We ran into an issue loading the form. Please try again"
}"
url="https://www.cm.com/ajax/form/7030fa03/"
validation-url="https://www.cm.com/ajax/validation/form/7030fa03/"
:newsletter-signup="true">
</s-form>
</div>
</div>
</div>
</div>
</section>
</div>
<section data-cmcom="footer" class="relative z-0 pt-[calc(var(--footer-offset-top)+5rem)] -mt-[var(--footer-offset-top)] pb-8 bg-gradient-to-tr from-purple-110 to-blue-110 overflow-hidden before:absolute before:inset-0 before:h-[var(--footer-offset-top)] before:bg-white xl:before:h-[calc(var(--footer-offset-top)-2rem)]">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 48.54" class="absolute text-[var(--background-last-block)] h-auto top-[var(--footer-offset-top)] xl:top-[calc(var(--footer-offset-top)-2rem)]">
<path d="M0 0a5344 5344 0 0 0 720 48.54A5344 5344 0 0 0 1440 0H0Z" fill="currentColor"/>
</svg>
<div class="relative grid-container max-md:max-w-full">
<div class="relative z-10 col-span-12 mb-10 flex items-center justify-end md:justify-between">
<ul data-cmcom="footer-main" class="hidden md:block">
<li class="inline-block me-12 last-of-type:me-0">
<a href="https://www.cm.com/about-cm/" class="font-heading text-lg text-white hover:text-white hover:underline">
About CM.com
</a>
</li>
<li class="inline-block me-12 last-of-type:me-0">
<a href="https://www.cm.com/blog/" class="font-heading text-lg text-white hover:text-white hover:underline">
Blog
</a>
</li>
<li class="inline-block me-12 last-of-type:me-0">
<a href="https://www.cm.com/pricing/" class="font-heading text-lg text-white hover:text-white hover:underline">
Pricing
</a>
</li>
<li class="inline-block me-12 last-of-type:me-0">
<a href="https://www.cm.com/contact/" class="font-heading text-lg text-white hover:text-white hover:underline">
Contact
</a>
</li>
</ul>
<label
class="flex items-center rtl:flex-row-reverse divide-x bg-black/20 hover:bg-white text-white hover:text-black-200 py-1.5 px-2 rounded-2xl cursor-pointer hover:shadow-md"
data-cmcom="country-selector-trigger"
for="region-selector">
<img
src="https://www.cm.com/build/assets/globe-89b9d67a.svg"
alt="language icon"
class="w-5 h-5 s-icon-svg s-icon-svg--white s-icon-svg--hover-black-100 s-icon-svg--hover-parent">
<div class="text-sm ml-2 font-medium">Global</div>
<img
src="https://www.cm.com/build/assets/next-e8f99df8.svg"
alt=""
class="w-4 h-4 pl-2 ml-2 border-solid border-black-100 s-icon-svg s-icon-svg--white s-icon-svg--hover-black-100 s-icon-svg--hover-parent box-content">
</label>
</div>
<div class="relative z-10 pb-16 col-span-12 max-md:hidden">
<div class="grid-row">
<div class="col-span-12 sm:col-span-2" data-cmcom="footer-pages">
<ul>
<li>
<a href="https://www.cm.com/voice/sip-trunk/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
SIP Trunking
</a>
</li>
<li>
<a href="https://www.cm.com/voice/voice-api/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Voice API
</a>
</li>
<li>
<a href="https://www.cm.com/payments/mobile-order/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Mobile Order
</a>
</li>
<li>
<a href="https://www.cm.com/payments/online-payments/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Online Payments
</a>
</li>
<li>
<a href="https://www.cm.com/payments/payment-links/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Payment Links
</a>
</li>
</ul>
</div>
<div class="col-span-12 sm:col-span-2" data-cmcom="footer-pages">
<ul>
<li>
<a href="https://www.cm.com/payments/payment-methods/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Payment Methods
</a>
</li>
<li>
<a href="https://www.cm.com/payments/pos-payments/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
POS Payments
</a>
</li>
<li>
<a href="https://www.cm.com/payments/qr-payments/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
QR Payments
</a>
</li>
<li>
<a href="https://www.cm.com/payments/recurring-payments/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Recurring Payments
</a>
</li>
<li>
<a href="https://www.cm.com/sms/sms-gateway-api/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
SMS Gateway API
</a>
</li>
</ul>
</div>
<div class="col-span-12 sm:col-span-2" data-cmcom="footer-pages">
<ul>
<li>
<a href="https://www.cm.com/ticketing/event-ticketing/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Event Ticketing
</a>
</li>
<li>
<a href="https://www.cm.com/ticketing/musea-parks/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Musea & Parks
</a>
</li>
<li>
<a href="https://www.cm.com/ticketing/seated-ticketing/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Seated Ticketing
</a>
</li>
<li>
<a href="https://www.cm.com/business-messaging-api/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Business Messaging API
</a>
</li>
<li>
<a href="https://www.cm.com/cash-register/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Cash Register
</a>
</li>
</ul>
</div>
<div class="col-span-12 sm:col-span-2" data-cmcom="footer-pages">
<ul>
<li>
<a href="https://www.cm.com/chatbot/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Chatbot
</a>
</li>
<li>
<a href="https://www.cm.com/connectivity-platform/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Connectivity Platform
</a>
</li>
<li>
<a href="https://www.cm.com/conversational-channels/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Conversational Channels
</a>
</li>
<li>
<a href="https://www.cm.com/customer-data-platform/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Customer Data Platform
</a>
</li>
<li>
<a href="https://www.cm.com/email-campaigns/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Email Campaigns
</a>
</li>
</ul>
</div>
<div class="col-span-12 sm:col-span-2" data-cmcom="footer-pages">
<ul>
<li>
<a href="https://www.cm.com/event-app/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Event & Festival App
</a>
</li>
<li>
<a href="https://www.cm.com/halo/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
HALO
</a>
</li>
<li>
<a href="https://www.cm.com/mobile-marketing-cloud/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Mobile Marketing Cloud
</a>
</li>
<li>
<a href="https://www.cm.com/mobile-service-cloud/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Mobile Service Cloud
</a>
</li>
</ul>
</div>
<div class="col-span-12 sm:col-span-2" data-cmcom="footer-pages">
<ul>
<li>
<a href="https://www.cm.com/one-time-password/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
One Time Password API
</a>
</li>
<li>
<a href="https://www.cm.com/payments/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Payments Platform
</a>
</li>
<li>
<a href="https://www.cm.com/sign/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Sign
</a>
</li>
<li>
<a href="https://www.cm.com/ticketing/" class="inline-block py-1 text-sm leading-6 text-white hover:text-white hover:underline">
Ticketing
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="relative z-10 col-span-12 flex justify-between">
<div class="flex pb-2 flex-col md:flex-row md:items-center">
<a href="/" data-cmcom="footer-logo" >
<img src="https://www.cm.com/build/assets/cm-logo-horizontal-inverted-73d6497e.svg" alt="CM.com logo" height="68" width="180" class="me-4 mt-1">
</a>
</div>
</div>
<div class="relative z-10 col-span-12 flex flex-col justify-between md:flex-row md:items-center">
<ul data-cmcom="footer-policy" class="relative grid grid-cols-2 sm:grid-cols-3 md:flex md:flex-wrap gap-x-4 sm:gap-x-6 md:gap-4 my-6 md:divide-x rtl:md:divide-x-reverse md:divide-solid md:divide-blue-10 max-md:before:absolute max-md:before:left-1/2 max-md:sm:before:left-[32%] max-md:before:w-px max-md:before:bg-white max-md:before:top-0 max-md:before:bottom-0 max-md:sm:after:absolute max-md:sm:after:left-2/3 max-md:sm:after:w-px max-md:sm:after:bg-white max-md:sm:after:top-0 max-md:sm:after:bottom-0">
<li class="text-sm max-md:p-2">
<a class="text-white hover:text-white hover:underline" target="_blank" rel="noopener" href="https://www.cm.com/app/legal/miscellaneous/privacy-statement/">
Privacy Statement
</a>
</li>
<li class="text-sm max-md:p-2 md:ps-4">
<a class="text-white hover:text-white hover:underline" target="_blank" rel="noopener" href="https://www.cm.com/app/legal/cmcom-terms-and-conditions/">
Terms and conditions
</a>
</li>
<li class="text-sm max-md:p-2 md:ps-4">
<a class="text-white hover:text-white hover:underline" href="https://www.cm.com/about-cm/cookie-policy/">
Cookie Policy
</a>
</li>
<li class="text-sm max-md:p-2 md:ps-4">
<a class="text-white hover:text-white hover:underline" href="https://www.cm.com/sitemap/">
Sitemap
</a>
</li>
<li class="text-sm max-md:p-2 md:ps-4">
<a class="text-white hover:text-white hover:underline" href="https://www.cm.com/investor-relations/">
Investor Relations
</a>
</li>
</ul>
<div class="flex items-center justify-between w-full md:w-min">
<div data-cmcom="footer-social" class="inline-flex items-center justify-center h-10 rounded-[20px] px-1 bg-[var(--footer-button-color)] divide-x divide-solid divide-black-10 rtl:divide-x-reverse">
<a
href="https://github.com/cmdotcom"
title="Follow us on GitHub for code examples, libraries and more"
target="_blank"
rel="noopener"
class="flex items-center justify-center w-8 h-6 px-1 box-content">
<img
data-src="https://www.cm.com/build/assets/logo-github-b7e8b5ae.svg"
alt="f github icon"
class="s-icon-svg s-image--lazyload w-5 h-5 invert"
height="20"
width="20">
</a>
<a
href="https://www.instagram.com/cmdotcom"
title="Follow us on Instagram"
target="_blank"
rel="noopener"
class="flex items-center justify-center w-8 h-6 px-1 box-content">
<img
data-src="https://www.cm.com/build/assets/logo-instagram-5b4cded5.svg"
alt="image.icon.alt.f-instagram"
class="s-icon-svg s-image--lazyload w-5 h-5 invert"
height="20"
width="20">
</a>
<a
href="https://www.linkedin.com/company/cmcom"
title="Follow us on LinkedIn for articles, cases and more"
target="_blank"
rel="noopener"
class="flex items-center justify-center w-8 h-6 px-1 box-content">
<img
data-src="https://www.cm.com/build/assets/logo-linkedin-41af4ff9.svg"
alt="f linkedin icon"
class="s-icon-svg s-image--lazyload w-5 h-5 invert"
height="20"
width="20">
</a>
<a
href="https://www.cm.com/feed/"
title="RSS feed"
target="_blank"
rel="noopener"
class="flex items-center justify-center w-8 h-6 px-1 box-content">
<img
data-src="https://www.cm.com/build/assets/logo-rss-661b3164.svg"
alt="image.icon.alt.f-rss"
class="s-icon-svg s-image--lazyload w-5 h-5 invert"
height="20"
width="20">
</a>
<a
href="https://www.youtube.com/user/cmtelecomtv"
title="Follow us on YouTube for interviews, product updates and more"
target="_blank"
rel="noopener"
class="flex items-center justify-center w-8 h-6 px-1 box-content">
<img
data-src="https://www.cm.com/build/assets/logo-youtube-5fe76df8.svg"
alt="f youtube icon"
class="s-icon-svg s-image--lazyload w-5 h-5 invert"
height="20"
width="20">
</a>
</div>
<div class="inline-flex items-center">
</div>
</div>
</div>
<svg class="md:hidden absolute h-auto w-[943px] top-[-256px] left-[-250px] sm:w-[1400px] sm:top-[-346px] sm:left-[-400px]" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="943px" height="620px" viewBox="0 0 943 620" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="text-white/10" d="M530.690926,414.171247 C542.150834,434.020391 535.350016,459.401393 515.500872,470.861302 L432.119946,519.001302 C425.76822,522.668472 418.850031,524.465744 412.002815,524.563918 L411.361116,524.568149 C397.035348,524.551707 383.10803,517.110174 375.429892,503.811247 C363.969983,483.962103 370.770802,458.581102 390.619946,447.121193 L474.000872,398.981193 C480.352598,395.314022 487.270786,393.51675 494.118002,393.418576 L494.759701,393.414345 C509.08547,393.430788 523.012787,400.872321 530.690926,414.171247 Z M476.054821,401.265402 L475.500872,401.579269 L392.119946,449.719269 C373.70568,460.350751 367.396486,483.896981 378.027968,502.311247 C388.553134,520.541371 411.736047,526.907312 430.065996,516.717092 L430.619946,516.403225 L514.000872,468.263225 C532.415138,457.631744 538.724331,434.085513 528.09285,415.671247 C517.672935,397.623425 494.847163,391.203687 476.606158,400.964658 L476.054821,401.265402 Z M703.272468,314.531247 C714.732377,334.380391 707.931558,359.761393 688.082414,371.221302 L604.701488,419.361302 C598.349762,423.028472 591.431574,424.825744 584.584358,424.923918 L583.942659,424.928149 C569.61689,424.911707 555.689573,417.470174 548.011434,404.171247 C536.551525,384.322103 543.352344,358.941102 563.201488,347.481193 L646.582414,299.341193 C652.93414,295.674022 659.852328,293.87675 666.699545,293.778576 L667.341244,293.774345 C681.667012,293.790788 695.59433,301.232321 703.272468,314.531247 Z M648.636364,301.625402 L648.082414,301.939269 L564.701488,350.079269 C546.287222,360.710751 539.978029,384.256981 550.60951,402.671247 C561.134677,420.901371 584.317589,427.267312 602.647539,417.077092 L603.201488,416.763225 L686.582414,368.623225 C704.99668,357.991744 711.305874,334.445513 700.674392,316.031247 C690.254477,297.983425 667.428706,291.563687 649.187701,301.324658 L648.636364,301.625402 Z M582.71937,232.288967 C598.735503,260.029723 589.230818,295.50169 561.490063,311.517822 C552.613021,316.642985 542.944303,319.154816 533.374774,319.292021 L532.477949,319.297935 C512.456549,319.274955 492.992017,308.874821 482.261208,290.288515 C466.245075,262.547759 475.74976,227.075792 503.490515,211.05966 C512.367557,205.934497 522.036275,203.422666 531.605804,203.285461 L532.502629,203.279547 C552.524029,203.302527 571.988561,213.702661 582.71937,232.288967 Z M504.990515,213.657736 C478.684638,228.845441 469.671578,262.482637 484.859284,288.788515 C500.046989,315.094392 533.684185,324.107452 559.990063,308.919746 C586.29594,293.732041 595.309,260.094845 580.121294,233.788967 C564.933589,207.48309 531.296393,198.47003 504.990515,213.657736 Z M817.03143,97.0093593 C833.047688,124.750331 823.542929,160.222575 795.801957,176.238833 L679.269578,243.518833 C670.392467,248.644035 660.723674,251.155886 651.15407,251.293092 L650.257238,251.299006 C630.235682,251.276026 610.770998,240.875811 600.040105,222.289359 C584.023847,194.548387 593.528606,159.076144 621.269578,143.059886 L737.801957,75.7798859 C746.679068,70.6546834 756.347861,68.1428331 765.917464,68.0056264 L766.814297,67.9997129 C786.835853,68.0226927 806.300537,78.422908 817.03143,97.0093593 Z M740.093313,77.9295806 L739.301957,78.3779621 L622.769578,145.657962 C596.463484,160.845793 587.45035,194.483265 602.638181,220.789359 C617.674133,246.832393 650.792579,255.926595 676.978222,241.369138 L677.769578,240.920757 L794.301957,173.640757 C820.608051,158.452926 829.621184,124.815454 814.433354,98.5093593 C799.547761,72.7267563 766.939516,63.5557024 740.880937,77.4999457 L740.093313,77.9295806 Z M934.809875,29.00942 C950.826007,56.7501756 941.321322,92.2221423 913.580567,108.238275 C904.703525,113.363438 895.034807,115.875268 885.465278,116.012474 L884.568453,116.018387 C864.547053,115.995408 845.082521,105.595274 834.351712,87.0089673 C818.335579,59.2682117 827.840264,23.796245 855.581019,7.78011226 C864.458061,2.65494978 874.126779,0.143119024 883.696308,0.00591340217 L884.593133,5.68434189e-14 C904.614533,0.0229796135 924.079066,10.4231137 934.809875,29.00942 Z M857.081019,10.3781885 C830.775142,25.5658941 821.762082,59.2030895 836.949788,85.5089673 C852.137494,111.814845 885.774689,120.827904 912.080567,105.640199 C938.386445,90.4524932 947.399504,56.8152978 932.211798,30.50942 C917.024093,4.20354221 883.386897,-4.80951714 857.081019,10.3781885 Z" fill="currentColor" fill-rule="nonzero"/>
<path class="text-transparent stroke-white/10 stroke-[3px]" d="M464.492269,300.547939 C497.629354,357.943054 478.023398,431.299802 420.701142,464.394822 L179.905727,603.41812 C122.583471,636.51314 49.2516851,616.814021 16.1146002,559.418907 C-17.0224848,502.023792 2.58347055,428.667043 59.9057272,395.572023 L300.701142,256.548726 C358.023398,223.453705 431.355184,243.152824 464.492269,300.547939 Z" fill="currentColor"/>
</g>
</svg>
<svg class="hidden md:block absolute h-auto w-[2345px] bottom-[-650px] right-[-680px] lg:bottom-[-700px] lg:right-[-560px] xl:right-[-460px]" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2345px" height="1543px" viewBox="0 0 2345 1543" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="text-white/10" d="M1192.79346,947.340922 C1236.79639,921.935823 1293.0627,937.012338 1318.4678,981.015259 C1343.8729,1025.01818 1328.79639,1081.2845 1284.79346,1106.6896 L1099.949,1213.4096 C1055.94608,1238.81469 999.679763,1223.73818 974.274665,1179.73526 C948.869566,1135.73234 963.946081,1079.46602 1007.949,1054.06092 L1192.79346,947.340922 Z M1564.69941,732.620922 C1608.70233,707.215823 1664.96865,722.292338 1690.37375,766.295259 C1715.77885,810.29818 1700.70233,866.564498 1656.69941,891.969596 L1471.85495,998.689596 C1427.85203,1024.09469 1371.58571,1009.01818 1346.18061,965.015259 C1320.77552,921.012338 1335.85203,864.74602 1379.85495,839.340922 L1564.69941,732.620922 Z M1194.79346,950.805024 L1009.949,1057.52502 C967.859251,1081.82555 953.438237,1135.64551 977.738766,1177.73526 C1001.79629,1219.40411 1054.7858,1233.95484 1096.68283,1210.66291 L1097.949,1209.94549 L1282.79346,1103.22549 C1324.88321,1078.92497 1339.30423,1025.10501 1315.0037,983.015259 C1290.70317,940.925508 1236.88321,926.504495 1194.79346,950.805024 Z M1566.69941,736.085024 L1381.85495,842.805024 C1339.7652,867.105553 1325.34419,920.925508 1349.64472,963.015259 C1373.70224,1004.68411 1426.69175,1019.23484 1468.58878,995.942905 L1469.85495,995.225495 L1654.69941,888.505495 C1696.78916,864.204966 1711.21018,810.38501 1686.90965,768.295259 C1662.60912,726.205508 1608.78916,711.784495 1566.69941,736.085024 Z M1837.19457,187.316386 C1906.06871,147.551884 1994.13773,171.149907 2033.90223,240.024044 C2073.66673,308.898182 2050.06871,396.967201 1981.19457,436.731703 L1691.87281,603.771703 C1622.99867,643.536205 1534.92965,619.938182 1495.16515,551.064044 C1455.40065,482.189907 1478.99867,394.120888 1547.87281,354.356386 L1837.19457,187.316386 Z M2128.17911,19.3163863 C2197.05325,-20.4481157 2285.12227,3.14990666 2324.88677,72.0240444 C2364.25363,140.209441 2341.51887,227.20774 2274.23173,267.524344 L2272.17911,268.731703 C2203.30497,308.496205 2115.23595,284.898182 2075.47145,216.024044 C2036.1046,147.838648 2058.83935,60.8403492 2126.12649,20.5237452 L2128.17911,19.3163863 Z M1256.88827,522.356386 C1325.76241,482.591884 1413.83143,506.189907 1453.59593,575.064044 C1492.96279,643.249441 1470.22803,730.24774 1402.9409,770.564344 L1400.88827,771.771703 C1332.01413,811.536205 1243.94512,787.938182 1204.18061,719.064044 C1164.81376,650.878648 1187.54851,563.880349 1254.83565,523.563745 L1256.88827,522.356386 Z M1839.19457,190.780488 L1549.87281,357.820488 C1482.91184,396.48042 1459.96932,482.103077 1498.62925,549.064044 C1536.90258,615.355402 1621.20408,638.504281 1687.85845,601.448936 L1689.87281,600.307601 L1979.19457,433.267601 C2046.15554,394.607668 2069.09806,308.985012 2030.43813,242.024044 C1991.7782,175.063077 1906.15554,152.120555 1839.19457,190.780488 Z M2130.17911,22.7804879 C2063.21814,61.4404204 2040.27562,147.063077 2078.93555,214.024044 C2117.59549,280.985012 2203.21814,303.927533 2270.17911,265.267601 C2337.14008,226.607668 2360.0826,140.985012 2321.42267,74.0240444 C2282.76273,7.06307715 2197.14008,-15.8794446 2130.17911,22.7804879 Z M1258.88827,525.820488 C1191.9273,564.48042 1168.98478,650.103077 1207.64472,717.064044 C1246.30465,784.025012 1331.9273,806.967533 1398.88827,768.307601 C1465.84924,729.647668 1488.79176,644.025012 1450.13183,577.064044 C1411.4719,510.103077 1325.84924,487.160555 1258.88827,525.820488 Z" fill="currentColor" fill-rule="nonzero"/>
<path class="text-transparent stroke-white/10 stroke-[3px]" d="M1162.61139,743.064044 C1245.45411,886.551831 1196.29156,1070.02895 1052.80377,1152.87167 L450.050093,1500.87167 C306.562306,1583.71438 123.085184,1534.55183 40.2424714,1391.06404 C-42.600241,1247.57626 6.56230553,1064.09914 150.050093,981.256423 L752.803774,633.256423 C896.291561,550.413711 1079.76868,599.576257 1162.61139,743.064044 Z" fill="currentColor"/>
</g>
</svg>
</div>
</section>
<s-notification group="notify"></s-notification>
<input
ref="regionSelectorToggle"
id="region-selector"
type="checkbox"
class="peer hidden">
<div
dir="ltr"
data-cmcom="country-selector"
class="fixed overflow-hidden z-[1000001] left-0 right-0 top-[-100vh] peer-checked:top-0 h-[100dvh] grid transition-[top] duration-300">
<div class="bg-white overflow-auto">
<div class="relative max-w-full sm:max-w-4xl md:max-w-5xl lg:max-w-6xl xl:max-w-7xl mx-auto p-6 sm:px-10 sm:py-8">
<div class="pb-2 md:pb-4">
<h4>Choose Your Region</h4>
<p class="text-xs sm:text-sm mb-0 md:pt-4">Select a region to show relevant information. This may change the language.</p>
</div>
<label class="absolute top-6 right-6 cursor-pointer" for="region-selector" data-cmcom="country-selector-close">
<img
src="https://www.cm.com/build/assets/close-fcc0c09f.svg"
loading="lazy"
alt="close icon"
class="s-icon-svg s-image--lazyload">
</label>
<div class="flex justify-between s-grid__row">
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb hidden sm:block">
<h5 class="py-4">Is your region not there?</h5>
<a href="https://www.cm.com/customer-contact/"
class="text-black-100 hover:text-blue-100"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en', 'https://www.cm.com/customer-contact/')">
<div class="flex items-center pb-5 gap-4">
<div>
<img
src="https://www.cm.com/build/assets/globe-89b9d67a.svg"
loading="lazy"
alt="language icon"
class="w-6 h-6 md:w-8 md:h-8 s-icon-svg s-icon-svg--black-100 s-image--lazyload">
</div>
<div class=" text-blue-100">
<div class="font-medium leading-4">
Global
</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
</div>
<s-collapse-group
only-one-active
class="pt-2 pb-4">
<s-collapse
:index="0"
class="region-selector-collapse border-solid border-t-2 border-black-5 cursor-pointer">
<div
v-s-collapse-toggle
class="flex justify-between py-5 md:py-7 font-medium">
<h5 class="mb-0">Africa</h5>
<img
data-src="https://www.cm.com/build/assets/next-e8f99df8.svg"
alt="next icon"
class="rotate-90 group-aria-[expanded='true']/collapse:-rotate-90 s-icon-svg s-icon-svg--black-100 s-image--lazyload">
</div>
<div v-s-collapse-content class="!transform-none">
<div class="pb-2 md:pb-4 s-grid__row">
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/en-za/customer-contact/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en-ZA', 'https://www.cm.com/en-za/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag za"></i>
<div class="">
<div class="font-medium leading-4">South Africa</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
</div>
</div>
</s-collapse>
<s-collapse
:index="1"
class="region-selector-collapse border-solid border-t-2 border-black-5 cursor-pointer">
<div
v-s-collapse-toggle
class="flex justify-between py-5 md:py-7 font-medium">
<h5 class="mb-0">Asia</h5>
<img
data-src="https://www.cm.com/build/assets/next-e8f99df8.svg"
alt="next icon"
class="rotate-90 group-aria-[expanded='true']/collapse:-rotate-90 s-icon-svg s-icon-svg--black-100 s-image--lazyload">
</div>
<div v-s-collapse-content class="!transform-none">
<div class="pb-2 md:pb-4 s-grid__row">
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/zh-cn/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'zh-CN', 'https://www.cm.com/zh-cn/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag cn"></i>
<div class="">
<div class="font-medium leading-4">China</div>
<div class="text-sm">中文</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/en-in/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en-IN', 'https://www.cm.com/en-in/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag in"></i>
<div class="">
<div class="font-medium leading-4">India</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/ja-jp/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'ja-JP', 'https://www.cm.com/ja-jp/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag jp"></i>
<div class="">
<div class="font-medium leading-4">Japan</div>
<div class="text-sm">日本語</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/en-sg/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en-SG', 'https://www.cm.com/en-sg/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag sg"></i>
<div class="">
<div class="font-medium leading-4">Singapore</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/en-ae/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en-AE', 'https://www.cm.com/en-ae/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag ae"></i>
<div class="">
<div class="font-medium leading-4">United Arab Emirates</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/ar-ae/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'ar-AE', 'https://www.cm.com/ar-ae/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag ae"></i>
<div class="">
<div class="font-medium leading-4">United Arab Emirates</div>
<div class="text-sm">العربية</div>
</div>
</div>
</a>
</div>
</div>
</div>
</s-collapse>
<s-collapse
:index="2"
class="region-selector-collapse border-solid border-t-2 border-black-5 cursor-pointer">
<div
v-s-collapse-toggle
class="flex justify-between py-5 md:py-7 font-medium">
<h5 class="mb-0">Europe</h5>
<img
data-src="https://www.cm.com/build/assets/next-e8f99df8.svg"
alt="next icon"
class="rotate-90 group-aria-[expanded='true']/collapse:-rotate-90 s-icon-svg s-icon-svg--black-100 s-image--lazyload">
</div>
<div v-s-collapse-content class="!transform-none">
<div class="pb-2 md:pb-4 s-grid__row">
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/nl-be/customer-contact/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'nl-BE', 'https://www.cm.com/nl-be/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag be"></i>
<div class="">
<div class="font-medium leading-4">Belgium</div>
<div class="text-sm">Nederlands</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/fr-be/customer-contact/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'fr-BE', 'https://www.cm.com/fr-be/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag be"></i>
<div class="">
<div class="font-medium leading-4">Belgium</div>
<div class="text-sm">Français</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/da-dk/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'da-DK', 'https://www.cm.com/da-dk/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag dk"></i>
<div class="">
<div class="font-medium leading-4">Denmark</div>
<div class="text-sm">Dansk</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/en-dk/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en-DK', 'https://www.cm.com/en-dk/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag dk"></i>
<div class="">
<div class="font-medium leading-4">Denmark</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/fr-fr/customer-contact/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'fr-FR', 'https://www.cm.com/fr-fr/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag fr"></i>
<div class="">
<div class="font-medium leading-4">France</div>
<div class="text-sm">Français</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/de-de/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'de-DE', 'https://www.cm.com/de-de/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag de"></i>
<div class="">
<div class="font-medium leading-4">Germany</div>
<div class="text-sm">Deutsch</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/it-it/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'it-IT', 'https://www.cm.com/it-it/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag it"></i>
<div class="">
<div class="font-medium leading-4">Italy</div>
<div class="text-sm">Italiano</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/nl-nl/customer-contact/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'nl-NL', 'https://www.cm.com/nl-nl/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag nl"></i>
<div class="">
<div class="font-medium leading-4">Netherlands</div>
<div class="text-sm">Nederlands</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/es-es/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'es-ES', 'https://www.cm.com/es-es/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag es"></i>
<div class="">
<div class="font-medium leading-4">Spain</div>
<div class="text-sm">Español</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/sv-se/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'sv-SE', 'https://www.cm.com/sv-se/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag se"></i>
<div class="">
<div class="font-medium leading-4">Sweden</div>
<div class="text-sm">Svenska</div>
</div>
</div>
</a>
</div>
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/en-gb/customer-contact/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en-GB', 'https://www.cm.com/en-gb/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag gb"></i>
<div class="">
<div class="font-medium leading-4">United Kingdom</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
</div>
</div>
</s-collapse>
<s-collapse
:index="3"
class="region-selector-collapse border-solid border-t-2 border-black-5 cursor-pointer">
<div
v-s-collapse-toggle
class="flex justify-between py-5 md:py-7 font-medium">
<h5 class="mb-0">North America</h5>
<img
data-src="https://www.cm.com/build/assets/next-e8f99df8.svg"
alt="next icon"
class="rotate-90 group-aria-[expanded='true']/collapse:-rotate-90 s-icon-svg s-icon-svg--black-100 s-image--lazyload">
</div>
<div v-s-collapse-content class="!transform-none">
<div class="pb-2 md:pb-4 s-grid__row">
<div class="s-grid__col-xs-12 s-grid__col-sm-4 s-grid__col-md-3 s-grid--no-mb">
<a href="https://www.cm.com/en-us/customer-contact/"
class="text-black-100 hover:text-blue-100"
data-cmcom="country-selector-link"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en-US', 'https://www.cm.com/en-us/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<i class="iti-flag us"></i>
<div class="">
<div class="font-medium leading-4">United States</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
</div>
</div>
</s-collapse>
</s-collapse-group>
<div class="sm:hidden">
<h5 class="py-4">Is your region not there?</h5>
<a href="https://www.cm.com/customer-contact/"
class="text-black-100 hover:text-blue-100"
@click="setLocalisation($event, 'https://www.cm.com/ajax/localisation/selector/', 'en', 'https://www.cm.com/customer-contact/')">
<div class="flex pb-5 items-center gap-4">
<div>
<img
data-src="https://www.cm.com/build/assets/globe-89b9d67a.svg"
alt="language icon"
class="w-6 h-6 md:w-8 md:h-8 s-icon-svg s-icon-svg--black-100 s-image--lazyload">
</s-icon-svg>
</div>
<div class=" text-blue-100">
<div class="font-medium leading-4">
Global
</div>
<div class="text-sm">English</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<link rel="modulepreload" href="https://www.cm.com/build/assets/app-6bd76969.js" /><script type="module" src="https://www.cm.com/build/assets/app-6bd76969.js"></script>
<script>
let CURRENT_LANGUAGE = "";
/**
* Determine the mobile operating system.
* This function returns one of 'iOS', 'Android', 'Windows Phone', or 'unknown'.
*
* @returns {String}
*/
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
// Windows Phone must come first because its UA also contains "Android"
if (/windows phone/i.test(userAgent)) return "WindowsPhone";
if (/android/i.test(userAgent)) return "Android";
// iOS detection from: http://stackoverflow.com/a/9039885/177710
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) return "iOS";
return "unknown";
}
/**
* Determine the operating system.
* This function returns one of 'Windows', 'MacOS', 'UNIX', 'Linux' or 'unknown'.
*
* @returns {String}
*/
function getOperatingSystem() {
if (navigator.appVersion.indexOf("Win") != -1) return "Windows";
if (navigator.appVersion.indexOf("Mac") != -1) return "MacOS";
if (navigator.appVersion.indexOf("X11") != -1) return "UNIX";
if (navigator.appVersion.indexOf("Linux") != -1) return "Linux";
return "unknown";
}
/**
* When AutoTranslation is enabled
* Add style element and text to the chat bubbles.
*/
const addRealtimeTranslationTag = (enable) => {
let chatbot = document.querySelector('cmwc-'+ '3634145b-e3e3-4118-b645-3c3d7a222298');
if (!chatbot) {
return;
}
const ifExist = chatbot.shadowRoot.querySelector('#tag');
const styleElement = ifExist ?? document.createElement('style');
styleElement.id = 'tag';
styleElement.textContent = `
time::after
{
content: "${enable ? 'Real-Time Translated' : ''}";
margin-left:1em
}
`;
if (!ifExist) {
chatbot.shadowRoot.appendChild(styleElement);
}
}
/**
* set conversation variables
*
* @param {object} cmwcInstance
*/
function setConversationContext(cmwcInstance) {
let context = {
geoIP: 'FI',
country: '',
language: 'en',
mobileOperatingSystem: getMobileOperatingSystem(),
operatingSystem: getOperatingSystem(),
isLoggedIn: 'false',
};
for (const i in context) {
if (typeof context[i] === 'undefined' || context[i] === '') {
delete context[i];
}
}
cmwcInstance.addContext(context);
console.log("Conversation context set: ", context);
//cmwcInstance.setLanguage('en');
}
/**
* Detect if the output language changed
*
* @param {object} cmwcInstance
*/
function detectLanguageChanged(cmwcInstance){
if (CURRENT_LANGUAGE === cmwcInstance.getLanguage().result) {
return;
}
if (cmwcInstance.getLanguage().result.toLowerCase()==="en") {
addRealtimeTranslationTag(false)
// default language is "en"
CURRENT_LANGUAGE = "en";
return;
}
CURRENT_LANGUAGE = cmwcInstance.getLanguage().result;
addRealtimeTranslationTag(true);
}
/**
* trigger an event to CDP
*
* @param {object} cmwcInstance
* @param {object} event , webChat onAnswer event
*/
function sendCDPEvent(cmwcInstance, event){
// Trigger chatbot events send to CDP
if (event.detail.chat.metadata.data.outputAdditions && event.detail.chat.metadata.data.outputAdditions.triggerEvent) {
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'chatbotEvent',
'content': event.detail.chat.metadata.data.outputAdditions.triggerEvent
});
}
}
function sendEvent(cmwcInstance, event){
// check outputAdditions if we need to trigger an event.
if (event.detail.chat.metadata.data.outputAdditions && event.detail.chat.metadata.data.outputAdditions.sendEvent)
try {
cmwcInstance.sendEvent(event.detail.chat.metadata.data.outputAdditions.sendEvent);
}
catch(error){
console.log(error);
}
}
function setOnAnswer(cmwcInstance) {
cmwcInstance.onAnswer((event) => {
detectLanguageChanged(cmwcInstance);
setConversationContext(cmwcInstance);
sendCDPEvent(cmwcInstance,event);
sendEvent(cmwcInstance,event);
});
}
function waitForElm(selector) {
return new Promise(resolve => {
if (document.querySelector(selector)) {
return resolve(document.querySelector(selector));
}
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) {
observer.disconnect();
resolve(document.querySelector(selector));
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
});
}
function addCustomStyling() {
waitForElm('[configkey="3634145b-e3e3-4118-b645-3c3d7a222298"]').then((elm) => {
const style = document.createElement('style');
style.textContent = `
.wc-c-root {
--wc-c-root-z-index: 69 !important;
max-height: calc(100svh - 80px);
}
`;
elm.shadowRoot.appendChild(style);
});
}
function cmwcCallback() {
setConversationContext(cmwc.get('3634145b-e3e3-4118-b645-3c3d7a222298'));
setOnAnswer(cmwc.get('3634145b-e3e3-4118-b645-3c3d7a222298'));
}
</script>
<script type="module" crossorigin="anonymous" src='https://webchat.digitalcx.com/webchat.js'
onload="cmwc.add('3634145b-e3e3-4118-b645-3c3d7a222298',cmwcCallback).install(); cmwcCallback(); addCustomStyling();">
</script>
<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebPage","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","@id":"https:\/\/www.cm.com\/","name":"CM.com"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","@id":"https:\/\/www.cm.com\/customer-contact\/","name":"Customer Contact"}}]}}</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9395c59b7c818d85',t:'MTc0NjE3MDU5Mi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
Whois info of domain
Domain Name: GIN.COM
Registry Domain ID: 2877442_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.eurodns.com
Registrar URL: http://www.EuroDNS.com
Updated Date: 2024-06-29T03:21:29Z
Creation Date: 1994-07-06T04:00:00Z
Registry Expiry Date: 2025-07-05T04:00:00Z
Registrar: EuroDNS S.A.
Registrar IANA ID: 1052
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +352.27220150
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS1.CMTECHNOLOGY.COM
Name Server: NS2.CMTECHNOLOGY.COM
Name Server: NS3.CMTECHNOLOGY.COM
Name Server: NS4.CMTECHNOLOGY.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-02T07:22:52Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass