{"id":2076,"date":"2026-02-22T10:00:52","date_gmt":"2026-02-22T10:00:52","guid":{"rendered":"https:\/\/perfectoholic.pro\/tristan\/?p=2076"},"modified":"2026-02-22T10:04:44","modified_gmt":"2026-02-22T10:04:44","slug":"framer-chatbot-installation-guide","status":"publish","type":"post","link":"https:\/\/perfectoholic.pro\/tristan\/framer-chatbot-installation-guide\/","title":{"rendered":"Framer Chatbot Installation Guide"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n
\n

Step 1: Copy the Script from the Deploy Page<\/strong>
Copy the full embed script from the chatbot Deploy<\/strong> page.<\/p>\n

\"\"<\/p>\n

Method 1: Chat Bubble Integration<\/strong><\/h3>\n
    \n
  1. \n

    Log in to Framer<\/strong> and open your Framer Dashboard<\/strong>.<\/p>\n<\/li>\n

  2. \n

    Select the project where you want to add the chatbot.<\/p>\n<\/li>\n

  3. \n

    Click the Code<\/strong> icon in the editor to open Custom Code<\/strong>.<\/p>\n<\/li>\n

  4. \n

    Paste the embed script into the Footer Code<\/strong> section, just before the closing <\/body><\/code> tag.<\/p>\n<\/li>\n<\/ol>\n

    Method 2: Iframe \/ Conversation Form Integration<\/strong><\/h3>\n
      \n
    1. \n

      Drag and drop the Embed<\/strong> block onto your Framer page.<\/p>\n<\/li>\n

    2. \n

      Paste the chatbot iframe<\/strong> or conversation form<\/strong> code into the Embed block.<\/p>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

      <\/div>\n
      \n
      <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n
      <\/div>\n","protected":false},"excerpt":{"rendered":"

      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 Framer and open your Framer Dashboard. Select the project where you want to add the chatbot. Click the Code icon in the editor to open Custom Code. Paste the […]<\/p>\n","protected":false},"author":1,"featured_media":2082,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-2076","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\/2076","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=2076"}],"version-history":[{"count":1,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts\/2076\/revisions"}],"predecessor-version":[{"id":2078,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/posts\/2076\/revisions\/2078"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/media\/2082"}],"wp:attachment":[{"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/media?parent=2076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/categories?post=2076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/perfectoholic.pro\/tristan\/wp-json\/wp\/v2\/tags?post=2076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}