Understand the two display templates and when to use each one
When you create a chatbot, you choose one of two display templates: Chat Assistant or Website Chatbot. The template controls how the chatbot appears to your users. Both templates connect to the same Agent or workflow and support the same features for customization, prompts, and analytics. The difference is purely in the visual layout and how users access the chatbot.
Choose Chat Assistant when you want to give users a dedicated, full-screen chat experience. This works well for internal teams, knowledge portals, and any situation where the chatbot is the primary interface the user interacts with.Choose Website Chatbot when you want to add chat functionality to an existing website without disrupting the page layout. The chatbot appears as a small launcher button in the corner of the screen and expands into a chat window when clicked.You can change the template at any time from the chatbot builder by opening the settings and selecting a different interface type.
Switching between templates resets all deployment options (colors, messages, launcher settings) to the new template’s defaults. Save any custom settings you want to preserve before switching.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"VectorShift","colors":{"primary":"#6366f1","light":"#818cf8","dark":"#4f46e5"},"logo":{"light":"https://mintcdn.com/vectorshift/ko1lD3nuBSgpmLV4/logo/vectorshift-logo.png?fit=max\u0026auto=format\u0026n=ko1lD3nuBSgpmLV4\u0026q=85\u0026s=0b909e21221badbcd2332ad0c7b06a8e","dark":"https://mintcdn.com/vectorshift/ko1lD3nuBSgpmLV4/logo/vectorshift-logo.png?fit=max\u0026auto=format\u0026n=ko1lD3nuBSgpmLV4\u0026q=85\u0026s=0b909e21221badbcd2332ad0c7b06a8e"},"favicon":"https://mintcdn.com/vectorshift/PSG1OGMwi51Mi0EL/android-chrome-512x512.png?fit=max\u0026auto=format\u0026n=PSG1OGMwi51Mi0EL\u0026q=85\u0026s=1a5016324923f89a576a8696462ef07e","appearance":{"default":"system","strict":false},"navbar":{"links":[{"href":"/support","label":"Support"},{"href":"https://app.vectorshift.ai/account/api-keys","label":"API Keys"}],"primary":{"type":"button","label":"Platform","href":"https://app.vectorshift.ai"}},"footer":{"socials":{"x":"https://x.com/vectorshiftai","linkedin":"https://linkedin.com/company/vectorshift"}},"search":{"prompt":"Search the SDK, API, and platform docs…"},"seo":{"metatags":{"og:image":"/logo/vectorshift-logo.png"},"indexing":"navigable"},"icons":{"library":"lucide"},"styling":{"codeblocks":{"languages":{}},"latex":true},"contextual":{"options":["copy","view","chatgpt","claude","aistudio","perplexity"],"display":"header"},"navigation":{"global":{"anchors":[{"anchor":"Book a Demo","icon":"calendar","href":"https://calendly.com/albert_mao/vectorshift-intro-chat"},{"anchor":"Changelog","icon":"history","href":"https://vectorshift.ai/blog?tag=changelog"},{"anchor":"Blog","icon":"newspaper","href":"https://vectorshift.ai/blog"},{"anchor":"Tutorials","icon":"youtube","href":"https://www.youtube.com/@VectorShiftAI"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"vectorshift","hasAudioNarration":false,"actualSubdomain":"vectorshift","customDomains":["docs.vectorshift.ai"],"gitSource":{"type":"github","owner":"vectorshift","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ae91d0add662a242ab77468:success","clientVersion":"0.0.4094","searchFilterCounts":[{"language":"default","tag":"SDK","count":136},{"language":"default","tag":"Documentation","count":124},{"language":"default","tag":"Examples","count":84},{"language":"default","tag":"Nodes","count":65},{"language":"default","tag":"Platform","count":61},{"language":"default","tag":"Pipeline","count":38},{"language":"default","tag":"API Reference","count":30},{"language":"default","tag":"Agent","count":27},{"language":"default","tag":"Knowledge Base","count":24},{"language":"default","tag":"Interfaces","count":20}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"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":"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":"llms-txt-v2","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":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":"@media (min-width: 1024px){.hidden.xl\\:flex{display:flex!important}div.z-10.hidden:has(>div.xl\\:flex){display:block!important}}"}],"page":{"pagePath":"platform/interfaces/chatbots/assistant-vs-website","slug":"/platform/interfaces/chatbots/assistant-vs-website","pageMetadata":{"title":"Chat Assistant vs Website Chatbot","description":"Understand the two display templates and when to use each one","href":"/platform/interfaces/chatbots/assistant-vs-website"},"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: \"Understand the two display templates and when to use each one\"\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={p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,..._provideComponents(),...props.components},{Card,CardGroup,Heading,OptimizedImage,Table,Warning}=_components;if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Table)_missingMdxReference(`Table`,true);if(!Warning)_missingMdxReference(`Warning`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`When you create a chatbot, you choose one of two display templates: `,_jsx(_components.strong,{children:`Chat Assistant`}),` or `,_jsx(_components.strong,{children:`Website Chatbot`}),`. The template controls how the chatbot appears to your users. Both templates connect to the same Agent or workflow and support the same features for customization, prompts, and analytics. The difference is purely in the visual layout and how users access the chatbot.`]}),`\n`,_jsx(Heading,{level:`2`,id:`key-differences`,children:`Key differences`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Aspect`}),_jsx(_components.th,{children:`Chat Assistant`}),_jsx(_components.th,{children:`Website Chatbot`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`What it is`})}),_jsx(_components.td,{children:`A standalone, full-page chat interface`}),_jsx(_components.td,{children:`A collapsible widget that floats on your website`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Layout`})}),_jsx(_components.td,{children:`Occupies the full browser window with a conversation list on the left`}),_jsx(_components.td,{children:`Opens as an overlay in the corner of the page`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Best for`})}),_jsx(_components.td,{children:`Internal tools, dedicated support portals, team-facing assistants`}),_jsx(_components.td,{children:`Customer-facing websites where the chatbot supplements existing content`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Typical use cases`})}),_jsx(_components.td,{children:`Knowledge base Q\u0026A for employees, onboarding assistants, research tools`}),_jsx(_components.td,{children:`Live support widgets, product recommendation bots, FAQ assistants`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`How users access it`})}),_jsx(_components.td,{children:`Via a shareable link (optionally protected with SSO or password)`}),_jsx(_components.td,{children:`Via an embedded script tag or iFrame on your website`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Conversation persistence`})}),_jsx(_components.td,{children:`Built-in: users see their full conversation list`}),_jsx(_components.td,{children:`Configurable: you set how long conversations persist for returning visitors (default: 1 week)`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Launcher`})}),_jsx(_components.td,{children:`Not applicable (the chatbot is the full page)`}),_jsx(_components.td,{children:`Customizable launcher button with configurable icon, text, and position`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Setup complexity`})}),_jsx(_components.td,{children:`Simpler: share a link or protect with SSO`}),_jsx(_components.td,{children:`Slightly more involved: embed a code snippet, configure launcher position and appearance`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`choosing-a-template`,children:`Choosing a template`}),`\n`,_jsxs(_components.p,{children:[`Choose `,_jsx(_components.strong,{children:`Chat Assistant`}),` when you want to give users a dedicated, full-screen chat experience. This works well for internal teams, knowledge portals, and any situation where the chatbot is the primary interface the user interacts with.`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/vectorshift/2SncB8zDn3ojfFgq/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png?fit=max\u0026auto=format\u0026n=2SncB8zDn3ojfFgq\u0026q=85\u0026s=9d418940f649f5a21032b75be65ed3c6`,alt:`Chat Assistant full-page interface example`,\"data-og-width\":`1100`,width:`1100`,\"data-og-height\":`490`,height:`490`,\"data-path\":`images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/vectorshift/2SncB8zDn3ojfFgq/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png?w=280\u0026fit=max\u0026auto=format\u0026n=2SncB8zDn3ojfFgq\u0026q=85\u0026s=be23bd9bc3bdf1737d4a446906c6721d 280w, https://mintcdn.com/vectorshift/2SncB8zDn3ojfFgq/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png?w=560\u0026fit=max\u0026auto=format\u0026n=2SncB8zDn3ojfFgq\u0026q=85\u0026s=6fedd0790665f7ebab41db0f13680ee8 560w, https://mintcdn.com/vectorshift/2SncB8zDn3ojfFgq/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png?w=840\u0026fit=max\u0026auto=format\u0026n=2SncB8zDn3ojfFgq\u0026q=85\u0026s=21bb69eff4f53b4611c19316493a5224 840w, https://mintcdn.com/vectorshift/2SncB8zDn3ojfFgq/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png?w=1100\u0026fit=max\u0026auto=format\u0026n=2SncB8zDn3ojfFgq\u0026q=85\u0026s=ed3d2c00074b8d2666e69fed227b2b58 1100w, https://mintcdn.com/vectorshift/2SncB8zDn3ojfFgq/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png?w=1650\u0026fit=max\u0026auto=format\u0026n=2SncB8zDn3ojfFgq\u0026q=85\u0026s=f89ea96ce9a7c9c857b90713dd2d47bc 1650w, https://mintcdn.com/vectorshift/2SncB8zDn3ojfFgq/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-chat-assistant.png?w=2500\u0026fit=max\u0026auto=format\u0026n=2SncB8zDn3ojfFgq\u0026q=85\u0026s=ac59458eeeb5f781ea9a366bd5b00f43 2500w`}),`\n`,_jsxs(_components.p,{children:[`Choose `,_jsx(_components.strong,{children:`Website Chatbot`}),` when you want to add chat functionality to an existing website without disrupting the page layout. The chatbot appears as a small launcher button in the corner of the screen and expands into a chat window when clicked.`]}),`\n`,_jsx(OptimizedImage,{src:`https://mintcdn.com/vectorshift/2_iKgv2IsZjPIgPn/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png?fit=max\u0026auto=format\u0026n=2_iKgv2IsZjPIgPn\u0026q=85\u0026s=d9435ece901563cb17b2d817c7a3f40a`,alt:`Website Chatbot embedded widget example`,\"data-og-width\":`1100`,width:`1100`,\"data-og-height\":`490`,height:`490`,\"data-path\":`images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/vectorshift/2_iKgv2IsZjPIgPn/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png?w=280\u0026fit=max\u0026auto=format\u0026n=2_iKgv2IsZjPIgPn\u0026q=85\u0026s=bc252f7e07535fb46dfc798773cf3458 280w, https://mintcdn.com/vectorshift/2_iKgv2IsZjPIgPn/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png?w=560\u0026fit=max\u0026auto=format\u0026n=2_iKgv2IsZjPIgPn\u0026q=85\u0026s=1071e68d72d27b5835d75a4f15d8e776 560w, https://mintcdn.com/vectorshift/2_iKgv2IsZjPIgPn/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png?w=840\u0026fit=max\u0026auto=format\u0026n=2_iKgv2IsZjPIgPn\u0026q=85\u0026s=8cee1be5b75bc2c5a03fac83c56ce850 840w, https://mintcdn.com/vectorshift/2_iKgv2IsZjPIgPn/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png?w=1100\u0026fit=max\u0026auto=format\u0026n=2_iKgv2IsZjPIgPn\u0026q=85\u0026s=a989700a33075d37b8583f504dc4c941 1100w, https://mintcdn.com/vectorshift/2_iKgv2IsZjPIgPn/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png?w=1650\u0026fit=max\u0026auto=format\u0026n=2_iKgv2IsZjPIgPn\u0026q=85\u0026s=42b1fa14564bbd9468923d4e719ab443 1650w, https://mintcdn.com/vectorshift/2_iKgv2IsZjPIgPn/images/platform/interfaces/chatbots/assistant-vs-website/chatbots-assistant-vs-website-website-chatbot.png?w=2500\u0026fit=max\u0026auto=format\u0026n=2_iKgv2IsZjPIgPn\u0026q=85\u0026s=803b01bee61265fa0ab1c27b40f73d10 2500w`}),`\n`,_jsx(_components.p,{children:`You can change the template at any time from the chatbot builder by opening the settings and selecting a different interface type.`}),`\n`,_jsx(Warning,{children:_jsx(_components.p,{children:`Switching between templates resets all deployment options (colors, messages, launcher settings) to the new template’s defaults. Save any custom settings you want to preserve before switching.`})}),`\n`,_jsx(Heading,{level:`2`,id:`next-steps`,children:`Next steps`}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Chat Assistant`,icon:`window-maximize`,href:`/platform/interfaces/chatbots/assistant`,children:_jsx(_components.p,{children:`Deploy and customize a full-page chat experience`})}),_jsx(Card,{title:`Website Chatbot`,icon:`window-restore`,href:`/platform/interfaces/chatbots/website`,children:_jsx(_components.p,{children:`Embed and customize a chat widget on your website`})})]})]})}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":{"codeStyling":{"languages":{}},"config":{},"pageMetadata":{"title":"Chat Assistant vs Website Chatbot","description":"Understand the two display templates and when to use each one","href":"/platform/interfaces/chatbots/assistant-vs-website"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Key differences","slug":"key-differences","depth":2,"children":[]},{"title":"Choosing a template","slug":"choosing-a-template","depth":2,"children":[]},{"title":"Next steps","slug":"next-steps","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"vectorshift","siteName":"VectorShift","title":"Chat Assistant vs Website Chatbot - VectorShift","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-07-06T08:21:49.321Z","originalFileLocation":"platform/interfaces/chatbots/assistant-vs-website.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=\"Understand the two display templates and when to use each one\">\u003cmeta data-mint-head name=\"application-name\" content=\"VectorShift\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/vectorshift/TwRU3RaBNwnTjf5H/_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/vectorshift/TwRU3RaBNwnTjf5H/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/vectorshift/TwRU3RaBNwnTjf5H/_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/vectorshift/TwRU3RaBNwnTjf5H/_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/vectorshift/TwRU3RaBNwnTjf5H/_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/vectorshift/TwRU3RaBNwnTjf5H/_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/vectorshift/TwRU3RaBNwnTjf5H/_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/vectorshift/TwRU3RaBNwnTjf5H/_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/vectorshift/TwRU3RaBNwnTjf5H/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Chat Assistant vs Website Chatbot - VectorShift\">\u003cmeta data-mint-head property=\"og:description\" content=\"Understand the two display templates and when to use each one\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"VectorShift\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://vectorshift.mintlify.site/logo/vectorshift-logo.png\">\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=\"Chat Assistant vs Website Chatbot - VectorShift\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Understand the two display templates and when to use each one\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://vectorshift.mintlify.site/logo/vectorshift-logo.png\">\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/vectorshift/TwRU3RaBNwnTjf5H/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"VectorShift\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#6366f1\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/platform/interfaces/chatbots/assistant-vs-website.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.vectorshift.ai/#organization\",\"name\":\"VectorShift\",\"url\":\"https://docs.vectorshift.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/vectorshift/ko1lD3nuBSgpmLV4/logo/vectorshift-logo.png?fit=max\u0026auto=format\u0026n=ko1lD3nuBSgpmLV4\u0026q=85\u0026s=0b909e21221badbcd2332ad0c7b06a8e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.vectorshift.ai#website\",\"name\":\"VectorShift\",\"url\":\"https://docs.vectorshift.ai\",\"publisher\":{\"@id\":\"https://docs.vectorshift.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website#webpage\",\"url\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website\",\"name\":\"Chat Assistant vs Website Chatbot\",\"description\":\"Understand the two display templates and when to use each one\",\"dateModified\":\"2026-07-06T08:21:49.321Z\",\"isPartOf\":{\"@id\":\"https://docs.vectorshift.ai#website\"},\"breadcrumb\":{\"@id\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Platform\",\"item\":\"https://docs.vectorshift.ai/platform/pipelines/overview\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interfaces\",\"item\":\"https://docs.vectorshift.ai/platform/interfaces/overview\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Chatbots\",\"item\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/overview\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Chat Assistant vs Website Chatbot\",\"item\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website#article\",\"headline\":\"Chat Assistant vs Website Chatbot\",\"name\":\"Chat Assistant vs Website Chatbot\",\"description\":\"Understand the two display templates and when to use each one\",\"url\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website\",\"mainEntityOfPage\":{\"@id\":\"https://docs.vectorshift.ai/platform/interfaces/chatbots/assistant-vs-website#webpage\"},\"image\":\"https://docs.vectorshift.ai/logo/vectorshift-logo.png\",\"dateModified\":\"2026-07-06T08:21:49.321Z\",\"publisher\":{\"@id\":\"https://docs.vectorshift.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.vectorshift.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"VectorShift\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"VectorShift","nav":{"global":{"anchors":[{"anchor":"Book a Demo","icon":"calendar","href":"https://calendly.com/albert_mao/vectorshift-intro-chat"},{"anchor":"Changelog","icon":"history","href":"https://vectorshift.ai/blog?tag=changelog"},{"anchor":"Blog","icon":"newspaper","href":"https://vectorshift.ai/blog"},{"anchor":"Tutorials","icon":"youtube","href":"https://www.youtube.com/@VectorShiftAI"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"Get Started","pages":[{"title":"Introduction","href":"/introduction"},{"title":"Quickstart","href":"/quickstart"},{"title":"Support","href":"/support"},{"title":"Sub-processors","href":"/sub-processors"}]},{"group":"Platform","pages":[{"group":"Workflows","pages":[{"title":"Overview","href":"/platform/pipelines/overview"},{"group":"Workflow Mechanics","pages":[{"title":"Variables","href":"/platform/pipelines/variables"},{"title":"Data Types","href":"/platform/pipelines/data-types"},{"title":"Dependencies","href":"/platform/pipelines/dependencies"}]}]},{"group":"Agents","pages":[{"title":"Agents","href":"/platform/agents/introduction"},{"title":"Build an Agent","href":"/platform/agents/build-an-agent"},{"group":"Agent Tab","pages":[{"title":"Agent Instructions","href":"/platform/agents/agent-instructions"},{"title":"AI Model","href":"/platform/agents/ai-model"},{"title":"Agent Tools","href":"/platform/agents/agent-tools"},{"title":"Knowledge Base","href":"/platform/agents/knowledge-base"},{"title":"Session Memory","href":"/platform/agents/session-memory"},{"title":"@ Tag References","href":"/platform/agents/at-tag-references"}]},{"title":"Customize Your Agent","href":"/platform/agents/interface-tab"},{"title":"Monitor Your Agent","href":"/platform/agents/manager-tab"},{"title":"Test and Deploy","href":"/platform/agents/chat-preview"},{"title":"Save and Version","href":"/platform/agents/saving-and-versioning"},{"title":"Share with Teammates","href":"/platform/agents/sharing"},{"title":"Tips and Best Practices","href":"/platform/agents/tips"}]},{"group":"Knowledge Base","pages":[{"title":"Overview","href":"/platform/knowledge/overview"},{"title":"Creating a New Knowledge Base","href":"/platform/knowledge/creating"},{"title":"Adding Data to Your Knowledge Base","href":"/platform/knowledge/adding-data"},{"title":"Managing Documents","href":"/platform/knowledge/managing-documents"},{"title":"Knowledge Base Settings","href":"/platform/knowledge/settings"},{"title":"Configuring Metadata on an Existing Knowledge Base","href":"/platform/knowledge/configure-metadata"},{"title":"Setting Up the Search Interface","href":"/platform/knowledge/search-interface"},{"title":"Using the Search Experience","href":"/platform/knowledge/search-experience"},{"title":"Monitoring Usage with the Manager Tab","href":"/platform/knowledge/manager-tab"},{"title":"Sharing a Knowledge Base","href":"/platform/knowledge/sharing"},{"title":"Accessing the API","href":"/platform/knowledge/api"},{"title":"Reference","href":"/platform/knowledge/reference"}]},{"group":"Interfaces","pages":[{"title":"Overview","href":"/platform/interfaces/overview"},{"group":"Chatbots","pages":[{"title":"Overview","href":"/platform/interfaces/chatbots/overview"},{"title":"Agentic Chatbot","href":"/platform/interfaces/chatbots/agentic"},{"title":"Workflow chatbot","description":"Build a chatbot backed by a step-by-step workflow you define","href":"/platform/interfaces/chatbots/workflow"},{"title":"Chat Assistant vs Website Chatbot","href":"/platform/interfaces/chatbots/assistant-vs-website"},{"title":"Chat Assistant","description":"Deploy a full-page chat experience and customize it to match your brand","href":"/platform/interfaces/chatbots/assistant"},{"title":"Website Chatbot","href":"/platform/interfaces/chatbots/website"},{"title":"Deploy to Slack","href":"/platform/interfaces/chatbots/slack"},{"title":"Deploy via WhatsApp and SMS","href":"/platform/interfaces/chatbots/whatsapp"},{"title":"Chat via API","href":"/platform/interfaces/chatbots/api"},{"title":"Chat analytics","href":"/platform/interfaces/chatbots/analytics"}]},{"title":"Search","href":"/platform/interfaces/search"},{"group":"Forms","pages":[{"title":"Overview","href":"/platform/interfaces/forms/overview"},{"title":"Building Your First Form","href":"/platform/interfaces/forms/building"},{"title":"Personalizing Your Form","href":"/platform/interfaces/forms/personalizing"},{"title":"Sharing Your Form","href":"/platform/interfaces/forms/sharing"},{"title":"Additional Features","href":"/platform/interfaces/forms/additional-features"},{"title":"Tracking Performance","href":"/platform/interfaces/forms/analytics"},{"title":"Reviewing Submissions","href":"/platform/interfaces/forms/submissions"}]},{"title":"Voicebots","href":"/platform/interfaces/voicebots"}]},{"group":"Portals","pages":[{"title":"Overview","href":"/platform/portals/overview"},{"title":"Creating a Portal","href":"/platform/portals/creating-a-portal"},{"title":"The Portal User Experience","href":"/platform/portals/portal-user-experience"},{"title":"Configuring a Portal","href":"/platform/portals/configuring-a-portal"},{"title":"Workspace","href":"/platform/portals/workspace"},{"title":"Deploying and Sharing a Portal","href":"/platform/portals/deploying-and-sharing"}]},{"group":"Marketplaces","pages":[{"title":"Overview","href":"/platform/marketplaces/overview"},{"title":"Publish to Marketplace","href":"/platform/marketplaces/publish"},{"title":"Ready-to-use templates","href":"/platform/marketplaces/templates"}]},{"title":"Transformations","href":"/platform/transformations"},{"title":"Files","href":"/platform/files"}]},{"group":"Nodes","pages":[{"group":"Start","pages":[{"title":"Input","href":"/nodes/input/overview"},{"title":"Output","href":"/nodes/output/overview"},{"title":"Start","href":"/nodes/start-node/overview"},{"title":"Trigger","href":"/nodes/trigger/overview"},{"title":"Browser Extension","href":"/nodes/browser-extension/overview"},{"title":"Note","href":"/nodes/note/overview"}]},{"group":"VectorShift","pages":[{"title":"Workflow Node","href":"/nodes/workflow/overview"},{"title":"Agent Node","href":"/nodes/agent/overview"}]},{"group":"Knowledge","pages":[{"title":"Knowledge Base Reader","href":"/nodes/knowledge-base-v3/overview"},{"title":"Create Knowledge Base","href":"/nodes/create-knowledge-base/overview"},{"title":"Knowledge Base Fetch Items","href":"/nodes/knowledge-base-fetch-items/overview"},{"title":"Knowledge Base Fetch Document Content","href":"/nodes/knowledge-base-fetch-document-content/overview"},{"title":"Knowledge Base Loader","href":"/nodes/knowledge-base-loader/overview"},{"title":"Sync Knowledge Base","href":"/nodes/sync-knowledge-base/overview"},{"title":"Knowledge Base Agent","href":"/nodes/knowledge-base-agent/overview"},{"title":"Semantic Search","href":"/nodes/semantic-search/overview"},{"title":"File","href":"/nodes/file/overview"},{"title":"File Save","href":"/nodes/file-save/overview"},{"title":"Create Workspace","href":"/nodes/create-workspace/overview"}]},{"group":"AI","pages":[{"title":"OpenAI LLM","href":"/nodes/openai/overview"},{"title":"Anthropic LLM","href":"/nodes/anthropic/overview"},{"title":"Google LLM","href":"/nodes/google/overview"},{"title":"Cohere LLM","href":"/nodes/cohere/overview"},{"title":"Custom LLM","href":"/nodes/custom/overview"},{"title":"Open Source LLM","href":"/nodes/open-source/overview"},{"title":"AWS Bedrock LLM","href":"/nodes/aws-bedrock/overview"},{"title":"xAI LLM","href":"/nodes/xai/overview"},{"title":"Perplexity LLM","href":"/nodes/perplexity/overview"},{"title":"Deep Research","href":"/nodes/deep-research/overview"},{"title":"Image to Image","href":"/nodes/image-to-image/overview"},{"title":"Text to Image","href":"/nodes/text-to-image/overview"},{"title":"Image to Text","href":"/nodes/image-to-text/overview"},{"title":"Speech to Text","href":"/nodes/speech-to-text/overview"},{"title":"Text to Speech","href":"/nodes/text-to-speech/overview"}]},{"group":"Logic","pages":[{"title":"Condition","href":"/nodes/condition/overview"},{"title":"AI Routing","href":"/nodes/ai-routing/overview"},{"title":"Merge - Pick First","href":"/nodes/merge-pick-first/overview"},{"title":"Merge - Join All","href":"/nodes/merge-join-all/overview"},{"title":"Set Variable","href":"/nodes/set-variable/overview"},{"title":"Code","href":"/nodes/code/overview"}]},{"group":"Chat","pages":[{"title":"Chat File Reader","href":"/nodes/chat-file-reader/overview"},{"title":"Chat Memory","href":"/nodes/chat-memory/overview"},{"title":"Create Session","href":"/nodes/create-session/overview"},{"title":"Data Collector","href":"/nodes/data-collector/overview"},{"title":"Listen — Button","href":"/nodes/listen-button/overview"},{"title":"Listen — Capture","href":"/nodes/listen-capture/overview"},{"title":"Post Message","href":"/nodes/post-message/overview"},{"title":"Talk — Message","href":"/nodes/talk-message/overview"},{"title":"Talk — Image","href":"/nodes/talk-image/overview"},{"title":"Talk — Card","href":"/nodes/talk-card/overview"},{"title":"Talk — Carousel","href":"/nodes/talk-carousel/overview"},{"title":"Read Session Messages","href":"/nodes/read-session-messages/overview"},{"title":"Get Run Data","href":"/nodes/get-run-data/overview"}]}]},{"group":"Account","pages":[{"title":"Profile","href":"/account/profile"},{"group":"Organizations","pages":[{"title":"Overview","href":"/account/organizations/overview"},{"title":"Enterprise Connections","href":"/account/organizations/enterprise-connections"}]},{"group":"Subscriptions","pages":[{"title":"Overview","href":"/account/subscriptions/overview"},{"title":"Personal Subscriptions","href":"/account/subscriptions/personal"},{"title":"Organization Subscriptions","href":"/account/subscriptions/organization"}]}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/overview"}]},{"tab":"SDK","pages":[{"title":"SDK","href":"/sdk"}]}]},"basePath":"","title":"Chat Assistant vs Website Chatbot - VectorShift","buildId":"dpl_42LwxxU1kGN114H4XzwGYXa9ZDah","deploymentId":"dpl_42LwxxU1kGN114H4XzwGYXa9ZDah","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-DkE6VzSN.js","lightbox-handle-r17bVUz3.js"]}
