{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"ZynfoAI","colors":{"primary":"#1C6E52","light":"#74B49A","dark":"#0B3B2E"},"favicon":"https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/favicon.svg?fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=92139d70a517e5e5b5d1ea2c03a9b2e1","logo":{"light":"https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/logo/light.svg?fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=daa425f0bcc0b46eb40bf25b03a548b5","dark":"https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/logo/dark.svg?fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=d1b509b7f69d7eebf30e2ba9aed9fc30","href":"https://zynfo.ai"},"background":{"decoration":null,"color":{"light":"#F7F5F0","dark":"#0B0B0D"}},"navbar":{"links":[{"label":"Website","href":"https://zynfo.ai"},{"label":"Support","href":"mailto:support@zynfo.ai"}],"primary":{"type":"button","label":"Open dashboard","href":"https://app.zynfo.ai"}},"footer":{"socials":{"linkedin":"https://linkedin.com/company/zynfoai","instagram":"https://instagram.com/zynfoai","youtube":"https://www.youtube.com/@zynfoai_official","facebook":"https://facebook.com/zynfoai"}},"fonts":{"heading":{"family":"Inter","weight":700},"body":{"family":"Inter"}},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"zynfoai","hasAudioNarration":false,"actualSubdomain":"zynfoai","customDomains":["docs.zynfo.ai"],"gitSource":{"type":"github","owner":"zynfoai","repo":"zynfoai-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true,"edits":false,"issues":false,"agentFeedback":true},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ae45bd40c07cd14361333d0","clientVersion":"0.0.4138","searchFilterCounts":[{"language":"default","tag":"Help center","count":44},{"language":"default","tag":"Integrations","count":10},{"language":"default","tag":"Connect AI agents","count":6},{"language":"default","tag":"Inbox","count":5},{"language":"default","tag":"Knowledge","count":4},{"language":"default","tag":"AI agent","count":3},{"language":"default","tag":"Billing and plans","count":3},{"language":"default","tag":"Leads, tickets and contacts","count":3},{"language":"default","tag":"Getting started","count":3},{"language":"default","tag":"Workspace settings","count":3}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","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":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","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":"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":"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":"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":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","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":"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":"workos-sso-scim","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},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","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}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":":root{--zf-emerald-500: #1c6e52;--zf-emerald-800: #0b3b2e;--zf-champagne-700: #775834;--zf-line: #e7e3da;--zf-ink: #0b0b0d;--zf-muted: #5e625f}h1,h2,h3{letter-spacing:-0.02em}h1{letter-spacing:-0.035em}.card,[data-card],.callout,.code-group,pre{box-shadow:none}.card,[data-card]{border-radius:20px;border-color:var(--zf-line)}.callout{border-radius:16px}figure img,.frame img{border-radius:16px;border:1px solid var(--zf-line)}:focus-visible{outline:3px solid var(--zf-emerald-500);outline-offset:2px}.dark :focus-visible{outline-color:#dcc08a}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}"}],"page":{"pagePath":"agent-management/custom-css","slug":"/agent-management/custom-css","pageMetadata":{"title":"Custom CSS for the chat widget","sidebarTitle":"Custom CSS","description":"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.","href":"/agent-management/custom-css"},"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: \"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.\"\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`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`There’s no custom CSS setting for the chat widget.`}),`\n`,_jsxs(_components.p,{children:[`You can change the widget’s look on the `,_jsx(_components.strong,{children:`AI agent`}),` page, on the `,_jsx(_components.strong,{children:`Website`}),` tab:`]}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[`Under `,_jsx(_components.strong,{children:`Look`}),`: `,_jsx(_components.strong,{children:`Logo`}),`, `,_jsx(_components.strong,{children:`Main colour`}),`, `,_jsx(_components.strong,{children:`Header fade colour`}),` and `,_jsx(_components.strong,{children:`Position`})]}),`\n`,_jsxs(_components.li,{children:[`Under `,_jsx(_components.strong,{children:`Size`}),`: `,_jsx(_components.strong,{children:`Width`}),`, `,_jsx(_components.strong,{children:`Height`}),`, `,_jsx(_components.strong,{children:`Corner roundness`}),` and `,_jsx(_components.strong,{children:`Text size`})]}),`\n`]}),`\n`,_jsxs(_components.p,{children:[`Click `,_jsx(_components.strong,{children:`Use my brand`}),` to start from your website’s logo and main colour. Every chat window also shows\n“Powered by ZynfoAI”, and no plan removes it.`]}),`\n`,_jsx(Frame,{caption:`All the look settings are on the Website tab.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/images/app/website-tab-look.png?fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=675377f145a62f3e8e9ec8f56a2f901e`,alt:`Website tab with colour, position and size settings next to the chat preview.`,\"data-og-width\":`1800`,width:`1800`,\"data-og-height\":`1086`,height:`1086`,\"data-path\":`images/app/website-tab-look.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/images/app/website-tab-look.png?w=280\u0026fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=42c3f943140a448b5e6df881e98385df 280w, https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/images/app/website-tab-look.png?w=560\u0026fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=1da8e93b55288a6ddc016ee3ace25920 560w, https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/images/app/website-tab-look.png?w=840\u0026fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=059bb3176e666fd3fd85c9eb3bd42e7e 840w, https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/images/app/website-tab-look.png?w=1100\u0026fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=5cccfc0f80471f75d8fd1dd1bd8202eb 1100w, https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/images/app/website-tab-look.png?w=1650\u0026fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=3ec9b784d38050fcb156fdb730e46da2 1650w, https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/images/app/website-tab-look.png?w=2500\u0026fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=ce1ef2b768214e814f529943fa320dce 2500w`})}),`\n`,_jsxs(_components.p,{children:[`See `,_jsx(_components.a,{href:`/agent-management/content-and-appearance`,children:`Chat widget text and appearance`}),`.`]}),`\n`,_jsxs(_components.p,{children:[`If you need a change these settings don’t cover, email `,_jsx(_components.a,{href:`mailto:support@zynfo.ai`,children:`support@zynfo.ai`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`related-topics`,children:`Related topics`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/agent-management/content-and-appearance`,children:`Chat widget text and appearance`})}),`\n`,_jsx(_components.li,{children:_jsx(_components.a,{href:`/agent-management/advanced-settings`,children:`Widget behaviour and settings`})}),`\n`]})]})}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":"Custom CSS for the chat widget","sidebarTitle":"Custom CSS","description":"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.","href":"/agent-management/custom-css"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Related topics","slug":"related-topics","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"zynfoai","siteName":"ZynfoAI","title":"Custom CSS for the chat widget - ZynfoAI","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-20T19:20:25.921Z","originalFileLocation":"agent-management/custom-css.md"},"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=\"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.\">\u003cmeta data-mint-head name=\"application-name\" content=\"ZynfoAI\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/zynfoai/f5wn8dCPOgzVOGjx/_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/zynfoai/f5wn8dCPOgzVOGjx/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/zynfoai/f5wn8dCPOgzVOGjx/_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/zynfoai/f5wn8dCPOgzVOGjx/_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/zynfoai/f5wn8dCPOgzVOGjx/_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/zynfoai/f5wn8dCPOgzVOGjx/_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/zynfoai/f5wn8dCPOgzVOGjx/_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/zynfoai/f5wn8dCPOgzVOGjx/_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/zynfoai/f5wn8dCPOgzVOGjx/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Custom CSS for the chat widget - ZynfoAI\">\u003cmeta data-mint-head property=\"og:description\" content=\"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"ZynfoAI\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.zynfo.ai/agent-management/custom-css\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://zynfoai.mintlify.site/_mintlify/api/og/v2?division=AI+agent\u0026amp;title=Custom+CSS+for+the+chat+widget\u0026amp;description=ZynfoAI+has+no+custom+CSS+setting+for+the+chat+widget.+What+you+can+change+on+the+AI+agent+page+instead%2C+and+who+to+contact+if+you+need+more.\u0026amp;theme=9b1d9def79e3034eb8f853f1\u0026amp;signature=312e7f05385d73be0b0fe68609fb91fe1e8d01b9eec98509c0d41cd1c8271ce3\">\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=\"Custom CSS for the chat widget - ZynfoAI\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://zynfoai.mintlify.site/_mintlify/api/og/v2?division=AI+agent\u0026amp;title=Custom+CSS+for+the+chat+widget\u0026amp;description=ZynfoAI+has+no+custom+CSS+setting+for+the+chat+widget.+What+you+can+change+on+the+AI+agent+page+instead%2C+and+who+to+contact+if+you+need+more.\u0026amp;theme=9b1d9def79e3034eb8f853f1\u0026amp;signature=312e7f05385d73be0b0fe68609fb91fe1e8d01b9eec98509c0d41cd1c8271ce3\">\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/zynfoai/f5wn8dCPOgzVOGjx/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"ZynfoAI\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#1C6E52\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.zynfo.ai/agent-management/custom-css\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/agent-management/custom-css.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.zynfo.ai/#organization\",\"name\":\"ZynfoAI\",\"url\":\"https://docs.zynfo.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/zynfoai/GvT_KW-9fkNNHhzU/logo/light.svg?fit=max\u0026auto=format\u0026n=GvT_KW-9fkNNHhzU\u0026q=85\u0026s=daa425f0bcc0b46eb40bf25b03a548b5\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.zynfo.ai#website\",\"name\":\"ZynfoAI\",\"url\":\"https://docs.zynfo.ai\",\"publisher\":{\"@id\":\"https://docs.zynfo.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.zynfo.ai/agent-management/custom-css#webpage\",\"url\":\"https://docs.zynfo.ai/agent-management/custom-css\",\"name\":\"Custom CSS for the chat widget\",\"description\":\"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.\",\"dateModified\":\"2026-10-20T19:20:25.921Z\",\"isPartOf\":{\"@id\":\"https://docs.zynfo.ai#website\"},\"breadcrumb\":{\"@id\":\"https://docs.zynfo.ai/agent-management/custom-css#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.zynfo.ai/agent-management/custom-css#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"AI agent\",\"item\":\"https://docs.zynfo.ai/agent-management/content-and-appearance\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Custom CSS for the chat widget\",\"item\":\"https://docs.zynfo.ai/agent-management/custom-css\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.zynfo.ai/agent-management/custom-css#article\",\"headline\":\"Custom CSS for the chat widget\",\"name\":\"Custom CSS for the chat widget\",\"description\":\"ZynfoAI has no custom CSS setting for the chat widget. What you can change on the AI agent page instead, and who to contact if you need more.\",\"url\":\"https://docs.zynfo.ai/agent-management/custom-css\",\"mainEntityOfPage\":{\"@id\":\"https://docs.zynfo.ai/agent-management/custom-css#webpage\"},\"dateModified\":\"2026-10-20T19:20:25.921Z\",\"publisher\":{\"@id\":\"https://docs.zynfo.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.zynfo.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"ZynfoAI\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"ZynfoAI\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/agent-management/custom-css.md","siteName":"ZynfoAI","nav":{"global":null,"tabs":[{"tab":"Help center","groups":[{"group":"Getting started","pages":[{"title":"What is ZynfoAI?","sidebarTitle":"What is ZynfoAI","href":"/introduction/what-is-zynfoai"},{"title":"What businesses use ZynfoAI for","sidebarTitle":"Use cases","href":"/introduction/use-cases"},{"title":"Quickstart: set up your AI agent","sidebarTitle":"Quickstart","href":"/introduction/quickstart"}]},{"group":"Dashboard","pages":[{"title":"Dashboard: what needs you and how your agent is doing","sidebarTitle":"Overview","href":"/dashboard/overview"}]},{"group":"Knowledge","pages":[{"title":"Manage your knowledge sources","sidebarTitle":"Manage sources","href":"/knowledge/managing-sources"},{"title":"Train your AI agent: website, files, Google Drive","sidebarTitle":"Train your AI agent","href":"/knowledge/ingestion-methods"},{"title":"Chunks: how your sources are split for answers","sidebarTitle":"Chunking","href":"/knowledge/chunking"},{"title":"Retrain or remove a knowledge source","sidebarTitle":"Retrain and remove","href":"/knowledge/resync-and-delete"}]},{"group":"AI agent","pages":[{"title":"Chat widget text and appearance","sidebarTitle":"Content and appearance","href":"/agent-management/content-and-appearance"},{"title":"Widget behaviour, instructions, handoff and allowed websites","sidebarTitle":"Advanced settings","description":"Set how the chat behaves, write the agent's rules, choose source links, set live chat hours, check your website install and limit which websites can show your chat.","href":"/agent-management/advanced-settings"},{"title":"Custom CSS for the chat widget","sidebarTitle":"Custom CSS","href":"/agent-management/custom-css"}]},{"group":"Install on your website","pages":[{"title":"Add the chat widget to your website","sidebarTitle":"HTML embed","description":"Copy your agent's embed code from the Website tab of the AI agent page, paste it before \u003c/body> on any site, then verify it's live. Works on WordPress, Wix, Squarespace and plain HTML.","href":"/embed/html-embed"},{"title":"Add the chat widget to a React or Next.js app","sidebarTitle":"React app","href":"/embed/react-embed"}]},{"group":"Inbox","pages":[{"title":"The Inbox: read and answer conversations","sidebarTitle":"Inbox","href":"/inbox/session-management"},{"title":"Live chat: when a customer asks for a person","sidebarTitle":"Live chat","href":"/inbox/human-handoff"},{"title":"Email inbox: answer customer emails in ZynfoAI","sidebarTitle":"Email inbox","href":"/inbox/email-channel"},{"title":"Export a conversation or your leads","sidebarTitle":"Export data","href":"/inbox/exporting-data"},{"title":"Ratings and satisfaction","sidebarTitle":"Analytics","href":"/inbox/analytics"}]},{"group":"Leads, tickets and contacts","pages":[{"title":"Contacts: everyone you talk to, one record per person","sidebarTitle":"Contacts","href":"/crm-and-support/customers"},{"title":"Leads: sales opportunities your AI agent captures","sidebarTitle":"Leads","href":"/crm-and-support/leads"},{"title":"Tickets: follow up on requests from chats","sidebarTitle":"Tickets","href":"/crm-and-support/tickets"}]},{"group":"Automate","pages":[{"title":"Workflows: automate what your AI agent does","sidebarTitle":"Workflows","href":"/automate/overview"}]},{"group":"Integrations","pages":[{"title":"Integrations overview","sidebarTitle":"Overview","href":"/integrations/overview"},{"title":"ZynfoAI for Shopify","sidebarTitle":"Shopify app","href":"/integrations/store-app"},{"title":"WhatsApp Business: connect your number","sidebarTitle":"WhatsApp","href":"/integrations/whatsapp"},{"title":"Freshsales: send captured leads to your CRM","sidebarTitle":"Freshsales","href":"/integrations/freshsales"},{"title":"Zoho CRM: send captured leads to your CRM","sidebarTitle":"Zoho CRM","href":"/integrations/zoho-crm"},{"title":"Zoho Desk: send tickets to your help desk","sidebarTitle":"Zoho Desk","href":"/integrations/zoho-desk"},{"title":"Calendars: Google Calendar, Cal.com and Calendly","sidebarTitle":"Calendars","href":"/integrations/calendars"},{"group":"Coming soon","pages":[{"title":"HubSpot (coming soon)","sidebarTitle":"HubSpot","href":"/integrations/hubspot"}]},{"group":"Not supported","pages":[{"title":"Freshdesk: no longer available","sidebarTitle":"Freshdesk","href":"/integrations/freshdesk"},{"title":"WooCommerce: not supported","sidebarTitle":"WooCommerce","href":"/integrations/woocommerce"}]}]},{"group":"Connect AI agents","pages":[{"title":"Connect AI agents to ZynfoAI","sidebarTitle":"Overview","href":"/api-and-mcp/overview"},{"title":"Connect Claude, ChatGPT or Perplexity","sidebarTitle":"Claude, ChatGPT, Perplexity","href":"/api-and-mcp/claude-and-chatgpt"},{"title":"Connect Claude Code, Claude Desktop or Codex","sidebarTitle":"Claude Code, Desktop, Codex","href":"/api-and-mcp/claude-code-and-desktop"},{"title":"API keys","sidebarTitle":"API keys","href":"/api-and-mcp/api-keys"},{"title":"MCP tools","sidebarTitle":"MCP tools","href":"/api-and-mcp/mcp-tools"},{"title":"REST API","sidebarTitle":"REST API","href":"/api-and-mcp/rest-api"}]},{"group":"Workspace settings","pages":[{"title":"Team members and roles","sidebarTitle":"Team and roles","href":"/settings/team"},{"title":"Tags for chats and tickets","sidebarTitle":"Tags","href":"/settings/tags"},{"title":"Delete your workspace","sidebarTitle":"Delete workspace","href":"/settings/delete-workspace"}]},{"group":"Billing and plans","pages":[{"title":"Upgrade and manage your ZynfoAI plan","sidebarTitle":"Upgrade and manage","href":"/billing/purchase-plan"},{"title":"Free plan and read-only mode","sidebarTitle":"Free plan and read-only","href":"/billing/free-plan"},{"title":"Plan limits and monthly usage","sidebarTitle":"Usage and limits","href":"/billing/credits"}]}]}]},"basePath":"","title":"Custom CSS for the chat widget - ZynfoAI","buildId":"dpl_715YoAgvjTGBDdo8RtXmHKM22b5p","deploymentId":"dpl_715YoAgvjTGBDdo8RtXmHKM22b5p","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-vIkpUzVS.js","DynamicMarkdown-TAXIW2vN.js","zoom-image-lightbox-y00V8U6G.js","lightbox-handle-r17bVUz3.js"]}
