How to Add Canary’s AI Chatbot to Your Website

Canary’s AI Chatbot makes it easy for users to get instant support on your website. Follow these simple steps to train and embed the chatbot on your site.

Step 1: Train the Chatbot

Before deploying the chatbot, you need to train it with relevant information.

1. Add Training Sources – Provide URLs, sitemaps, and text-based materials.
2. Review Chat Sources – Under ‘Chat Sources’, you can see what the bot has learned and make adjustments if needed.

Step 2: Get the Chatbot Code

1. Once training is complete, scroll to the bottom of the chatbot settings page.
2. You’ll see an embed code – copy this code.

Step 3: Insert the Chatbot Code into Your Website

For HTML (or Custom-Built) Websites

If your website is a standard HTML-based site or custom-built using HTML, PHP, or another framework, follow these steps:

1. Open the HTML file of the page where you want the chatbot to appear.
2. Paste the chatbot embed code right before the </body> tag in your HTML file.
3. Save and upload the updated file to your web server.

Your chatbot should now be live on your website!

If You’re Using a WordPress Site

WordPress does not provide a built-in way to edit the footer directly, so you may need a plugin. Below are two recommended plugins that allow you to insert scripts into your site’s footer:

• Insert Headers & Footers + Custom Code Snippets by WPCode
• Insert Headers & Footers by WPBrigade

Using the Plugin to Add the Code

1. Install and activate one of the recommended plugins from your WordPress dashboard.
2. Paste the chatbot embed code in the Footer Scripts section.
3. Click Save Changes.

Once done, your chatbot should appear on your website, ready to assist users!

Need Help?

If you face any issues, feel free to reach out to us at [email protected], and our team will promptly assist.