{"id":2098,"date":"2026-02-22T10:24:58","date_gmt":"2026-02-22T10:24:58","guid":{"rendered":"https:\/\/perfectoholic.pro\/tristan\/?p=2098"},"modified":"2026-02-22T10:26:52","modified_gmt":"2026-02-22T10:26:52","slug":"webflow-chatbot-installation-guide","status":"publish","type":"post","link":"https:\/\/perfectoholic.pro\/tristan\/webflow-chatbot-installation-guide\/","title":{"rendered":"Webflow Chatbot Installation Guide"},"content":{"rendered":"<div class=\"flex flex-col text-sm pb-25\">\n<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"request-69690dac-87c8-8324-8d75-e13ddb21e0a0-6\" data-testid=\"conversation-turn-156\" data-scroll-anchor=\"true\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] @w-sm\/main:[--thread-content-margin:--spacing(6)] @w-lg\/main:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"63936299-0598-43e8-a817-e4a21f3b7e53\" data-message-model-slug=\"gpt-5-2\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\">\n<div class=\"markdown prose dark:prose-invert w-full wrap-break-word light markdown-new-styling\">\n<p data-start=\"0\" data-end=\"128\"><strong data-start=\"0\" data-end=\"48\">Step 1: Copy the Script from the Deploy Page<\/strong><br data-start=\"48\" data-end=\"51\" \/>Open the Deploy page of your chatbot platform and copy the full embed script.<\/p>\n<p data-start=\"0\" data-end=\"128\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-2077\" src=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_104.png\" alt=\"\" width=\"1143\" height=\"675\" srcset=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_104.png 1143w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_104-300x177.png 300w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_104-1024x605.png 1024w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_104-768x454.png 768w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_104-600x354.png 600w\" sizes=\"(max-width: 1143px) 100vw, 1143px\" \/><\/p>\n<p data-start=\"130\" data-end=\"234\"><strong data-start=\"130\" data-end=\"165\">Step 2: Log in to Webflow Admin<\/strong><br data-start=\"165\" data-end=\"168\" \/>Log in to your Webflow account and open the <strong data-start=\"212\" data-end=\"233\">Webflow Dashboard<\/strong>.<\/p>\n<p data-start=\"130\" data-end=\"234\"><img decoding=\"async\" class=\"alignnone size-full wp-image-2102\" src=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_110.png\" alt=\"\" width=\"896\" height=\"535\" srcset=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_110.png 896w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_110-300x179.png 300w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_110-768x459.png 768w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_110-600x358.png 600w\" sizes=\"(max-width: 896px) 100vw, 896px\" \/><\/p>\n<p data-start=\"236\" data-end=\"364\"><strong data-start=\"236\" data-end=\"268\">Step 3: Access Site Settings<\/strong><br data-start=\"268\" data-end=\"271\" \/>From your project dashboard, open the site you want to integrate and click <strong data-start=\"346\" data-end=\"363\">Site Settings<\/strong>.<\/p>\n<p data-start=\"236\" data-end=\"364\"><img decoding=\"async\" class=\"alignnone size-full wp-image-2103\" src=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_109.png\" alt=\"\" width=\"914\" height=\"538\" srcset=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_109.png 914w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_109-300x177.png 300w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_109-768x452.png 768w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_109-600x353.png 600w\" sizes=\"(max-width: 914px) 100vw, 914px\" \/><\/p>\n<p data-start=\"366\" data-end=\"470\"><strong data-start=\"366\" data-end=\"394\">Step 4: Open Custom Code<\/strong><br data-start=\"394\" data-end=\"397\" \/>Navigate to the <strong data-start=\"413\" data-end=\"428\">Custom Code<\/strong> tab and locate the <strong data-start=\"448\" data-end=\"461\">Head Code<\/strong> section.<\/p>\n<p data-start=\"366\" data-end=\"470\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2104\" src=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_108.png\" alt=\"\" width=\"914\" height=\"536\" srcset=\"https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_108.png 914w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_108-300x176.png 300w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_108-768x450.png 768w, https:\/\/perfectoholic.pro\/tristan\/wp-content\/uploads\/2026\/02\/Screenshot_108-600x352.png 600w\" sizes=\"(max-width: 914px) 100vw, 914px\" \/><\/p>\n<p data-start=\"472\" data-end=\"575\"><strong data-start=\"472\" data-end=\"506\">Step 5: Paste the Embed Script<\/strong><br data-start=\"506\" data-end=\"509\" \/>Paste the chat bubble embed script into the <strong data-start=\"553\" data-end=\"566\">Head Code<\/strong> section.<\/p>\n<p data-start=\"577\" data-end=\"681\" data-is-last-node=\"\" data-is-only-node=\"\"><strong data-start=\"577\" data-end=\"605\">Step 6: Save and Publish<\/strong><br data-start=\"605\" data-end=\"608\" \/>Click <strong data-start=\"614\" data-end=\"622\">Save<\/strong> to apply your changes, then <strong data-start=\"651\" data-end=\"662\">publish<\/strong> your Webflow site.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"z-0 flex min-h-[46px] justify-start\"><\/div>\n<div class=\"mt-3 w-full empty:hidden\">\n<div class=\"text-center\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<div class=\"pointer-events-none h-px w-px absolute bottom-0\" aria-hidden=\"true\" data-edge=\"true\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Step 1: Copy the Script from the Deploy PageOpen the Deploy page of your chatbot platform and copy the full embed script. Step 2: Log in to Webflow AdminLog in to your Webflow account and open the Webflow Dashboard. Step 3: Access Site SettingsFrom your project dashboard, open the site you want to integrate and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2099,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-2098","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides","entry","has-media","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"_links":{"self":[{"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts\/2098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/comments?post=2098"}],"version-history":[{"count":3,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts\/2098\/revisions"}],"predecessor-version":[{"id":2105,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts\/2098\/revisions\/2105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/media\/2099"}],"wp:attachment":[{"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/media?parent=2098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/categories?post=2098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/tags?post=2098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}