Shopify Chatbot Builder

Shopify powers millions of merchants worldwide, from single-founder side projects to some of the largest direct-to-consumer brands on the internet. Competition inside that ecosystem is brutal: shoppers comparing three tabs of similar stores buy from the one that answers their question first. Shipping times, sizing, returns, stock - every unanswered pre-sale question is a checkout that happens somewhere else.

The Conferbot Shopify app puts an AI-powered chat widget on your storefront with a single merchant-facing setting: the Chatbot ID. Install the app, paste the ID, flip the switch - the chat bubble appears on every page of your store. No theme edits, no Liquid snippets, no developer required.

Under the hood it is a clean, purpose-built integration: the app handles Shopify OAuth, registers a ScriptTag so the widget loads storefront-wide, and serves a per-shop loader that boots the official Conferbot widget with your store's context - shop domain and store currency - attached to every conversation. Your AI flows and human agents know which store and which currency they are dealing with, automatically.

The bot behind the widget is the full Conferbot platform: the no-code visual builder, AI answers, and a shared live chat inbox for your team. Build the bot once and run it on Shopify, your marketing site, WhatsApp, and every other channel.

Getting oriented? Start with how to add a chatbot to Shopify, go deeper with the complete Shopify chatbot guide, and see AI-specific tactics in AI chatbot for Shopify stores. Selling on multiple platforms? The same one-credential setup exists for WordPress/WooCommerce, BigCommerce, Magento, PrestaShop, OpenCart, Ecwid, Wix, and Joomla.

Source code & documentation: conferbot-shopify on GitHub | Developer guide

The Conferbot Shopify app is a small Node.js application that wraps the official Conferbot web embed in Shopify's app machinery. On every storefront page load, the script it registers boots:

window.ConferbotWidget("YOUR_BOT_ID", "live_chat", options)

where the widget script itself is the standard loader from https://cdn.conferbot.com/dist/v1/widget.min.js - the exact same widget that powers Conferbot on any website - and options carries your shop's context (shop domain, store currency, and the logged-in customer when available).

One credential, dashboard-driven everything else

The Chatbot ID is the only credential you ever touch. No API keys, no webhook secrets, no theme code. The ID is public by design - the widget resolves your bot's flows, appearance, and behavior server-side from it at runtime. Practical upshot:

• Instant changes: edit your bot's greeting, colors, or flows in the Conferbot dashboard and your storefront picks it up on the next page load - no app update, no theme republish
• Nothing sensitive in your store: the app stores your bot ID and an on/off switch; conversations run between the shopper's browser and Conferbot's servers over TLS

The loader is a no-op until configured

A nice safety property: until you paste a bot ID and enable the widget, the per-shop loader returns an empty script. Installing the app changes nothing visible on your storefront until you deliberately switch it on - and disabling it in the app settings removes the widget just as instantly.

Try it before you sign up

The settings page offers a one-click demo bot (691c970890527a0468f9b2c9) that works without a Conferbot account. You can watch the widget mount and chat on your real storefront - your theme, your products - before creating anything at app.conferbot.com.

There are two ways to install Conferbot on a Shopify store: the app (recommended) or a direct embed in your theme. Both take minutes; the app keeps your theme untouched.

Option A: The Conferbot app (recommended)

One-click install that registers the widget storefront-wide and automatically passes store context (shop domain, currency) to the bot - no theme edits, survives theme switches.

1. Install the Conferbot app on your store and approve the requested permissions. Behind the click, the app runs Shopify's OAuth flow - with HMAC and CSRF-state verification - and registers a ScriptTag pointing at its per-shop loader, so the widget loads on every storefront page
2. On the app's settings page, paste your Chatbot ID: in the Conferbot dashboard, open your bot, go to Share, and copy the Bot ID (a 24-character hex string). The bare ID, the full embed snippet, or a dashboard URL all work. No bot yet? Click Try our demo bot, or publish a flow from the template library first
3. Flip the switch and Save
4. Verify: open your storefront - the chat bubble appears. Send a test message and watch it arrive in your Conferbot inbox tagged with your shop domain

Option B: Direct embed (no app)

The pre-app method still works: paste the canonical widget snippet into your theme.

<script src="https://cdn.conferbot.com/dist/v1/widget.min.js" async></script>
<script>window.ConferbotWidget("YOUR_BOT_ID", "live_chat");</script>

Where to paste it: Online Store > Themes > Edit code, in theme.liquid just before </body>.

The trade-off: a direct embed does not pass the shop domain, store currency, or logged-in customer automatically - that is what the app adds - unless you hand-write the options argument yourself. It also has to be re-pasted whenever you switch themes.

Self-hosting from source (optional, for developers)

The app is open source (MIT) and can be run as your own private Shopify app:

