> ## 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 後台 → 設定 → 郵件範本

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

2. 若是 2024 年 3 月 14 號 已經有在使用的商家，需要點擊【透過更新到最新版本的電子郵件範本來擁抱我們全新的設計和自訂功能】以確定更換到最新的排版功能

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


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

3. 後續點擊「郵件範本排版」即會看到新的郵件範本排版編輯

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

### 步驟二：編輯郵件範本排版

1. 上傳 logo 和調整大小（建議圖片尺寸為 400 x 100 px）

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

2. 編輯按鈕顏色和按鈕字色

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

3. 你可在頁尾新增連結

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

4. 你可新增社群媒體並放入經營的粉絲專頁連結

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

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

5. 點擊儲存，完成！


---
###### 💡 小提醒：

1. 你可點擊「重置範本」變回預設設定
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_bmy47.png)

2. 若你有啟用「商品推薦」，郵件裡會出現「商品推薦」的區塊，顧客點擊後會導向商品頁面

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

3. 若你有啟用「購物 APP」，郵件裡會出現「購物 APP」的區塊，可以引導顧客下載購物 App

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

4. 如果你沒啟用「商品推薦」和「購物 APP」，郵件範本預覽還是會顯示這兩個區塊，可是實際郵件將不會顯示

5. 如果你想直接移除顯示「商品推薦」和「購物 APP」，你可切換「HTML 編輯器」→ 移除「商品推薦」 `{{product_recommendation_keyword}} ` 和 「購物 APP」 `{{shopping_app_keyword}} `

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

6. 訂單明細不會出現「商品推薦」的區塊