WooCommerce AI Chatbot: Add a Shopping Agent
Running WooCommerce on WordPress? Add a WooCommerce AI shopping assistant with a short script, then check it reads your products and policies.
Yes, you can add a WooCommerce AI chatbot by connecting your catalogue and store policies, then placing its script in your WordPress footer. The script displays the chat window. The catalogue connection supplies the product information behind its answers.
shoppa is an AI shopping agent with a native WooCommerce app and a two-line embed. Your customers find, compare and buy products in the chat, then get order support using your catalogue and documents. The script method below suits stores that want to manage placement themselves. The platform integration guides cover other storefronts.
WooCommerce AI Options
WordPress chatbot plugins and externally hosted assistants differ in where the chat service runs and who maintains it. A plugin can add the window, manage settings or connect to an external service. Installing a plugin doesn’t necessarily mean its AI runs on your WordPress server.
With a hosted agent, your site loads the widget while the service handles the conversation. WordPress still handles its catalogue requests and storefront activity. Keep the placement plugin updated, and include it in your normal WordPress maintenance.
A chatbot for WordPress can load on a blog or company page without WooCommerce. Product answers based on a WooCommerce catalogue, cart actions and WooCommerce order lookups need WooCommerce installed and the relevant connection enabled.
Adding the Script to WordPress
Add the complete script before the closing body tag using a code plugin or a child theme’s footer file. Use one placement method so the window loads once. Copy your store’s supplied embed exactly, including both script tags and its retailer ID.
The WPCode plugin provides a footer field without editing theme files. Its global header and footer instructions describe the following method.
- Install and activate WPCode on your staging copy.
- Open Code Snippets, then Header & Footer in the WordPress dashboard.
- Paste the complete embed into Footer, leaving existing unrelated snippets intact.
- Select Save Changes, clear the page cache and open the storefront as a logged-out visitor.
- Inspect the page source to confirm the embed appears once, just above the closing body tag.
For a classic theme with a footer file, a developer can place the embed in the active child theme’s footer.php, before </body>. Preserve the theme’s existing footer hooks. If your theme uses block templates without that file, use the code plugin method.
Never edit the parent theme directly. A theme update can overwrite the change. WordPress explains how child themes preserve customisations. The shoppa installation process explains the catalogue and embed steps that apply across platforms.
Connecting Your Product Catalogue
The catalogue connection sends WooCommerce product data to the agent. The storefront script does not replace that connection. Use the platform connection or a JSON or CSV feed, then preview the imported products before opening the agent to customers.
Include stable product identifiers, titles, descriptions and categories. Prices need a stated currency, and availability must distinguish items customers can buy from items that are sold out. Images and product URLs let customers recognise and open the suggested item.
Variable products need the selectable size and colour combinations, with each variation’s identifier, price and stock status. For example, a navy shirt in medium must not inherit the availability of a sold-out large variation. Use consistent attribute names so comparisons match material to material and size to size.
Connect store documents separately for delivery rules, returns and sizing guidance. Keep stock and price updates flowing from WooCommerce to the agent. The refresh schedule belongs to the catalogue connection, so account for its delay when you change an item’s availability.
Catalogue Access Through the WooCommerce REST API
The WooCommerce REST API lets a connected service read products and store records through authenticated requests. REST is the API style used for these requests. The WooCommerce API mentioned in a connector’s settings usually means this same REST API.
Follow WooCommerce’s credential instructions. Open WooCommerce, Settings, Advanced, then REST API. Add a key with a description that identifies the connection and select the WordPress user whose permissions it uses.
Choose Read for catalogue access and order lookups. Grant write access only when the connection must create orders or make another required change. Keep the site on HTTPS and revoke credentials when you stop using a connection. Enter the consumer key and secret in the service’s protected connection settings, never in your public embed.
An assistant’s connector can use these REST resources under /wp-json/wc/v3/.
| Resource | What it supplies |
|---|---|
products | Product descriptions, prices and stock information |
products/{product_id}/variations | Variation attributes, prices and availability |
orders | Order records for authorised order support |
shipping/zones | The store’s configured shipping regions |
Order records need a customer access check before the agent shows personal information. Shipping zones alone don’t calculate every extension’s delivery price. Basket actions also need the customer’s current cart context. A catalogue-read credential does not provide that context. WooCommerce’s API overview distinguishes merchant REST access from its storefront Store API.
Caching and Plugin Conflicts
Caching can serve an older page without your embed, while script optimisation can delay its loader or change the order of its two scripts. Clear the page cache after installation. If the chat appears only after scrolling, inspect delayed JavaScript settings first.
In WP Rocket, File Optimization contains Delay JavaScript Execution. Its Excluded JavaScript Files field accepts file URLs or identifying strings. Use the agent loader URL and its required initialisation script as targeted exclusions, following WP Rocket’s delay guide.
LiteSpeed Cache separates optimisation exclusions from delay exclusions. Under Page Optimization, open Tuning and use JS Deferred/Delayed Excludes for a delayed loader. Use JS Excludes when minification or combination breaks it. The LiteSpeed settings guide explains both fields.
Retest in a private browser window with the cache active. Logged-in administrators can receive a different page from customers. Keep the two embed scripts in their supplied order and avoid installing the same embed through a plugin and theme together.
WooCommerce Plugins Beside the Agent
Payment gateways and shipping calculators stay responsible for payment and delivery charges. Product add-ons and loyalty plugins change what customers can select or receive. The agent needs the resulting product options and rules to answer accurately.
For example, engraving or gift wrap reaches the agent only when its catalogue feed includes the option and its price. An add-on visible in a product form can still be absent from a standard export. Include required choices in the connection and test the final basket amount.
Once the agent is live, disable the old chat widget, such as Tidio, tawk.to or Crisp. Switch off chat launchers and competing pop-ups from tools such as Popup Maker where they obscure the agent. Keep a deliberate marketing pop-up only if it doesn’t block the conversation. Customers need one clear chat window.
The best payment gateway for WooCommerce in Australia depends on your sales mix. Compare per-transaction fees, payout timing and buy now pay later support. Check that the gateway’s surcharge controls follow the rules for the payment networks you accept. The Reserve Bank’s surcharge guidance explains the card network restrictions. A fee setting in a plugin does not itself make a surcharge permitted.
WooCommerce’s built-in shipping zones match addresses to delivery methods. A shipping plugin can add live carrier rates, label printing or tracking numbers. Those are separate functions: WooCommerce’s shipping documentation distinguishes label services from live-rate extensions.
For parcels across Australia, choose a shipping plugin around your actual carrier accounts and postcode coverage. Include parcel dimensions and weight, remote-area charges and return labels in the decision. Feed delivery promises to the agent from the methods your store actually supports.
WooCommerce integrations for accounting, email or marketplaces connect outside systems. Storefront plugins change the customer’s shopping experience. The agent needs to know about a storefront change that affects product options or checkout totals. It doesn’t need accounting access to recommend a shirt.
Choosing the Best AI Chatbot for WooCommerce
Choose a WooCommerce assistant that reads current prices and stock, handles variable products and supports the shopping actions your customers need. A general WordPress FAQ window does not establish those capabilities.
Ask whether the connection can select a specific variation, add it to the WooCommerce cart and answer an order-status question for the right customer. Include policy answers in the decision so delivery advice matches your shipping zones.
shoppa combines product discovery with buying in the chat and order support. It uses your own catalogue and policy documents, so its recommendations stay within your range. Per-session and per-token pricing suit different traffic and usage patterns. For a wider vendor comparison, use the ecommerce AI chatbot guide.
Tests After Install
Test the full shopping path on a staging copy before enabling the agent on your live store. Use payment test mode and test orders so the checks don’t create real charges or send fulfilment requests.
- Ask for a specific size and colour. The selected variation, price and basket line must match WooCommerce.
- Ask for an out-of-stock item. The agent must avoid selling the unavailable variation and distinguish available alternatives.
- Use addresses inside and outside your shipping zones, including a remote postcode. Delivery availability and charges must match checkout.
- Ask about a test order as its customer. Then try another customer’s order number and confirm personal details stay protected.
- Add a product with a required add-on and complete a test checkout. The selected option and final total must survive the move into the cart.
- Open the agent on mobile with caching enabled. Confirm one window loads, navigation still works and a page refresh preserves the conversation.
Keep a record of the expected WooCommerce values and the agent’s answers. Resolve any mismatch before moving the same installation settings to the live storefront.