1. Create an app in the Shopify Partner dashboard (Apps > Create app > public); set the App URL to your APP_URL and the redirect URL to APP_URL/auth/callback
2. Copy .env.example to .env with your API key and secret; APP_URL must be public HTTPS (cloudflared or ngrok work in development)
3. Run npm install then npm start
4. Install on a dev store by opening APP_URL/auth?shop=your-dev-store.myshopify.com, approve, paste a bot ID, save

Full details in the developer portal Shopify guide and the GitHub README.

The app's settings page is intentionally minimal - a two-step form. Everything about how the widget looks and behaves lives in the Conferbot dashboard, so your Shopify store never drifts out of sync with your other channels.

The Chatbot ID field accepts anything reasonable

Paste whichever of these you have handy; the app extracts and validates the 24-character ID automatically:

• The bare Bot ID from Share > Copy Bot ID
• The full embed snippet from the dashboard's "Embed into website" screen
• A dashboard URL for the bot

Malformed input is rejected with a clear message rather than silently saving a broken configuration.

Embed types

• Floating chat bubble (live_chat, default) - the corner launcher every shopper recognizes
• Popup window (popup_chat) - opens the conversation in a dedicated popup

The master switch

The enable toggle controls whether the per-shop loader emits the widget at all. Off means the loader is a no-op - useful for pausing chat during a sale rush or while you rebuild your flows, without uninstalling anything.

Page-level control

The Shopify app injects storefront-wide by design (that is how ScriptTags work). To keep the widget off specific pages - checkout, a landing page, a policy page - use disabled URLs in the Conferbot dashboard under Customize. The widget checks the current URL at boot and stays hidden on matches. This gives you URL-level precision without any theme surgery. (If you want built-in page-type checkboxes, that is a feature of our WordPress and PrestaShop integrations, where the platform exposes page types server-side.)

The app itself is free

The Conferbot subscription is the product - the Shopify app carries no charge of its own. It works with every plan, including the free plan; paid plans start at $19/mo.

For merchants who like to know what they are installing (and developers evaluating the approach), here is the full lifecycle of the integration - it is short enough to describe completely.

Install flow

1. You click install. The app redirects you to Shopify's OAuth consent screen with a signed request and a CSRF state parameter
2. Shopify redirects back to the app's callback with an authorization code. The app verifies the request's HMAC signature and the state parameter - forged or tampered callbacks are rejected outright (both cases are covered in the automated test suite)
3. Code becomes token. The app exchanges the code for an access token scoped to your shop
4. ScriptTag registration. Using that token, the app creates a ScriptTag whose source is its per-shop loader URL. Reinstalling is idempotent - you never end up with duplicate script tags
5. You land on settings and paste your bot ID

Runtime flow

On every storefront page load, Shopify injects the registered script. The loader looks up your shop's saved settings and, if enabled, injects the CDN widget script and calls window.ConferbotWidget with your bot ID, embed type, and shop context. The loader output is generated with script-context-safe JSON encoding, so no stored value can break out of the script context.

Why ScriptTag (and what is next)

ScriptTag is the most compatible injection mechanism on Shopify: it works with every theme, requires no theme-editor steps, and is removed when the app is uninstalled. For Online Store 2.0 themes, a theme app extension (app embed block you toggle in the theme editor) is on the roadmap as an alternative injection path - same widget, same settings, different delivery.

Tested like software, not like a landing page

The app ships with 28 automated tests using Node's built-in test runner: HMAC verification, domain and bot ID validation, loader generation and escaping, plus a full end-to-end journey against a mock Shopify admin - authorize redirect, signed callback, tampered-HMAC and forged-state rejections, reinstall idempotency, settings save with full-snippet paste - and, in browser mode, a real headless-Chrome storefront asserting the widget mounts from the CDN. The suite is in the open-source repo for anyone to run.

Every conversation started on your storefront arrives in Conferbot with structured Shopify context attached - this is what separates the app from pasting a generic embed into your theme.

Store context

Field	Meaning
platform	Always "shopify" - lets flows and reports distinguish this channel
shopDomain	Your myshopify.com domain - identifies which store the conversation came from
storeCurrency	The store's currency code - so agents and flows quote prices in the right currency

Customer identity

When a logged-in customer can be identified on the storefront, a user object is included so the conversation is attributed to a known customer rather than an anonymous visitor. Guests simply come through without a user object - no placeholder identities, no fingerprinting.

What this enables in practice

• Multi-store operators: run three Shopify stores into one Conferbot workspace and every conversation is labeled with its shop domain - agents always know which brand they are answering for
• Currency-correct automation: flows that mention prices or thresholds ("free shipping over 50") can branch on storeCurrency instead of assuming USD
• Channel analytics: in Conferbot analytics, Shopify conversations are segmentable from your website, WhatsApp, and other channels - you see which storefront generates the questions and the leads

What is not passed

