自訂電子郵件通知範本
您的商店包含多個通知範本,您可在 Shopify 管理介面的 通知 區段存取。
您可以一次為所有範本自訂電子郵件通知,例如 加入標誌 或 變更配色。您也可以個別編輯電子郵件通知的內容。
在編輯電子郵件通知的內文與主旨之前,您必須先 確認寄件者電子郵件地址。
如需 SMS 範本的相關資訊,請參考 SMS 通知。
本頁內容
在電子郵件範本中加入標誌
電腦版
在 Shopify 管理介面中,依序前往 設定 > 通知。
按一下顧客通知。
按一下自訂電子郵件範本。
按一下選擇檔案,選取並上傳標誌。
行動裝置
在 Shopify app 中,點選
,然後點選
**設定**。
在商店設定區段,點選通知。
點選顧客通知。
點選自訂電子郵件範本。
點選選擇檔案,選取並上傳標誌。
為電子郵件範本選擇顏色
電腦版
在 Shopify 管理介面中,依序前往 設定 > 通知。
按一下顧客通知。
按一下自訂電子郵件範本。
輸入顏色代碼,或點選顏色選擇器來變更電子郵件的強調色。
行動裝置
在 Shopify app 中,點選
,然後點選
**設定**。
在商店設定區段,點選通知。
點選顧客通知。
點選自訂電子郵件範本。
輸入顏色代碼,或透過顏色選擇器選色以變更電子郵件的強調色。
變更電子郵件範本的語言
電子郵件範本所顯示的預設語言,取決於佈景主題的語言,以及您是否曾編輯範本:
- 如果您未對電子郵件範本做任何變更,則當您變更佈景主題語言時,電子郵件範本的語言也會隨之變更。
- 如果您同時變更過電子郵件範本的主旨與本文,則變更佈景主題語言不會影響電子郵件範本的語言。
- 如果您只變更過電子郵件範本的主旨,則變更佈景主題語言不會影響電子郵件範本的語言。
- 如果您只變更過電子郵件範本的本文,則變更佈景主題語言會將主旨改為新語言,但不會變更本文的語言。
移除電子郵件頁尾的 Shopify 品牌行銷
預設頁尾範本包含 Shopify 品牌行銷,在向顧客寄送的電子郵件頁尾中會顯示為 Shopify 技術支援。您可以移除電子郵件頁尾的 Shopify 品牌行銷。若您的商店採用 Shopify Plus 方案,顧客通知電子郵件的頁尾就不會顯示 Shopify 品牌行銷。
步驟:
電腦版
在 Shopify 管理介面中,依序前往 設定 > 通知。
按一下顧客通知。
按一下自訂電子郵件範本。
在「品牌行銷」區段中,關閉「顯示『Shopify 技術支援』品牌行銷」。
按一下儲存。
行動裝置
在 Shopify app 中,點選
,然後點選
**設定**。
在商店設定區段,點選通知。
在「品牌行銷」區段中,關閉「顯示『Shopify 技術支援』品牌行銷」。
點選「儲存」。
自訂特定的電子郵件範本
電腦版
在 Shopify 管理介面中,依序前往 設定 > 通知。
按一下您要變更的通知類型。
按一下要變更的通知名稱。
按一下編輯程式碼。
編輯電子郵件訊息的電子郵件主旨與電子郵件本文 (HTML)。
按一下儲存。
行動裝置
在 Shopify app 中,點選
,然後點選
**設定**。
在商店設定區段,點選通知。
點選您要變更的通知類型。
點選</>。
編輯電子郵件訊息的電子郵件主旨與電子郵件本文 (HTML)。
點選儲存或✓。
測試您的變更
自訂通知範本時,您可以在 Shopify 管理介面預覽變更,或透過電子郵件傳送,查看在顧客端的顯示方式。
步驟:
- 若要預覽未儲存的變更,請按一下預覽。
- 若要以測試電子郵件的方式傳送通知,請按一下傳送測試電子郵件。電子郵件會寄送至您用來登入 Shopify 管理介面的帳戶。
- 如果您對變更滿意,請關閉預覽視窗,然後按一下儲存。
在發票上新增稅務登記號碼
在部分國家/地區,您可能需要在顧客發票或其他通知上列示您的稅務登記號碼。在澳洲、加拿大與印度,須收取商品及服務稅 (GST) 的企業可能需要列示其登記號碼。在歐盟,您可能需要列示加值稅 (VAT) 識別號碼。
請向您的稅務會計師或主管機關確認是否需要列示該號碼。
若要在電子郵件通知中顯示您的號碼,請依下列步驟操作:
- 開啟您要編輯的 特定電子郵件範本。
- 在電子郵件內文 (HTML)區域的適當位置輸入您的註冊或識別編號。請包含 HTML,以確保輸出格式正確。
- 選用:若要確認自訂內容顯示正確,請 預覽變更。
- 按一下儲存。
在下列範例中,商店擁有人在「訂單確認」通知中,於商店標誌後方加入地址與稅務編號。
<table class="row">
<tr>
<td class="shop-name_cell">
{%- if shop.email_logo_url %}
<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
<p>150 Elgin St, Ottawa K2P 1L4 GST# 123456789</p>
{%- else %}
<h1 class="shop-name_text">
<a href="{{shop.url}}">{{ shop.name }}</a>
</h1>
{%- endif %}或者,您也可以在 Shopify App Store 購買並下載發票 app。發票 app 可讓您在發票上加入稅務識別號碼。
在「訂單確認」與「訂單退款」範本中加入關稅項目
如果您代收 關稅與進口稅,請確認電子郵件通知中包含關稅項目,讓顧客留存該費用的付款紀錄。
如果您使用「訂單確認」與「訂單退款」電子郵件範本的預設版本,郵件會自動包含關稅項目。您不需要進行任何變更。
如果您自訂過「訂單確認」與「訂單退款」電子郵件範本,您可以將以下程式碼加入範本,以新增關稅項目。
{% if current_total_duties %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
<span>Duties</span>
</p>
</td>
<td class="subtotal-line__value">
<strong>{{ current_total_duties | money }}</strong>
</td>
</tr>
{% endif %}將付款條款加入訂單發票
付款條款會指定訂單的付款到期日。
如果您自訂過「訂單發票」電子郵件範本,您可以在範本中加入以下程式碼,以新增付款到期日 (包含出貨時付款)。
{% assign due_date = payment_terms.next_payment.due_at | default: nil %}
{% if payment_terms.type == 'receipt' and due_date == nil %}
{% assign due_date = 'now' %}
{% endif %}
{% if payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil % }
<h2> Payment of {{ order.total_outstanding | money }} is due on fulfillment </h2>
{% else %}
<h2>Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }}</h2>
{% endif %}若要在電子郵件範本上顯示付款條款名稱,請依下列步驟操作:
1. 如果有下列段落,請找出它:
{% if shipping_address or billing_address or shipping_method %}2. 將該段落替換成以下內容:
{% if shipping_address or billing_address or shipping_method or payment_terms %}3. 在電子郵件內文 (HTML)區域的適當位置輸入您的付款條款名稱。
{% if payment_terms %}
<td class="customer-info__item">
<h4>Payment</h4>
<p> Terms: {{ payment_terms.name }} </p>
</td>
{% endif %}4. 按一下儲存。
在下列範例中,商店擁有人在顧客資訊區段中,於 shipping_method 後面加入付款條款。

