> For the complete documentation index, see [llms.txt](https://help.firstline.cc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.firstline.cc/feature/channels/live-chat/an-zhuang-fan-li/embed-shopify.md).

# 安裝於 Shopify 內

## 於 FIRST LINE 新增聊天插件

[![](https://shopify-assets.shopifycdn.com/shopifycloud/start-launch-web/assets/d85b9cab000824a606c5beb5f3e27540.svg)](https://accounts.shopify.com/store-login)

透過左側選單，於「管道」⇒ 「即時聊天」內新增一插件，並依序設定相關資料，如橫幅標題、簡短介紹等。

這邊需注意的是，「允許的網域」設定請輸入來自 shopify 目前的網域，如 xxxx.myshopify.com。

![](/files/-MjiPQHYFmAQZHdaMygi)

當設定並新增完畢後，於「嵌入代碼」頁面複製代碼，稍後將於 Shopify 貼上，將即時聊天嵌入。

## 於 Shopify 貼上代碼

### 登入 Shopify 管理頁面

前往 <http://www.shopify.com/login/> 頁面，並登入你的商店管理。

### 前往佈景主題設定

點選左側「網路商店」⇒ 「佈景主題」後，再點擊「自訂」按鈕，前往商店主題介面。

![](/files/-MjiQfDHiAOP2pt34A32)

### 編輯主題程式碼

接著，進入管理介面後，點擊「編輯程式碼」選項。

![](/files/-MjiR10mGGEYiO9KtDyj)

### 貼上即時聊天代碼

開啟編輯佈景主題的程式碼介面後，選擇位於「Layout」下方的「theme.liquid」檔案，並將稍早複製的代碼添加至 \</body> 標籤前。

![](/files/-MjiRtzJdY3xobT1txrl)

### 儲存收工！

現在你可以點擊預覽視窗開啟你的商店，開始用即時聊天跟顧客溝通了！

![](/files/-MjiTThS-Un2YD0vxLCt)