The app does not read your product catalog, orders, or customer database - its only Shopify permission need is script registration. Cart-level detail (cart total, item count) is currently a feature of our server-rendered platform integrations like WooCommerce, Magento, and PrestaShop, where the platform exposes the cart server-side. Outbound webhooks (order events, abandoned-cart triggers) are not part of this version. The data boundary is deliberately narrow and auditable in the source.

Chat on a Shopify store is not a support cost center - deployed well, it is a conversion tool. The patterns that consistently pay for themselves:

1. Pre-sale question capture

Sizing, materials, shipping to a specific country, restock dates - pre-sale questions are the highest-intent signals your store receives. An AI that answers them in seconds, at 2am, in the shopper's session, converts browsers your FAQ page loses. This is the single highest-ROI use case for most stores.

2. Product recommendation flows

A guided "help me choose" conversation - skin type, use case, budget - shortens the path through a large catalog and feels like service, not search. Build it once in the visual builder with buttons and conditions; no code.

3. Order support deflection

"Where is my order?" dominates e-commerce support volume. A flow that collects the order number and sets expectations - then hands to an agent only for genuine exceptions - deflects the bulk of repetitive tickets while keeping unhappy-path customers with a human.

4. Proactive cart-page engagement

Dashboard-configured proactive prompts can greet shoppers on high-stakes pages ("Questions about shipping or returns? I can answer instantly") - the digital equivalent of a good floor salesperson appearing at the right moment, not hovering.

5. Lead and list building

Out-of-stock item? Capture an email for a restock alert. Big launch coming? A conversational opt-in converts better than a popup form. Captured contacts flow to your tools through Conferbot integrations.

6. Upsell and cross-sell conversations

"Goes well with" suggestions delivered conversationally - after a question is answered, while goodwill is high - raise average order value without the aggression of interstitial popups.

7. Seasonal surge absorption

Black Friday traffic does not come with a Black Friday support team. AI flows absorb the question spike so your humans handle only what needs judgment. See seasonal e-commerce chatbot strategy for the full playbook, and chatbots for e-commerce sales for revenue-side tactics.

The app deliberately owns nothing about the widget's appearance. Every visual and behavioral setting lives in the Conferbot dashboard under Customize and is delivered to your storefront at runtime.

What you control from the dashboard

• Position - corner, offsets, mobile placement
• Colors and theme - match your brand palette; light and dark themes
• Branding - bot name, avatar, welcome header
• Language - localized widget UI for international storefronts
• Auto-open and load delay - pop the chat open after a delay, or stay quiet until clicked
• Proactive prompts - behavior-triggered greeting messages, the workhorse of cart-page engagement
• Disabled URLs - suppress the widget on checkout or any other URL pattern

Why this architecture is right for Shopify merchants

Shopify stores change themes seasonally, run A/B tests, and hand storefront work to agencies. Because the widget is injected by ScriptTag and styled from the dashboard, none of that churn touches your chat setup: switch themes and the widget follows; restyle the widget and the theme is untouched. A marketer can rewrite the greeting for a promo weekend without a theme deploy or a developer ticket.

Isolation from your theme

The widget renders inside its own isolated container built on Web Components and Shadow DOM. Your theme's CSS cannot distort the widget; the widget's styles cannot leak into your product grid. It coexists with the usual Shopify stack - review apps, analytics pixels, bundles - because it never modifies the DOM your theme owns.

Consistency across channels

Configure the look once and it applies everywhere the bot runs: your Shopify storefront, your marketing site, a second store on BigCommerce or WooCommerce. One brand, one bot, one place to change it.

The widget is the front door; the Conferbot platform answers behind it - a layered system where automation handles volume and humans handle judgment.

Flows for the structured work

The drag-and-drop builder handles deterministic conversations: welcome menus, order-status triage, returns eligibility checks, discount FAQs, lead capture forms. Buttons and conditions keep shoppers on rails where rails help. The template library ships e-commerce flows you can publish in minutes and tune later.

AI for the long tail

Real shoppers do not phrase questions the way your FAQ does. Conferbot's AI engine, fed your policies and product knowledge, answers free-form questions naturally - "do u ship 2 ireland n how long" gets a correct, human-sounding answer - and falls back to flows or a human when confidence is low. AI covers nights, weekends, and the question you never anticipated.

Human handover with store context

When judgment is needed - an angry customer, a bulk-order negotiation, a damaged-item claim - the conversation lands in the shared live chat inbox with its Shopify context attached: the shop domain (which store), the currency, the full transcript, and the customer identity when known. Your agent picks up mid-conversation without asking the shopper to repeat anything.

One inbox, every channel

Shopify conversations sit in the same inbox as your website, WhatsApp, Messenger, and Instagram conversations. A shopper who starts on the storefront and follows up on WhatsApp is one thread of customer history, not two tickets in two tools.

Measure, then iterate

