Multi-platform Integrations
Add Chatbots to Framer Websites
Discover how to integrate a chatbot widget into your Framer Website with ease.
Step 1: Configure Your Chat Data Chatbot
Begin by accessing your Chat Data account. If you're new, you can register for a free account here. Once logged in, begin building your chatbot by incorporating your knowledge base. Your bot can learn from multiple sources such as documents, written content, website pages, or question-and-answer sets.
For assistance with setting up your Chat Data chatbot, explore our detailed configuration guide.
Step 2: Retrieve Your Chatbot's Installation Code
Check our Website Integration Guide to get your personalized Chat Data chatbot installation code. 
After obtaining your installation code, you're prepared to implement it on your Framer site.
Step 3: Access Your Framer Website and Install Your Chatbot
- Log into your Framer website and navigate to your project control panel
- Select the website project where you want to implement your Chat Data chatbot
- Upon opening the website project, find your target page in the left sidebar, click the three-dot menu icon beside the page name, and select the Settings option.
- Select Settings to view the page configuration.
- Within the Settings page, navigate down to the Custom Code section.
- In the Custom Code area, insert your Chat Data chatbot installation code into the field marked Start of <head> tag and confirm by clicking Save in the top right.
- Upon successful implementation, a Chat Data chatbot icon should appear in the bottom left of your Framer website page
Well done! Your Chat Data bot is now operational on your website.
Hint: Interested in customizing your chatbot's appearance? Access your Chat Data dashboard, choose your bot, navigate to Settings, and explore Chat Interface in the left menu for all available customization features.