---
title: "How to add the Quickchat AI Widget to your Shopify Store"
pubDate: 2025-08-08
description: Learn how to quickly add the Quickchat AI Widget to your Shopify store. No coding required.
author:
  name: "Jakub Swistak"
  image: "/blog-assets/authors/jakub_swistak.webp"
image:
  url: "/blog-assets/posts/enable-shopify_bg.jpg"
  alt: "Thumbnail for How to Add the Quickchat AI Widget to Your Shopify Store"
tags: ["product"]
---

## What you’ll need

- A Shopify store
- The [**Shopping Agent by Quickchat AI**](https://apps.shopify.com/quickchat-ai) app installed from the Shopify App Marketplace
- User permission to edit themes

_Time to complete: \~2 minutes_

---

## Step 1: Open your Theme Editor

You can get to the Theme Editor in two ways:

### Option A (recommended): deep link from the app

In the [Quickchat AI app](https://app.quickchat.ai) → **Your website** → **Install** 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.

### Option B: from Shopify admin

Shopify Admin → **Online Store → Themes** → on your current theme click **Customize**.

![Screenshot: Themes page with the **Customize** button highlighted](../../assets/blog/posts/addtoShopify/1-Customize.png)

---

## Step 2: Enable the app embed

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

![Screenshot: App embeds panel](../../assets/blog/posts/addtoShopify/2-App_embeds.png)

Find **Quickchat AI Widget** and toggle it **on**.

![Screenshot: Enable Quickchat AI in the Theme Editor](../../assets/blog/posts/addtoShopify/3-Enable_Quickchat_AI.png)

Then click **Save** (top-right).

![Screenshot: Save button in the Theme Editor](../../assets/blog/posts/addtoShopify/4-Save_changes.png)

---

## Step 3: Confirm on your storefront

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

That’s it!

**Quickchat AI Agent is live on your theme.**

---

## Optional tweaks

- **Widget behavior & styling.** Manage Agent behavior and branding from inside the Quickchat AI app. Go to **Your website** (left sidebar) → **Appearance** tab.