Multi-platform Integrations
Add Chatbots to Weebly Websites
Learn how to easily add a chatbot widget to your Weebly Website.
Step 1: Set Up Your Chat Data Chatbot
To begin, log into your Chat Data account. If you're new, you can sign up for a free account here. Once logged in, create your chatbot by incorporating your knowledge sources. You can use a variety of formats such as documents, text snippets, web pages, or Q&A pairs to establish your chatbot's knowledge base.
Need help setting up your Chat Data chatbot? Refer to our detailed setup guide.
Step 2: Obtain Your Chatbot's Embed Code
Go to our Website Integration Guide to get your unique Chat Data chatbot embed code. 
After copying your iframe embed code, you can proceed to add it to your Weebly site.
Step 3: Insert Embed Code into Your Weebly Website
- Log into your Weebly account and navigate to the Edit site page.
- Choose the page you want to edit.
- From the Basic toolbar on the left side of the editing page, find the widget labeled Embed Code.
- Drag the Embed Code element to the desired location on the page where you want your chatbot to appear.
- A text element saying Click to set custom HTML will appear where the Embed code widget was placed. Click on the text, then select Edit Custom HTML.
- Insert your Chat Data embed code into the custom HTML box.
- Click outside the element, and your chatbot should now be visible on the page.
Great work! Your Chat Data chatbot is now successfully integrated with your Weebly website.
Tip: Want to modify your chatbot's look? Visit your Chat Data dashboard, select your bot, go to Settings, and look for Chat Interface in the left menu to access all customization options.
Frequently Asked Questions
How do I add a Chat Data chatbot to a Weebly website?
A three-step flow: create the chatbot in Chat Data, copy its embed code from the website integration guide, and then place that code into Weebly using the `Embed Code` widget on the page you want to edit.
What do I need to prepare in Chat Data before embedding on Weebly?
Before embedding, the guide says to log in to Chat Data and build the chatbot using its knowledge sources. It lists documents, text snippets, webpages, and Q&A pairs as example formats for creating the chatbot's knowledge base.
Where do I paste the chatbot code in Weebly?
Inside Weebly, you go to `Edit site`, open the target page, drag the `Embed Code` element to the desired location, click the placeholder text, choose `Edit Custom HTML`, and paste the Chat Data embed code into that custom HTML box.
How can I tell the Weebly chatbot embed worked?
After you paste the code and click outside the element, the page says the chatbot should become visible directly on the page. That immediate on-page preview is the confirmation that the embed was inserted correctly.