{"id":2079,"date":"2026-02-22T10:03:58","date_gmt":"2026-02-22T10:03:58","guid":{"rendered":"https:\/\/perfectoholic.pro\/tristan\/?p=2079"},"modified":"2026-02-22T10:03:58","modified_gmt":"2026-02-22T10:03:58","slug":"bubble-chatbot-installation-guide","status":"publish","type":"post","link":"https:\/\/perfectoholic.pro\/tristan\/bubble-chatbot-installation-guide\/","title":{"rendered":"Bubble Chatbot Installation Guide"},"content":{"rendered":"<p data-start=\"0\" data-end=\"111\"><strong data-start=\"0\" data-end=\"48\">Step 1: Copy the Script from the Deploy Page<\/strong><br data-start=\"48\" data-end=\"51\" \/>Copy the full embed script from the chatbot <strong data-start=\"95\" data-end=\"105\">Deploy<\/strong> page.<\/p>\n<p data-start=\"0\" data-end=\"111\"><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=\"113\" data-end=\"152\"><strong data-start=\"113\" data-end=\"150\">Method 1: Chat Bubble Integration<\/strong><\/p>\n<ul data-start=\"153\" data-end=\"507\">\n<li data-start=\"153\" data-end=\"191\">\n<p data-start=\"155\" data-end=\"191\">Log in to your <strong data-start=\"170\" data-end=\"180\">Bubble<\/strong> account.<\/p>\n<\/li>\n<li data-start=\"192\" data-end=\"276\">\n<p data-start=\"194\" data-end=\"276\">On your project card, click the <strong data-start=\"226\" data-end=\"244\">hamburger menu<\/strong> and select <strong data-start=\"256\" data-end=\"273\">Launch Editor<\/strong>.<\/p>\n<\/li>\n<li data-start=\"277\" data-end=\"354\">\n<p data-start=\"279\" data-end=\"354\">In the editor, open the <strong data-start=\"303\" data-end=\"318\">SEO\/Manager<\/strong> tab and navigate to <strong data-start=\"339\" data-end=\"351\">Settings<\/strong>.<\/p>\n<\/li>\n<li data-start=\"355\" data-end=\"437\">\n<p data-start=\"357\" data-end=\"437\">Scroll to the <strong data-start=\"371\" data-end=\"393\">Script in the Body<\/strong> section and paste the chat bubble script.<\/p>\n<\/li>\n<li data-start=\"438\" data-end=\"507\">\n<p data-start=\"440\" data-end=\"507\">Save your changes and <strong data-start=\"462\" data-end=\"473\">publish<\/strong> the site to activate the chatbot.<\/p>\n<\/li>\n<\/ul>\n<p data-start=\"509\" data-end=\"563\"><strong data-start=\"509\" data-end=\"561\">Method 2: Iframe \/ Conversation Form Integration<\/strong><\/p>\n<ul data-start=\"564\" data-end=\"864\" data-is-last-node=\"\" data-is-only-node=\"\">\n<li data-start=\"564\" data-end=\"615\">\n<p data-start=\"566\" data-end=\"615\">Switch to <strong data-start=\"576\" data-end=\"591\">Design mode<\/strong> in the Bubble editor.<\/p>\n<\/li>\n<li data-start=\"616\" data-end=\"660\">\n<p data-start=\"618\" data-end=\"660\">Drag an <strong data-start=\"626\" data-end=\"642\">HTML element<\/strong> onto your page.<\/p>\n<\/li>\n<li data-start=\"661\" data-end=\"766\">\n<p data-start=\"663\" data-end=\"766\">Paste the inline chatbot <strong data-start=\"688\" data-end=\"698\">iframe<\/strong> code into the HTML element and adjust width and height as needed.<\/p>\n<\/li>\n<li data-start=\"767\" data-end=\"864\" data-is-last-node=\"\">\n<p data-start=\"769\" data-end=\"864\" data-is-last-node=\"\">Save your changes, <strong data-start=\"788\" data-end=\"799\">publish<\/strong> the site, and test the chatbot to confirm it displays correctly.<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Step 1: Copy the Script from the Deploy PageCopy the full embed script from the chatbot Deploy page. Method 1: Chat Bubble Integration Log in to your Bubble account. On your project card, click the hamburger menu and select Launch Editor. In the editor, open the SEO\/Manager tab and navigate to Settings. Scroll to the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2080,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-2079","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\/2079","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=2079"}],"version-history":[{"count":1,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts\/2079\/revisions"}],"predecessor-version":[{"id":2081,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts\/2079\/revisions\/2081"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/media\/2080"}],"wp:attachment":[{"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/media?parent=2079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/categories?post=2079"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/tags?post=2079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}