Webflow Integration
Add your Chatsa chatbot to your Webflow 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 Webflow site.
[Image Placeholder]Click on the Connect tab and copy your embed code.
[Image Placeholder]
Step 2: Add the Embed Code to Your Webflow Site
Log into your Webflow account and open your project.
[Image Placeholder]Click on the Pages panel in the left sidebar.
[Image Placeholder]Select the page where you want to add the chatbot (or select the template page for site-wide integration).
Click on the Settings icon (gear) in the top right corner.
[Image Placeholder]In the settings panel, scroll down to the Custom Code section.
Paste your Chatsa embed code into the "Footer Code" field.
[Image Placeholder]Click Save and close the settings panel.
Publish your changes by clicking the Publish button in the top right.
[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
Visit your published Webflow 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 Webflow 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 Webflow website