← All articles
Install
One Line, Three Platforms: Adding a Chat Widget to WordPress, Shopify or Plain HTML
November 9, 2026 · 5 min read
Key takeaways
- Most chat widgets install by pasting one embed snippet just before the closing body tag, or into a footer scripts field.
- On WordPress, a footer-scripts field or a Custom HTML block is safer than editing theme files directly.
- On Shopify, the snippet normally goes into the theme's main layout file; duplicate the theme first so you can roll back.
- On plain HTML, paste the snippet into every page, or into a shared footer include if your site has one.
- Test on desktop and mobile, logged in and logged out, and clear caches before deciding something is broken.
What a one-line install actually means
When a chat provider says the widget installs in one line, it means you copy a short embed snippet and paste it into your site’s pages. That snippet loads the chat bubble and connects it to the bot you trained. You are not rebuilding your site, and you do not need to write code.
The only real question is where to paste it. The answer depends on how your site is built. This guide covers the three setups small businesses use most: WordPress, Shopify and hand-built HTML.
If you use 007AJ AI Chat, you train a bot on your FAQs or documents and then embed its widget. The steps below apply to that snippet, and the general idea carries over to most other chat tools too.
Before you paste anything
A few minutes of preparation prevents most install headaches.
- Train the bot first. A widget with no answers behind it only frustrates visitors. For example, start with your top 20 FAQs and check the replies before going live.
- Copy the snippet exactly. Use your own embed snippet from your dashboard. Do not retype it, and be careful that a word processor does not swap straight quotation marks for curly ones.
- Make a backup. Take a site backup, or duplicate your theme, so you can undo the change quickly.
- Check your plan. On this site the Free plan answers with keywords and canned replies only. Paid plans include a monthly Claude reply cap set by the owner, with a default of 50. Know which one your bot is using so the first test matches what visitors will see.
Option 1: WordPress
WordPress gives you several places to paste the snippet. In rough order of safety:
- A header and footer scripts field. Many themes, and some small plugins, offer a box for site-wide footer scripts. Paste the snippet there and save. Your changes then survive theme updates.
- A Custom HTML block. For a single page, add a Custom HTML block in the editor and paste the snippet in. This suits a bot that should appear only on a support or pricing page.
- Theme files. You can edit the footer template directly, but a theme update may overwrite your change. If you go this way, use a child theme.
If you run a caching or optimization plugin, clear its cache after saving. Some optimizers also delay or combine scripts, which can stop a widget from loading. If the bubble does not appear, try excluding the chat script from those settings.
Option 2: Shopify
On Shopify, the snippet normally belongs in the theme’s main layout file so it loads on every page of the storefront.
- In your admin, open the online store’s themes area.
- Duplicate your live theme first, so you have a restore point.
- Choose the option to edit the code and open the main layout file, usually called theme.liquid.
- Paste the snippet just above the closing </body> tag.
- Save, then view your storefront in a private browser window.
Menu names and layouts change from time to time, so treat these steps as guidance and check Shopify’s current help pages if something looks different. Also remember that checkout pages are often locked down on many plans, so your widget may show on product and cart pages but not at checkout. That is usually fine for support chat.
Option 3: Plain HTML
If you hand-built your site, or use a simple static page, the job is the most direct of the three. Open the page file and paste the snippet just before the closing </body> tag. Upload the file and refresh.
The catch is repetition. If you have ten pages, you need the snippet on all ten, or on the pages where you want chat. If your site uses a shared footer file or template include, paste it there once and every page picks it up.
Quick comparison
| Platform |
Where the snippet goes |
Main thing to watch |
| WordPress |
Footer scripts field, Custom HTML block, or child-theme footer |
Caching and script-optimizing plugins |
| Shopify |
Main layout file, above the closing body tag |
Duplicate the theme first; checkout pages may be restricted |
| Plain HTML |
Just before the closing body tag on each page, or in a shared footer |
Missing pages if you paste it by hand |
A five-minute test checklist
Once the snippet is in, do not assume it works. Run through these checks:
- Open your site in a private window so you see what a first-time visitor sees.
- Look for the chat bubble on your home page, a product or service page, and a contact page.
- Test on your phone. Make sure the bubble does not cover a button visitors need, such as an add-to-cart or call button.
- Ask three real questions from your FAQs and compare the replies with your source answers.
- Ask one question your bot should not be able to answer, and check that it admits it and points to a person or contact form.
- Clear your site cache and any CDN cache, then test again.
If the widget does not show up
The usual causes are simple. The snippet was pasted in the wrong file, a character was changed during copying, a cache is serving an old version, or a security or optimization plugin is blocking the script. Work through those in order. If you changed several things at once, undo them and add the snippet back alone. A duplicate theme or backup makes that easy.
Once the bubble loads and the answers look right, the install is done. From there, the real work is improving the bot’s answers as visitors ask new questions.
Note: Menu names, plugin options and platform restrictions change over time, so check your platform’s current documentation before editing theme files, and always keep a backup.
Educational article generated for this site. Competitor prices in the source facts were checked November 2026 — verify before relying on them.
AI customer support chat widget install guide Shopify WordPress