Analytics show which flows complete, where shoppers drop off, what gets handed to humans, and which questions recur - the raw material for improving both your bot and your product pages. Still weighing bots against pure live chat? Chatbot vs live chat covers the decision honestly.

Shopify merchants live and die by page speed - conversion rates and ad quality scores both punish slow storefronts, and Core Web Vitals are a search ranking factor. The integration is built to be a non-event for performance.

Async by construction

The ScriptTag is registered as async, and the widget script it ultimately loads from cdn.conferbot.com is also loaded asynchronously. Nothing blocks HTML parsing or first paint: your product images, price, and buy button render at full speed, and the chat bubble mounts after the critical path is done.

No layout shift, no theme weight

The widget mounts into its own container appended to the page, so it contributes no Cumulative Layout Shift to your product grid or announcement bar. Because injection is via ScriptTag rather than theme code, your theme's Liquid and asset bundle carry zero extra weight - and switching themes never orphans stray chat snippets in old templates.

A no-op until configured, removed on uninstall

Before you enable the widget, the per-shop loader returns an empty script - installing the app costs your storefront effectively nothing. Uninstalling the app removes the ScriptTag through Shopify's normal cleanup, leaving no residue.

SEO posture

• Your indexed content is untouched: the widget renders client-side after load; the HTML Shopify serves to crawlers is exactly your theme's output
• No injected links or hidden text: the app adds a script tag, nothing else
• Engagement upside: shoppers who get answers browse longer and bounce less - behavioral signals that correlate with better organic performance - and every chat transcript is a log of the questions your product pages fail to answer, which is free content research

For the general techniques behind fast chat embeds, see website chatbot widget setup and how to add a chatbot to any website.

The Shopify App Store lists hundreds of chat apps. Rather than invent claims about specific competitors, here is an honest comparison by category - where Conferbot wins, and where a different choice is legitimate:

Category comparison

Capability	Conferbot app	Generic live chat apps	Manual theme embed	Help-center-only apps
Setup effort	One field (Chatbot ID)	Account + app settings	Theme code edit	Article authoring
AI answers	Built in	Often a paid add-on tier	Depends on vendor	Search only
Visual flow builder	Included	Varies widely	Depends on vendor	No
Live agent inbox	Included	Usually included	Depends on vendor	No
Store context (domain, currency)	Automatic	Varies	Manual JS required	n/a
Same bot on WhatsApp/Instagram/website	Yes, one builder	Rarely	Depends on vendor	No
Theme survival (works after theme switch)	Yes (ScriptTag)	Usually	No - re-paste per theme	Usually
Off-hours coverage	AI + flows 24/7	Offline forms	Depends on vendor	Self-serve only
Open source integration	Yes (MIT, on GitHub)	Rarely	n/a	Rarely

The honest trade-offs

• If your entire support strategy is live humans during business hours, a minimal live-chat-only app may be all you need - until the first holiday season. Conferbot's free plan makes trying the automated layer a zero-risk experiment
• If you want deep order actions inside chat (refund from the chat window, edit an order), a helpdesk suite with Shopify admin permissions does more - at helpdesk-suite pricing and complexity. Conferbot deliberately requests no order or customer data access
• If you sell on Shopify Plus alongside other enterprise platforms, one bot across all of them is exactly the point - see chatbots for Shopify Plus and BigCommerce enterprise

Pricing is simple: the app is free; your Conferbot plan is the only cost. The free plan works for real stores, and paid plans start at $19/mo with no per-channel fees.

From zero to a chatbot answering shoppers on your storefront in one sitting:

1. See it live first (optional, no account). Install the app, click the one-click demo bot (691c970890527a0468f9b2c9) in the settings, save, and watch the widget run on your real storefront before you commit to anything
2. Create your free account at app.conferbot.com - the free plan includes the visual builder, AI, and the live inbox; no credit card required
3. Build or borrow a bot. Publish an e-commerce flow from the template library - pre-sale FAQ, product finder, order-status triage - or design your own in the builder
4. Connect it. Copy the Bot ID (Share > Copy Bot ID), paste it into the app settings, flip the switch, save
5. Tune from the dashboard. Set your brand colors, write a proactive prompt for product and cart pages, add disabled URLs for checkout if you want it quiet there - all without touching Shopify again
6. Review and iterate. Watch real conversations in the inbox and let analytics tell you which flows to improve

Resources

• App source on GitHub (MIT, 28 automated tests including browser e2e)
• Developer portal: Shopify integration guide
• How to add a chatbot to Shopify - step-by-step with screenshots
• The complete Shopify chatbot guide
• Pricing - free plan available, paid from $19/mo

Running storefronts beyond Shopify? The same bot deploys with one credential to WordPress/WooCommerce, BigCommerce, Magento, PrestaShop, OpenCart, Ecwid, Wix, Joomla, and any website.