Skip to content

Shopify

Last updated:

In this guide, we’ll show how to add Quickchat AI Widget to your Shopify store.

Time to complete: ~2 minutes


There are two ways to do it:

Section titled “Option A (recommended): from Quickchat AI App”

Go to Quickchat AI AppYour websiteInstall tab → click Embed in your Shopify Store.

This opens your store’s Theme Editor directly on the page where the app embed can be enabled.

Go to Shopify AdminOnline Store → Themes → on your current theme click Customize.

Screenshot: Themes page with the Customize button highlighted


Inside the Theme Editor, open the left sidebar and go to App embeds.

Screenshot: App embeds panel

Find Quickchat AI Widget and toggle it on.

Screenshot: Enable Quickchat AI in the Theme Editor

Then click Save (top-right).

Screenshot: Save button in the Theme Editor


Open your storefront (preview or live site) and look for the Quickchat AI chat bubble in the bottom-right corner of the page.

That’s it!

Quickchat AI Agent is live on Shopify Store 🎉


If you don’t want to install our Shopify App because you already have an AI Agent built in Quickchat AI App, you can add a simple script that displays it on your Shopify Store.

  1. Go to your Shopify Admin Panel.
  2. In the left menu, click Online Store → Themes.

Edit theme code

  1. In the “Current theme” section, click the three dots (⋯) next to the Customize button.
  2. Select Edit code from the dropdown.

Open theme.liquid

  1. In the code editor, expand the layout folder on the left.
  2. Click on theme.liquid to open the main layout file of your theme.

Open theme.liquid

  1. In the Quickchat App, navigate to Your Website → Install.
  2. Copy the generated script.
  3. Paste it just above the </body> tag at the bottom of the theme.liquid file.
<script>
window.__quickchat = {
host: "app.quickchat.ai",
init: "YOUR_AI_ID_HERE",
};
</script>