# 安裝於 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.firstline.cc/feature/channels/live-chat/an-zhuang-fan-li/embed-shopify.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.