To add a chatbot to WordPress or Shopify, pick a chatbot platform, build and test the bot with your content, then copy its embed script. On WordPress, paste it with a header and footer plugin or the theme settings; on Shopify, add it in the theme code or through an app embed. Test on desktop and mobile before publishing.
- Build and test the chatbot first; embedding is the quick final step.
- WordPress and Shopify both accept a small script or plugin to show the widget.
- Always back up your theme before editing code, and use a duplicate theme on Shopify.
- Check mobile display, speed, privacy wording and lead delivery after installing.
What do you need before installing a chatbot?
Installation is the easy part. Before you touch your website, make sure the chatbot itself is ready: its knowledge base, tone, languages, lead questions and a route to a human. Decide where leads should go, whether that is a CRM, WhatsApp, email or a shared inbox, and who will respond. A chatbot that goes live without an owner quickly becomes a liability.
Prepare a short checklist: administrator access to WordPress or Shopify, a backup of your site or theme, the embed code or plugin from your chatbot provider and your privacy policy link. If you work with a developer or agency, share this list so access and expectations are clear. Never share your admin password in chat or email; invite collaborators with their own limited accounts.
- Admin access to the website or a staff account with theme permissions
- A current backup of the site or a duplicate of the live theme
- The finished chatbot with tested answers and lead capture
- The embed script, plugin or app from the chatbot platform
- A named person who will respond to handoffs and leads
How do you add a chatbot to WordPress?
There are two common routes. If your chatbot provider offers a WordPress plugin, install it from the Plugins page, activate it and paste the account key or ID in its settings. This is the simplest option and survives theme changes. Otherwise use a header and footer scripts plugin, paste the provider's script into the footer section and save.
A third route is editing the theme's footer file or using a child theme, but this is riskier because updates may overwrite changes and mistakes can break the site. If you are not comfortable with code, avoid it. After saving, clear any caching plugin and your CDN cache, then reload the page in a private window to see whether the widget appears.
How do you add a chatbot to Shopify?
If the provider has a Shopify app, install it from the app listing, approve the permissions it requests and enable the app embed in the theme editor under App embeds. This keeps the widget independent of theme code and makes it easy to switch off. Review the permissions carefully and grant only what the chatbot needs.
For a manual install, duplicate your live theme first, open the code editor on the duplicate and paste the script before the closing body tag in the main layout file. Preview the duplicate, confirm the chatbot works, and only then publish it. If you use Shopify for orders, you may also connect the chatbot to order status so it can answer delivery questions.
What should you check after installing?
Open the site on a phone and a desktop in different browsers. Make sure the chat bubble does not cover important buttons such as add to cart or call, and that it works on the checkout-related pages you intend it for. Test the full journey: ask a question, give details and confirm that the lead reaches your inbox or CRM.
Also look at page speed before and after, since additional scripts can slow a site if loaded badly. Update your privacy policy to mention the chatbot and what data it collects, and show a clear notice that visitors are speaking to an AI. Ask a colleague who did not build it to try to break it with unusual questions.
- Widget appears and is easy to open on mobile and desktop
- Chat bubble does not hide buttons, forms or cookie banners
- Answers match your current prices, policies and offers
- Leads and transcripts reach the right person or CRM
- Page speed and privacy wording are still acceptable
Which mistakes are common when adding a chatbot?
One frequent mistake is installing two chat tools at once, for example an old live chat script and a new bot, which creates overlapping bubbles and confusing behaviour. Another is leaving the default greeting, which feels generic and gets ignored. A third is editing live theme files directly without a backup, so a small error takes the storefront down.
Teams also forget to set working hours and handoff rules, so a customer asking for a person at night gets silence. Make the after-hours message honest and capture a callback request. Finally, many forget to refresh the chatbot's content when prices or offers change, so the bot keeps quoting old information.
Step by step
- Prepare the chatbot. Build the bot on your chosen platform, load your content, set tone and languages and define lead capture and handoff.
- Back up your site. Take a WordPress backup or duplicate your Shopify theme so you can restore quickly if needed.
- Get the embed code or plugin. Copy the script from the platform dashboard, or find its WordPress plugin or Shopify app.
- Install it on your platform. Use a plugin or header and footer tool on WordPress, or the app embed or theme code on Shopify.
- Test on all devices. Check the widget on mobile and desktop, run a full test conversation and confirm that leads arrive.
- Publish and monitor. Go live, clear caches, review transcripts weekly and update the bot's content as your offers change.
Frequently asked questions
Do I need a developer to install a chatbot?
Often not. Plugins and apps allow installation without code. A developer is helpful for custom behaviour, integration with your CRM or order system, or if your theme is heavily customised.
Will adding a chatbot slow down my website?
It can if the script is heavy or loads before the page content. Choose a provider whose widget loads asynchronously and measure your page speed before and after installation.
Can I show the chatbot only on certain pages?
Most platforms allow rules by page or URL, so you can show it on pricing and product pages but not on checkout or legal pages. Check the settings of your chosen tool.
How do I remove the chatbot if I change my mind?
Disable the plugin or app embed, or delete the pasted script. This is why a plugin or app embed is easier than editing theme files directly.
Need help with this? See our AI Chatbot for Websites service or talk to Yash Parikh.