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
-
Log in to your Framer account
Select the website where you want to add Quidget. -
Open the Settings page
Click the gear ⚙️ icon in the top-right corner and choose General from the sidebar. -
Insert the code
- Scroll to Custom Code and paste your Quidget code at the end of the head tag.
- Click Save to apply changes.
-
Publish your site
Click Publish to make Quidget live on your site.
Adding the embed format Web Chat
-
Go to Appearance in Quidget’s sidebar
Under the Styling tab, switch Widget style from Bubble to Embed, and save. -
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.
-
Publish your site
Click Publish to activate the embedded chatbot.
Disabling the chatbot
- Go to the Test & Install page in your chatbot sidebar menu.
- Toggle the switch above the chat preview to off to deactivate the chatbot without removing the code.