Framer Integration
Add your Chatsa chatbot to your Framer website using our embed code.
Step 1: Get Your Chatbot Embed Code
Log into your Chatsa account and navigate to your dashboard.
[Image Placeholder]Select the chatbot you want to add to your Framer site.
[Image Placeholder]Click on the Connect tab and copy your embed code.
[Image Placeholder]
Step 2: Add the Embed Code to Your Framer Site
Sign in to your Framer website and head to your project dashboard.
Click on the website project you wish to embed your Chatsa chatbot.
[Image Placeholder]After clicking through to open the website project, locate the page you wish to embed your chatbot on the left side of the editor and click the three-dot icon next to the name of the page.
[Image Placeholder]Click "Settings" to open the settings for that page.
On the Settings page, scroll down to find the section labeled "Custom Code".
Right under the Custom Code section, paste your Chatsa chatbot embed code in the first box labeled "Start of <head> tag" and click Save on the top right corner of the panel.
[Image Placeholder]
Note: If you want the chatbot to appear on all pages, add the embed code to your template page. For specific pages only, add it to individual page settings.
Step 3: Test Your Integration
Preview your Framer site to ensure the chatbot appears correctly.
[Image Placeholder]Try sending a test message to verify the chatbot is working properly.
Check that the chatbot styling matches your website's design.
Congratulations! Your Chatsa chatbot is now live on your Framer website. Visitors can now interact with your chatbot and get instant responses to their questions.
Get Embed Code
Copy the embed code to add your Chatsa chatbot to your Framer website