Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.
Clarity’s support chat runs on your website and inside your mobile apps. Customers talk to your AI agents and your team in the same conversation, and every conversation lands in your Clarity inbox as a ticket.
Paste one snippet into your site. Open the chat from your own buttons and identify signed-in visitors.
Android
Native bottom sheet or full-screen chat for Android 5.0 and later, with FCM push routing.
iOS
Native bottom sheet or full-screen chat for iOS 15 and later, with APNs push routing.
Flutter
One Dart API over the Android and iOS SDKs.
The mobile SDKs show the same chat as the web widget, in a native container over your app. The chat’s look and texts come from the same widget settings, so you configure them once.
Every SDK needs the same small set of values. They identify your organization and channel. They are not secrets, so you can ship them in your page source or app binary.
Value
Web widget
Mobile SDKs
Organization ID
organizationId
organizationId
Integration key
integrationKey
integrationKey (Flutter: one per platform)
Live chat host
Already in the snippet
baseUrl: https://live-chat.leap.onclarity.com
Domain or App ID
The Domain Address of the web channel must match your site
The channel’s App ID must match your app’s applicationId (Android) or bundle identifier (iOS)
Each website domain and each mobile app is its own channel, with its own integration key.
Go to Settings and, under Channels, open Live chat.
2
Add a web integration
Click Add Integration and enter your site’s Domain Address, without https:// and without a path. Choose Live chat as the widget and click Add web integration.
3
Copy the values
The Integration info dialog shows the Integration Key, the Organization Id and the Inject code snippet with both already filled in.
1
Open Mobile SDK
Go to Settings and, under Channels, open Mobile SDK.
2
Add a mobile application
Click Add Integration. Pick Android, iOS or Flutter and enter the App ID: your applicationId on Android, your bundle identifier on iOS. A Flutter app needs both. For an AppGallery build, check My mobile is Huawei. Click Add integration.
3
Copy the values
The Integration info dialog shows the Organization Id, the integration key and a setup guide with your values filled in.
Every SDK lets you pass who the customer is: an external id from your own system, a name, an email and custom attributes. On its own, that identity is a claim the page or app makes about itself.To have Clarity trust it, your backend signs a short-lived token (a JWT) with the channel’s identity secret, and the widget or SDK passes it along. The secret is in each channel’s integration dialog, under Identity verification. Signed identity explains how to mint the token. The rules are the same for the web widget and the mobile SDKs.
SDK
Signed identity
Web widget
userJwt
Android
ClarityUser.jwt
iOS
ClarityUser.jwt, in the release after 1.3.0
Flutter
Not available yet
The identity secret must stay on your server. Never put it in your website’s code or in a mobile app.
Settings > Widget controls what customers see in every channel: brand colours, logos and font, the home screen texts, the assistant’s name and greeting, starter questions and the expanded window size. Changes go to a draft first and reach customers when you click Publish.Per-channel switches are in each channel’s integration dialog: voice calling, dictation, the Inbox tab, opening straight into the conversation and, for the web widget, whether your page can open and close the chat.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Clarity Support Docs","description":"Guides, SDKs, and API reference for Clarity's AI support platform: agents, chat, tickets, and the knowledge base.","colors":{"primary":"#0aa68a","light":"#24d8b8","dark":"#0aa68a"},"logo":{"light":"https://mintcdn.com/on-clarity/wANpiWtgQORdXhk3/logo/light.svg?fit=max\u0026auto=format\u0026n=wANpiWtgQORdXhk3\u0026q=85\u0026s=a67bcf8cb635c40e2371c3f86424d4a0","dark":"https://mintcdn.com/on-clarity/wANpiWtgQORdXhk3/logo/dark.svg?fit=max\u0026auto=format\u0026n=wANpiWtgQORdXhk3\u0026q=85\u0026s=577dc99ab10bac95f81c97fcc3e50097","href":"https://support.onclarity.com"},"favicon":"https://mintcdn.com/on-clarity/wANpiWtgQORdXhk3/favicon.png?fit=max\u0026auto=format\u0026n=wANpiWtgQORdXhk3\u0026q=85\u0026s=54c44b3a75b63a1416d10cc8096b97e6","api":{"playground":{"display":"interactive"},"examples":{"languages":["curl","python","javascript"]}},"appearance":{"default":"system"},"navbar":{"links":[{"href":"mailto:hello@onclarity.com","label":"Support"}],"primary":{"type":"button","label":"Open Clarity","href":"https://support.onclarity.com"}},"footer":{"socials":{"website":"https://www.onclarity.com","linkedin":"https://www.linkedin.com/company/onclarity"},"links":[{"header":"Product","items":[{"label":"Open Clarity","href":"https://support.onclarity.com"}]},{"header":"Legal","items":[{"label":"Terms of service","href":"https://www.onclarity.com/legal-pages/terms-of-service"},{"label":"Privacy policy","href":"https://www.onclarity.com/legal-pages/privacy-policy"}]}]},"seo":{"indexing":"all"},"contextual":{"options":["copy","view","chatgpt","claude","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"Open Clarity","icon":"arrow-up-right-from-square","href":"https://support.onclarity.com"},{"anchor":"Support","icon":"envelope","href":"mailto:hello@onclarity.com"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"on-clarity","hasAudioNarration":false,"actualSubdomain":"on-clarity","customDomains":["docs.support.onclarity.com"],"gitSource":{"type":"github","owner":"anecdote-ai","repo":"anecdote-monorepo","deployBranch":"develop","contentDirectory":"apps/docs","isPrivate":true,"mountPath":"","label":"","_id":"6adb3a2646b60ddf4f03b4cf"},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6adb64cbadb57cc3ba902012","clientVersion":"0.0.3939","searchFilterCounts":[{"language":"default","tag":"API Reference","count":105},{"language":"default","tag":"Voice API","count":63},{"language":"default","tag":"Support API","count":40},{"language":"default","tag":"Documentation","count":21},{"language":"default","tag":"Eval submissions","count":15},{"language":"default","tag":"Campaigns","count":12},{"language":"default","tag":"Agents","count":11},{"language":"default","tag":"Tickets","count":11},{"language":"default","tag":"Customers","count":9},{"language":"default","tag":"Voice AI","count":7}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"hasChatPermissions":true,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"sdks/overview","slug":"/sdks/overview","pageMetadata":{"title":"SDKs overview","description":"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.","href":"/sdks/overview"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Card,CardGroup,Heading,Step,Steps,Tab,Table,Tabs,Warning}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Tab)_missingMdxReference(`Tab`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Tabs)_missingMdxReference(`Tabs`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Clarity’s support chat runs on your website and inside your mobile apps. Customers talk to your AI agents and your team in the same conversation, and every conversation lands in your Clarity inbox as a ticket.`}),`\n`,_jsx(Heading,{level:`2`,id:`choose-an-sdk`,children:`Choose an SDK`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Platform`}),_jsx(_components.th,{children:`What you install`}),_jsx(_components.th,{children:`Distribution`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Website`}),_jsxs(_components.td,{children:[`Web chat widget (a `,_jsx(_components.code,{children:`\u003cscript>`}),` snippet)`]}),_jsx(_components.td,{children:`Copied from the cabinet`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Android`}),_jsx(_components.td,{children:_jsx(_components.code,{children:`com.onclarity:clarity-android-sdk`})}),_jsx(_components.td,{children:`Maven Central`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`iOS`}),_jsx(_components.td,{children:_jsx(_components.code,{children:`ClaritySDK`})}),_jsx(_components.td,{children:`Swift Package Manager or CocoaPods`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Flutter`}),_jsx(_components.td,{children:_jsx(_components.code,{children:`onclarity`})}),_jsx(_components.td,{children:`pub.dev`})]})]})]}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Web chat widget`,icon:`globe`,href:`/sdks/web-widget`,children:_jsx(_components.p,{children:`Paste one snippet into your site. Open the chat from your own buttons and identify signed-in visitors.`})}),_jsx(Card,{title:`Android`,icon:`android`,href:`/sdks/android`,children:_jsx(_components.p,{children:`Native bottom sheet or full-screen chat for Android 5.0 and later, with FCM push routing.`})}),_jsx(Card,{title:`iOS`,icon:`apple`,href:`/sdks/ios`,children:_jsx(_components.p,{children:`Native bottom sheet or full-screen chat for iOS 15 and later, with APNs push routing.`})}),_jsx(Card,{title:`Flutter`,icon:`mobile`,href:`/sdks/flutter`,children:_jsx(_components.p,{children:`One Dart API over the Android and iOS SDKs.`})})]}),`\n`,_jsx(_components.p,{children:`The mobile SDKs show the same chat as the web widget, in a native container over your app. The chat’s look and texts come from the same widget settings, so you configure them once.`}),`\n`,_jsx(Heading,{level:`2`,id:`the-ids-you-need`,children:`The ids you need`}),`\n`,_jsx(_components.p,{children:`Every SDK needs the same small set of values. They identify your organization and channel. They are not secrets, so you can ship them in your page source or app binary.`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Value`}),_jsx(_components.th,{children:`Web widget`}),_jsx(_components.th,{children:`Mobile SDKs`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Organization ID`}),_jsx(_components.td,{children:_jsx(_components.code,{children:`organizationId`})}),_jsx(_components.td,{children:_jsx(_components.code,{children:`organizationId`})})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Integration key`}),_jsx(_components.td,{children:_jsx(_components.code,{children:`integrationKey`})}),_jsxs(_components.td,{children:[_jsx(_components.code,{children:`integrationKey`}),` (Flutter: one per platform)`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Live chat host`}),_jsx(_components.td,{children:`Already in the snippet`}),_jsxs(_components.td,{children:[_jsx(_components.code,{children:`baseUrl`}),`: `,_jsx(_components.code,{children:`https://live-chat.leap.onclarity.com`})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Domain or App ID`}),_jsxs(_components.td,{children:[`The `,_jsx(_components.strong,{children:`Domain Address`}),` of the web channel must match your site`]}),_jsxs(_components.td,{children:[`The channel’s `,_jsx(_components.strong,{children:`App ID`}),` must match your app’s `,_jsx(_components.code,{children:`applicationId`}),` (Android) or bundle identifier (iOS)`]})]})]})]}),`\n`,_jsx(_components.p,{children:`Each website domain and each mobile app is its own channel, with its own integration key.`}),`\n`,_jsx(Heading,{level:`3`,id:`where-to-find-them-in-the-cabinet`,children:`Where to find them in the cabinet`}),`\n`,_jsxs(Tabs,{children:[_jsx(Tab,{title:`Website`,id:`website`,children:_jsxs(Steps,{children:[_jsx(Step,{title:`Open Live chat`,children:_jsxs(_components.p,{children:[`Go to `,_jsx(_components.strong,{children:`Settings`}),` and, under `,_jsx(_components.strong,{children:`Channels`}),`, open `,_jsx(_components.strong,{children:`Live chat`}),`.`]})}),_jsx(Step,{title:`Add a web integration`,children:_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`Add Integration`}),` and enter your site’s `,_jsx(_components.strong,{children:`Domain Address`}),`, without `,_jsx(_components.code,{children:`https://`}),` and without a path. Choose `,_jsx(_components.strong,{children:`Live chat`}),` as the widget and click `,_jsx(_components.strong,{children:`Add web integration`}),`.`]})}),_jsx(Step,{title:`Copy the values`,children:_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Integration info`}),` dialog shows the `,_jsx(_components.strong,{children:`Integration Key`}),`, the `,_jsx(_components.strong,{children:`Organization Id`}),` and the `,_jsx(_components.strong,{children:`Inject code`}),` snippet with both already filled in.`]})})]})}),_jsx(Tab,{title:`Mobile app`,id:`mobile-app`,children:_jsxs(Steps,{children:[_jsx(Step,{title:`Open Mobile SDK`,children:_jsxs(_components.p,{children:[`Go to `,_jsx(_components.strong,{children:`Settings`}),` and, under `,_jsx(_components.strong,{children:`Channels`}),`, open `,_jsx(_components.strong,{children:`Mobile SDK`}),`.`]})}),_jsx(Step,{title:`Add a mobile application`,children:_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`Add Integration`}),`. Pick `,_jsx(_components.strong,{children:`Android`}),`, `,_jsx(_components.strong,{children:`iOS`}),` or `,_jsx(_components.strong,{children:`Flutter`}),` and enter the `,_jsx(_components.strong,{children:`App ID`}),`: your `,_jsx(_components.code,{children:`applicationId`}),` on Android, your bundle identifier on iOS. A Flutter app needs both. For an AppGallery build, check `,_jsx(_components.strong,{children:`My mobile is Huawei`}),`. Click `,_jsx(_components.strong,{children:`Add integration`}),`.`]})}),_jsx(Step,{title:`Copy the values`,children:_jsxs(_components.p,{children:[`The `,_jsx(_components.strong,{children:`Integration info`}),` dialog shows the `,_jsx(_components.strong,{children:`Organization Id`}),`, the integration key and a setup guide with your values filled in.`]})})]})})]}),`\n`,_jsx(Heading,{level:`2`,id:`identify-signed-in-users`,children:`Identify signed-in users`}),`\n`,_jsx(_components.p,{children:`Every SDK lets you pass who the customer is: an external id from your own system, a name, an email and custom attributes. On its own, that identity is a claim the page or app makes about itself.`}),`\n`,_jsxs(_components.p,{children:[`To have Clarity trust it, your backend signs a short-lived token (a JWT) with the channel’s `,_jsx(_components.strong,{children:`identity secret`}),`, and the widget or SDK passes it along. The secret is in each channel’s integration dialog, under `,_jsx(_components.strong,{children:`Identity verification`}),`. `,_jsx(_components.a,{href:`/sdks/web-widget#verify-the-visitor-signed-identity`,children:`Signed identity`}),` explains how to mint the token. The rules are the same for the web widget and the mobile SDKs.`]}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`SDK`}),_jsx(_components.th,{children:`Signed identity`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Web widget`}),_jsx(_components.td,{children:_jsx(_components.code,{children:`userJwt`})})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Android`}),_jsx(_components.td,{children:_jsx(_components.code,{children:`ClarityUser.jwt`})})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`iOS`}),_jsxs(_components.td,{children:[_jsx(_components.code,{children:`ClarityUser.jwt`}),`, in the release after 1.3.0`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Flutter`}),_jsx(_components.td,{children:`Not available yet`})]})]})]}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`The identity secret must stay on your server. Never put it in your website’s code or in a mobile app.`})}),`\n`,_jsx(Heading,{level:`2`,id:`customize-the-chat`,children:`Customize the chat`}),`\n`,_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Settings > Widget`}),` controls what customers see in every channel: brand colours, logos and font, the home screen texts, the assistant’s name and greeting, starter questions and the expanded window size. Changes go to a draft first and reach customers when you click `,_jsx(_components.strong,{children:`Publish`}),`.`]}),`\n`,_jsx(_components.p,{children:`Per-channel switches are in each channel’s integration dialog: voice calling, dictation, the Inbox tab, opening straight into the conversation and, for the web widget, whether your page can open and close the chat.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"SDKs overview","description":"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.","href":"/sdks/overview"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Choose an SDK","slug":"choose-an-sdk","depth":2,"children":[]},{"title":"The ids you need","slug":"the-ids-you-need","depth":2,"children":[{"title":"Where to find them in the cabinet","slug":"where-to-find-them-in-the-cabinet","depth":3,"children":[]}]},{"title":"Identify signed-in users","slug":"identify-signed-in-users","depth":2,"children":[]},{"title":"Customize the chat","slug":"customize-the-chat","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"on-clarity","siteName":"Clarity Support Docs","title":"SDKs overview - Clarity Support Docs","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-23T13:45:05.026Z","originalFileLocation":"sdks/overview.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Clarity Support Docs\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"SDKs overview - Clarity Support Docs\">\u003cmeta data-mint-head property=\"og:description\" content=\"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Clarity Support Docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.support.onclarity.com/sdks/overview\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://on-clarity.mintlify.app/_mintlify/api/og/v2?division=SDKs\u0026amp;title=SDKs+overview\u0026amp;description=Add+Clarity+support+chat+to+your+website+or+mobile+app%2C+and+find+the+ids+each+SDK+needs.\u0026amp;theme=06f21d81bdb89922f4190c19\u0026amp;signature=03cb6a6d49d77e7de1c0e51c2af190338f86a17abac4a74984d35c52f27de65a\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"SDKs overview - Clarity Support Docs\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://on-clarity.mintlify.app/_mintlify/api/og/v2?division=SDKs\u0026amp;title=SDKs+overview\u0026amp;description=Add+Clarity+support+chat+to+your+website+or+mobile+app%2C+and+find+the+ids+each+SDK+needs.\u0026amp;theme=06f21d81bdb89922f4190c19\u0026amp;signature=03cb6a6d49d77e7de1c0e51c2af190338f86a17abac4a74984d35c52f27de65a\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/on-clarity/mFVlSgsYkfg6E9Cg/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Clarity Support Docs\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#0aa68a\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.support.onclarity.com/sdks/overview\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/sdks/overview.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.support.onclarity.com/#organization\",\"name\":\"Clarity Support Docs\",\"url\":\"https://docs.support.onclarity.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/on-clarity/wANpiWtgQORdXhk3/logo/light.svg?fit=max\u0026auto=format\u0026n=wANpiWtgQORdXhk3\u0026q=85\u0026s=a67bcf8cb635c40e2371c3f86424d4a0\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.support.onclarity.com#website\",\"name\":\"Clarity Support Docs\",\"url\":\"https://docs.support.onclarity.com\",\"publisher\":{\"@id\":\"https://docs.support.onclarity.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.support.onclarity.com/sdks/overview#webpage\",\"url\":\"https://docs.support.onclarity.com/sdks/overview\",\"name\":\"SDKs overview\",\"description\":\"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.\",\"dateModified\":\"2026-10-23T13:45:05.026Z\",\"isPartOf\":{\"@id\":\"https://docs.support.onclarity.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.support.onclarity.com/sdks/overview#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.support.onclarity.com/sdks/overview#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Clarity Support Docs\",\"item\":\"https://docs.support.onclarity.com\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SDKs overview\",\"item\":\"https://docs.support.onclarity.com/sdks/overview\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.support.onclarity.com/sdks/overview#article\",\"headline\":\"SDKs overview\",\"name\":\"SDKs overview\",\"description\":\"Add Clarity support chat to your website or mobile app, and find the ids each SDK needs.\",\"url\":\"https://docs.support.onclarity.com/sdks/overview\",\"mainEntityOfPage\":{\"@id\":\"https://docs.support.onclarity.com/sdks/overview#webpage\"},\"dateModified\":\"2026-10-23T13:45:05.026Z\",\"publisher\":{\"@id\":\"https://docs.support.onclarity.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.support.onclarity.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Clarity Support Docs\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Clarity Support Docs","nav":{"global":{"anchors":[{"anchor":"Open Clarity","icon":"arrow-up-right-from-square","href":"https://support.onclarity.com"},{"anchor":"Support","icon":"envelope","href":"mailto:hello@onclarity.com"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"Get started","pages":[{"title":"Clarity support documentation","sidebarTitle":"Welcome","href":""},{"title":"Quickstart","href":"/quickstart"},{"title":"Authentication","href":"/authentication"}]},{"group":"Voice AI","pages":[{"title":"Voice AI overview","sidebarTitle":"Overview","href":"/voice/overview"},{"title":"Place an outbound call","sidebarTitle":"Outbound calls","href":"/voice/outbound-calls"},{"title":"Call-ended webhook","sidebarTitle":"Call-ended webhook","href":"/voice/call-ended-webhook"},{"title":"Conversations and recordings","sidebarTitle":"Conversations","href":"/voice/conversations"},{"title":"Run an outbound campaign","sidebarTitle":"Campaigns","href":"/voice/campaigns"},{"title":"Manage agents","sidebarTitle":"Agents","href":"/voice/agents"},{"title":"Test agents with evals","sidebarTitle":"Evals","href":"/voice/evals"}]},{"group":"Support and chat","pages":[{"title":"Support and chat overview","sidebarTitle":"Overview","href":"/support/overview"},{"title":"Connect your own channel to the AI agent","sidebarTitle":"AI service integration","href":"/support/ai-service"},{"title":"Send messages","href":"/support/messages"},{"title":"Customers and tickets","href":"/support/customers-and-tickets"},{"title":"Knowledge base","href":"/support/knowledge-base"},{"title":"Support webhooks","sidebarTitle":"Webhooks","description":"Receive an HTTP request when a message arrives, a ticket changes, or a knowledge base article is created.","href":"/support/webhooks"}]},{"group":"SDKs","pages":[{"title":"SDKs overview","href":"/sdks/overview"},{"title":"Web chat widget","description":"Embed Clarity's support chat on your website, open it from your own buttons, and identify signed-in visitors.","href":"/sdks/web-widget"},{"title":"Android SDK","href":"/sdks/android"},{"title":"iOS SDK","href":"/sdks/ios"},{"title":"Flutter plugin","href":"/sdks/flutter"}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]},{"tab":"Changelog","pages":[{"title":"Changelog","href":"/changelog"}]}]},"title":"SDKs overview - Clarity Support Docs","buildId":"dpl_5UDDZ9hnigTkoV7QtvQ39eUp84nu","deploymentId":"dpl_5UDDZ9hnigTkoV7QtvQ39eUp84nu","dynamics":[],"chunks":[]}