> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【官網設計】在頁尾新增聯繫方式

| 僅支援付費方案

## Candy 或之前發佈之佈景主題
此教學適用於 Candy 、Wave 、X-force 、Fall 、Maker 等等舊版佈景主題

###### 步驟 一：編輯原始碼
1. 你可以到 EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → Layout →  theme.liquid

2. 搜尋 `<p class="site-footer__links">{{ copyright }}</p>`
大約是在176至180行內  
然後 </div>上行 添加你的聯繫方式

```
<p>

          聯繫號碼:

            <br>
          客服信箱:
        </p>
```

備註：<br>是指空行

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_4ymljv.png)

###### 步驟二：點擊儲存，完成！

前台顯示畫面：

![](https://storage.crisp.chat/users/helpdesk/website/52dd7db52aa69400/a17bb587-95cf-45d5-9357-e5ae01_1fohye5.png)
---

## Aroma 或其後發佈之佈景主題

此教學適用於 Aroma、Freshbit 、Mels 、Wood 、Essence 、Gizmos 、Kiddy 、Urbn 、Kate、 Pastries 等等新版主題

###### 步驟一：編輯原始碼
1. 你可以到 EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → footer.liquid 文件

2. 搜尋  `footer__content-top page-width` → 於下一行點擊「下拉按鈕」

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_bhypyt.png)

3. 於 </div> 上方加入以下代碼

```
<p>

          聯繫號碼:

            <br>
          客服信箱:
        </p>
```

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_9ct43n.png)

###### 步驟二：點擊儲存，完成！

前台顯示畫面：
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1j160j3.png)