How to Add a Custom AI Chatbot to Your Shopify Store with SiteAgent

By SiteAgent Team · June 19, 2025 · Ecommerce · ☕️ 6 min read

Want to boost sales and automate support on your Shopify store? In this guide, you'll learn how to add a powerful AI chatbot to your Shopify site using SiteAgent. No coding, no hassle—just results.

Goal: A branded chatbot that answers questions, automates order lookups, and helps shoppers 24/7.

Why Add a Chatbot to Shopify?

  • 24/7 instant answers for shoppers
  • Reduce abandoned carts with proactive help
  • Automate FAQs and order lookups
  • Capture leads and feedback
  • Integrate with Shopify data (orders, products, and more)

What can your Shopify chatbot do?

  • Answer "Where is my order?" and track shipments live
  • Show today's deals, new arrivals, or bestsellers
  • Explain your return and refund policy
  • Help with sizing, product details, and recommendations
  • Collect emails for restock alerts or newsletters
  • Escalate to a human if needed

What You'll Need

  • SiteAgent account: Sign up free
  • Shopify store admin access
  • 5–10 minutes

Step 1: Create Your Chatbot in SiteAgent

Go to Dashboard → Chatbots → New. Name your bot, pick a language, set a welcome message, and click Create.

Creating a new chatbot in the SiteAgent dashboard.

Step 2: Connect SiteAgent to Shopify

In your chatbot's dashboard, go to Actions → New → Shopify. Click Connect and follow the prompts to authenticate with your Shopify store. Approve the requested permissions so the bot can access orders, products, and customer info as needed.

Connecting SiteAgent to Shopify (OAuth flow).

Step 3: Add Your Store Content

Upload your FAQs, policies, product docs, or simply paste your store's URL. This helps the chatbot answer store-specific questions and provide accurate support.

Uploading store content and FAQs.

Step 4: Customize the System Prompt

Set the chatbot's tone, brand voice, and guardrails in the System Prompt. Example: "You are a helpful, friendly assistant for an online store. Always offer to help with orders, returns, and product questions."

System prompt settings for Shopify chatbot

Want to master prompt design? See our Meta Prompting guide or OpenAI's Prompt Engineering Guide.

Step 5: Embed the Chatbot on Your Shopify Store

Copy the SiteAgent embed code from your dashboard.

Copying the embed snippet from SiteAgent.

In Shopify admin, go to Online Store → Themes → Edit Code. Open theme.liquid and paste the snippet just before </body>.

Pasting the snippet into Shopify's theme.liquid.
<script
  src="https://siteagent.eu/chatbot-widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  defer
></script>

Step 6: Test and Go Live

Preview your store and test the chatbot. Try asking about products, order status, and returns. Make sure the bot responds as expected.

[Video: Testing the chatbot on a live Shopify store – coming soon]
SiteAgent chatbot answering a customer question inside a Shopify store
Testing the chatbot on a live Shopify store.

Measuring Success

Use SiteAgent's Analytics dashboard to track:

  • Response time
  • Message volume
  • Popular questions
  • Customer feedback

Use these insights to improve your bot and your store's customer experience.

FAQ

Is my data secure?
All documents are encrypted at rest and protected by row-level security. SiteAgent strips NUL bytes to prevent Postgres errors—even malformed files are safe.
Can I restrict what the bot can do in Shopify?
Yes! You control which actions and data the bot can access when connecting to Shopify.
Does it work with custom themes?
Yes, as long as you can edit theme.liquid and add the embed code before </body>.
Where can I learn more about Shopify APIs?
See the Shopify API docs and HubSpot API docs.

Ready to boost your Shopify store? Create your free chatbot now • See our full chatbot creation guide