> For the complete documentation index, see [llms.txt](https://docs.omnichat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.omnichat.ai/en/features/she-ding/tong-xun-qu-dao/wang-zhan-dui-hua-cha-jian/install/shopify.md).

# Shopify | Omnichat Installation

How to install Omnichat on Shopify's website?

## Step 1

[login](https://app.omnichat.ai/) to the Omnichat admin page

## Step 2

Go Settings > Channels > Webchat Plugin > [Install Webchat Plugin](https://app.omnichat.ai/install.html) page

1\. Enter the website address where Omnichat will be installed\
2\. Choose the Omnichat theme colour\
3\. Select the Omnichat Language\
4\. Copy the Omnichat installation code

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FLAEBFDCUthO2zUSdS5Lv%2F%E6%88%AA%E5%9C%96%202026-09-19%20%E4%B8%8B%E5%8D%884.48.13.png?alt=media&amp;token=e820f17c-1d31-4de6-8bb6-64a5a4e1d594" alt=""><figcaption></figcaption></figure>

## Step 3

Log in to your Shopify account <http://www.shopify.com/login/>

## Step 4

Go to "**Online Store**" in the menu

![](https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FLF9f0yVp1cYsyVmZy1Ap%2Fshopify-online-store.png?alt=media\&token=1e665ff5-b699-4bce-a0cc-3bd21aedd1ea)

## Step 5

Click "**Themes**"

![](https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FjuZGhRhQFMOt5AfkCncO%2Fshopify-menu-theme.png?alt=media\&token=ca9e85cb-344e-4d53-acb0-3271366d8c72)

## Step 6

In **Current theme,** Click **Actions** and select “**Edit code**” on drop-down menu

![](https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FaTz93ApEuSiBcq2fkWXh%2Fshopify-edit-code.png?alt=media\&token=777603bc-4745-415e-8731-fa17c5d1e6f7)

## Step 7

Edit **theme.liquid** file under "**Layout**"

![](https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FroCQeHoLaeM1Cyp3u8GS%2Fshopify-edit-theme-liquid.png?alt=media\&token=abc41da0-8319-4069-86c9-69980fd8d2cf)

## Step 8

Then paste the Omnichat Javascript code between `{%- endif-%}` and `</body>`tag, and click **" Save ".**

![](https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FhQeQYf6MbI5hVQoMm6gF%2Fshopify-paste-script.png?alt=media\&token=14ed4843-aab2-4bcc-ac80-e94a5c7df2fa)

## Finish**ed**! Chat with customers on your **Shopify** website via Omnichat instantly