How to Add an AI Support Chat to Shopify (No App Store Required)
Chirps Team
2026-05-31
Shopify store owners often install heavy App Store chatbots that charge per seat or per conversation. You can add a trained AI support widget with a single script—no app required.
This guide walks through embedding Chirps on Shopify so your assistant answers from policies, product pages, and shipping FAQs—not generic templates. You keep full theme control and skip another monthly app subscription.
Real merchant scenario: DTC apparel on Shopify Plus
Maya runs a Shopify Plus store selling technical outerwear. Her team fields 40+ pre-sale chats daily about sizing, international shipping, and return windows. A Shopify App Store chatbot quoted $89/month and still needed manual FAQ updates. She pasted the Chirps embed in `theme.liquid`, crawled her store domain, and now answers sizing questions from actual product copy—while routing complex exchanges to her team on WhatsApp.
Why embed instead of a Shopify App Store chat app?
- No extra app subscription stacked on top of your AI tool or Shopify plan.
- Answers grounded in your catalog via website crawl and PDF uploads—not a separate app database.
- Theme-agnostic install that survives theme switches if you paste in the base layout.
- Voice + chat in one widget for high-intent shoppers without installing a second app.
- Faster updates—edit training data in Chirps without waiting for app review or redeploying theme sections.
Chirps setup before you touch Shopify
- Create an assistant at chirps.cc—name it after your store (e.g. “Northline Support”).
- Crawl your domain—enter `yourstore.com` and include `/pages`, `/products`, and `/policies` paths. Upload return-policy or size-guide PDFs if they live off-site.
- Customize the widget—match your brand hex, set welcome text like “Ask about sizing or shipping,” and add starter prompts for top product categories.
- Copy the embed snippet from the Chirps dashboard (Settings → Embed).
- Optional: enable voice for mobile shoppers who prefer talking through fit questions.
- Optional: enable dispatch—WhatsApp or SMS alerts when the AI escalates warranty or exchange requests.
Embed Chirps on Shopify (exact admin path)
Shopify Online Store → theme.liquid
Shopify Admin → Online Store → Themes → ⋯ (Actions) on your live theme → Edit code. In the left sidebar under Layout, open theme.liquid. Scroll to the closing `</body>` tag. Paste your Chirps embed snippet immediately before `</body>`. Click Save. Preview the storefront— the chat bubble should appear bottom-right.
Alternative: Theme app extension or checkout-only pages
- If you use Online Store 2.0 and prefer not to edit `theme.liquid`, add the snippet via Themes → Customize → App embeds only if your theme exposes a custom liquid block; otherwise `theme.liquid` is the reliable path.
- For Shopify Plus checkout extensibility, keep support on the storefront—Chirps runs on your theme, not checkout, unless you add a separate script to checkout.liquid (Plus only).
- After theme updates or duplicating a theme, re-paste the snippet if the new theme copy does not inherit it.
Test these 5 questions before launch
- What is your return window for unworn items?
- Do you ship to [customer country] and what are typical delivery times?
- Which size should I order if I wear a 42" chest in [competitor brand]?
- Is this jacket waterproof / what is the fabric composition?
- How do I start an exchange for a wrong size?
If any answer is wrong or vague, add the missing page to your crawl list or upload a short FAQ doc—no flow builder required.
Troubleshooting
Widget not showing on Shopify
Confirm the snippet is before `</body>` in the published theme, not a draft duplicate. Hard-refresh with cache bypass (Ctrl+Shift+R). Check Online Store → Preferences for password protection—some password pages block third-party scripts until you whitelist or test on the live domain. Disable conflicting chat apps that inject their own overlay. Open browser DevTools → Console for script errors; a typo in pasted code is the most common issue.
Crawl missing product or policy pages
Shopify policy URLs live under `/policies/...`—add them explicitly in Chirps crawl settings. Password-protected or draft products are not public; crawl only live URLs. After bulk catalog updates, trigger a re-crawl. If product descriptions load via JavaScript tabs, ensure the text exists in the HTML source Chirps can read.
Embed on Shopify free
Crawl your store, paste one script in theme.liquid, and answer shoppers 24/7—no App Store required.