> 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/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 Channels > Webchat > [Install Webchat Plugin](https://console.omnichat.ai/install-legacy) 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%2FCt0OCjkNKrMAVwGlgpxr%2F%E6%88%AA%E5%9C%96%202023-06-01%20%E4%B8%8B%E5%8D%881.28.54.png?alt=media&amp;token=bf4270f7-8fa1-4fdb-908b-40f30c236c0d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FNU7LmPim2qLedAZmE2h1%2F%E6%88%AA%E5%9C%96%202023-05-22%20%E4%B8%8B%E5%8D%884.19.11.png?alt=media&amp;token=da3cd85b-3c05-4066-8350-6004ac2cdc05" alt=""><figcaption><p>Copy the Omnichat installation code</p></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