> ## 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).

# 【官網設計】在網站頁尾加入支付標誌


### 步驟一：上傳圖片
1. 你需要準備好支付徽標（金流商）的圖像鏈接。如果你只有圖像文件但還沒有鏈接，你可以將徽標圖像上傳到 EasyStore 存儲並獲取鏈接

2. 前往 Easystore後台 → 銷售管道 → 品牌官網 → 所有分頁 → 新增分頁 → 選擇空白模版 → 點擊上傳圖片按鈕

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

3. 點擊上傳圖片。

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

4. 上傳了圖片後，你可以前往後台 →  功能設定 →  文件 →  複製圖片鏈接

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

### 步驟二：於網站頁尾中加入支付標誌

### Candy 或之前發佈之主題

1. 編輯原始碼》layout/theme.liquid 》尋找 `{% if settings.footer_ssl %}` 》粘貼以下原始碼。

```
<div class="grid">
           <div class="grid__item text-center">
                   <img width="100px" src="圖片連結">
           </div>
</div>
```

2. 如以下圖片
💡提示：您可以通過調整 100px 來調整 logo 大小。

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

3. 點擊儲存，完成！

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

### Aroma 與其後發佈之主題

1. 複製以下代碼

```
<li class="list-payment__item">
  <img width="36px" src="圖片連結">
</li>
```

2. 前往 footer.liquid > 找尋  `{% if section.settings.show_payment_method %}` >  根據截圖貼在 `{% if section.settings.show_payment_method %}`  上方

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

3. 點擊儲存，完成！