How to add Quidget to your Framer site

Overview

Integrate Quidget’s AI-powered Web Chat on your Framer site to deliver real-time support and enhance visitor interaction.

Copy your Quidget code

In your chatbot sidebar menu, go to the Test & Install page and copy the code snippet provided.


Adding Quidget to Framer

  1. Log in to your Framer account
    Select the website where you want to add Quidget.

  2. Open the Settings page
    Click the gear ⚙️ icon in the top-right corner and choose General from the sidebar.

  3. Insert the code

    • Scroll to Custom Code and paste your Quidget code at the end of the head tag.
    • Click Save to apply changes.
  4. Publish your site
    Click Publish to make Quidget live on your site.


Adding the embed format Web Chat

  1. Go to Appearance in Quidget’s sidebar
    Under the Styling tab, switch Widget style from Bubble to Embed, and save.

  2. Embed Quidget in Framer

    • Select your page in Framer and click Insert.
    • Choose the Embed component from the Utility section and place it on your page.
    • In the sidebar, select HTML type and paste the embed code.
  3. Publish your site
    Click Publish to activate the embedded chatbot.


Disabling the chatbot

  1. Go to the Test & Install page in your chatbot sidebar menu.
  2. Toggle the switch above the chat preview to off to deactivate the chatbot without removing the code.