# Shopify | 安裝 Omnichat

## 步驟 1

[登入](https://app.easychat.co/) 到 Omnichat 管理員頁面

## 步驟 2

前往  通訊渠道  >  網站對話插件  >  [安裝對話插件](https://app.easychat.co/install.html)   頁面

1. 輸入安裝 Omnichat 的網站地址
2. 選擇你的 Omnichat 網頁插件應用顏色
3. 選擇你的 Omnichat 網頁插件應用語言
4. 複製 Omnichat 安裝代碼

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FpoAinrxQq0V4CjfZfNgC%2FOmnichat%20%E7%B6%B2%E9%A0%81%E6%8F%92%E4%BB%B6%E8%A8%AD%E5%AE%9A.png?alt=media&#x26;token=18b31399-4501-4d2e-8f74-5d30c910916e" alt=""><figcaption><p>Omnichat 網頁插件設定</p></figcaption></figure>

複製 Omnichat Javascript 代碼

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FtLJtX5fgRnlduufC2Ffo%2FOmnichat%20%E5%AE%89%E8%A3%9D%E4%BB%A3%E7%A2%BC.png?alt=media&#x26;token=3c6e742f-c5cb-4364-8fbe-abc9f709d14e" alt=""><figcaption><p>Omnichat 安裝代碼</p></figcaption></figure>

## 步驟 3

登錄您的 Shopify 商店管理帳戶<http://www.shopify.com/login/>

## 步驟 4

點擊左側功能列表中的「網路商店」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FEyfDFqxbSMIJkLK5WY1J%2FShopify-%E6%AD%A5%E9%A9%9F4.png?alt=media&#x26;token=ee99a6f7-fc04-4056-a13d-1adcb936f0af" alt=""><figcaption><p>選擇「網路商店」</p></figcaption></figure>

## 步驟 5

選擇「佈景主題」，並在頁面中點擊自訂旁的【・・・】，選擇「編輯程式碼」

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FjmxmOhf85BSTAz6ybD9R%2FShopify-%E6%AD%A5%E9%A9%9F5.png?alt=media&#x26;token=83cae06f-c0d2-494c-844b-9c8c2ea4f123" alt=""><figcaption><p>「佈景主題」-「編輯程式碼」</p></figcaption></figure>

## 步驟 6

點擊版面配置資料夾下的 **`theme.liquid`**

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FwTqD2opled377wnyZqHy%2FShopify-%E6%AD%A5%E9%A9%9F6-1.png?alt=media&#x26;token=058c73d1-c6e9-48db-95cd-1f60caecb6b5" alt=""><figcaption></figcaption></figure>

頁面中央編輯器面板瀏覽至最下方，找到`{%- endif-%}`與`</body>`，在這之間按下 **Enter** 新增一列，

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2FMYCPxhXSNo1ioaPKycFz%2FShopify-%E6%AD%A5%E9%A9%9F6-2.png?alt=media&#x26;token=a9451be0-d3d3-4425-8a98-af2a1ba96712" alt=""><figcaption></figcaption></figure>

然後貼上 Omnichat Javascript 代碼到`{%- endif-%}`與`</body>` tag 之間，按「儲存」。

<figure><img src="https://2493459343-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LaFmilpuDQ-f7VKjHCH%2Fuploads%2F8tcnFXy2tQstozwa4U6Q%2FShopify-%E6%AD%A5%E9%A9%9F6-3.png?alt=media&#x26;token=bbeb9298-1f26-443a-be38-18c91acb94c2" alt=""><figcaption></figcaption></figure>

## **完成！ 立即在您的 Shopify 網站上用** Omnichat **跟客戶即時聊天吧**