Install the chatbot on WordPress
Add an AI chatbot to your WordPress website in a few minutes, without touching your theme's code.
1 min readThis guide shows you how to add your chatbot's widget to a WordPress website, with a free plugin and without editing your theme's files.
Before you start
- Your chatbot must be live: in the Deploy tab, click Deploy.
- Copy the embed code: Deploy → Widget tab, Copy button. See Install the widget on your website.
Install the WPCode plugin
- In the WordPress admin, go to Plugins → Add New Plugin.
- Search for WPCode (Insert Headers and Footers), then click Install Now and Activate.
On WordPress.com, installing plugins is only possible on a plan that allows them.
Paste the code in the footer
- In the left menu, open Code Snippets → Header & Footer.
- Paste the embed code in the Footer box.
- Save.
The widget now shows on every page of your website.
Tip: avoid pasting the code directly into your theme's footer.php file: it would be wiped by the next theme update. The plugin keeps the code whatever the theme.
Check on your website
Open your website in a private browsing window: the chat bubble should appear in the corner chosen in Settings. If you use a cache plugin, clear its cache first.
The widget doesn't show?
- Cache plugin (WP Rocket, LiteSpeed Cache, W3 Total Cache…): clear the cache, then reload the page.
- "Delay JavaScript execution" option: with this setting, the widget only appears after the visitor's first scroll or click. To show it on page load, add
chatbotmaker.fr/embed/chatbot.jsto that option's exclusions. - Allowed sites: if you filled them in, check that your website's domain is in the list.
- Check that the chatbot is Live in the Deploy tab.
Was this guide helpful?
Next guideInstall the chatbot on Shopify