如需更多詳情,請參考 Liquid 參考資料中的 payment_terms。
在通知中加入自訂訊息
您可以在多種通知中加入自訂訊息,包括:
- 未完成結帳作業
- 聯絡顧客
- 顧客帳戶啟用
- 訂單草稿發票
步驟:
- 在文字欄位中輸入自訂訊息。
- 點擊預覽。
- 請確認訊息顯示正確,然後點擊寄送測試電子郵件。
使用內嵌 CSS 設定電子郵件範本樣式
您可以使用內嵌 CSS 覆寫預設樣式表 (如下),為電子郵件範本設定樣式:<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">。範本編輯器會自動將範本中的樣式標籤內嵌。系統也會保留媒體查詢,協助您更輕鬆建立回應式電子郵件。外部樣式表與隨佈景主題資產上傳的樣式表無法內嵌,建議將 CSS 樣式寫在範本 <head> 的 <style> 標籤中。
將電子郵件範本還原為先前版本或預設版本
您可以將電子郵件通知範本還原為先前版本或預設版本。
還原為先前或預設版本時,系統只會取代範本內容。您對電子郵件通知的 標誌 或 顏色 所做的自訂不會變更。
步驟:
在 Shopify 管理介面中,依序前往 設定 > 通知。
按一下相關的通知類別。
按一下您要檢視的通知範本。
按一下還原為。
從下拉式選單中選取先前版本或預設。
按一下儲存。
純文字電子郵件的自動轉換
對於需要顯示純文字版本的電子郵件用戶端 (例如 Apple Watch 的 Mail),系統會將您的 HTML 電子郵件範本轉換為純文字。