自訂電子郵件通知範本

您的商店包含多個通知範本,您可在 Shopify 管理介面的 通知 區段存取。

您可以一次為所有範本自訂電子郵件通知,例如 加入標誌變更配色。您也可以個別編輯電子郵件通知的內容。

在編輯電子郵件通知的內文與主旨之前,您必須先 確認寄件者電子郵件地址

如需 SMS 範本的相關資訊,請參考 SMS 通知

電腦版
  1. 在 Shopify 管理介面中,依序前往 設定 > 通知

  2. 按一下顧客通知

  3. 按一下自訂電子郵件範本

  4. 按一下選擇檔案,選取並上傳標誌。

行動裝置
  1. Shopify app 中,點選 Menu,然後點選 Settings **設定**。

  2. 商店設定區段,點選通知

  3. 點選顧客通知

  4. 點選自訂電子郵件範本

  5. 點選選擇檔案,選取並上傳標誌。

為電子郵件範本選擇顏色

電腦版
  1. 在 Shopify 管理介面中,依序前往 設定 > 通知

  2. 按一下顧客通知

  3. 按一下自訂電子郵件範本

  4. 輸入顏色代碼,或點選顏色選擇器來變更電子郵件的強調色。

行動裝置
  1. Shopify app 中,點選 Menu,然後點選 Settings **設定**。

  2. 商店設定區段,點選通知

  3. 點選顧客通知

  4. 點選自訂電子郵件範本

  5. 輸入顏色代碼,或透過顏色選擇器選色以變更電子郵件的強調色。

變更電子郵件範本的語言

電子郵件範本所顯示的預設語言,取決於佈景主題的語言,以及您是否曾編輯範本:

  • 如果您未對電子郵件範本做任何變更,則當您變更佈景主題語言時,電子郵件範本的語言也會隨之變更。
  • 如果您同時變更過電子郵件範本的主旨與本文,則變更佈景主題語言不會影響電子郵件範本的語言。
  • 如果您只變更過電子郵件範本的主旨,則變更佈景主題語言不會影響電子郵件範本的語言。
  • 如果您只變更過電子郵件範本的本文,則變更佈景主題語言會將主旨改為新語言,但不會變更本文的語言。

預設頁尾範本包含 Shopify 品牌行銷,在向顧客寄送的電子郵件頁尾中會顯示為 Shopify 技術支援。您可以移除電子郵件頁尾的 Shopify 品牌行銷。若您的商店採用 Shopify Plus 方案,顧客通知電子郵件的頁尾就不會顯示 Shopify 品牌行銷。

步驟:

電腦版
  1. 在 Shopify 管理介面中,依序前往 設定 > 通知

  2. 按一下顧客通知

  3. 按一下自訂電子郵件範本

  4. 在「品牌行銷」區段中,關閉「顯示『Shopify 技術支援』品牌行銷」。

  5. 按一下儲存

行動裝置
  1. Shopify app 中,點選 Menu,然後點選 Settings **設定**。

  2. 商店設定區段,點選通知

  3. 在「品牌行銷」區段中,關閉「顯示『Shopify 技術支援』品牌行銷」。

  4. 點選「儲存」。

自訂特定的電子郵件範本

電腦版
  1. 在 Shopify 管理介面中,依序前往 設定 > 通知

  2. 按一下您要變更的通知類型。

  3. 按一下要變更的通知名稱。

  4. 按一下編輯程式碼

  5. 編輯電子郵件訊息的電子郵件主旨電子郵件本文 (HTML)

  6. 按一下儲存

行動裝置
  1. Shopify app 中,點選 Menu,然後點選 Settings **設定**。

  2. 商店設定區段,點選通知

  3. 點選您要變更的通知類型。

  4. 點選</>

  5. 編輯電子郵件訊息的電子郵件主旨電子郵件本文 (HTML)

  6. 點選儲存

測試您的變更

自訂通知範本時,您可以在 Shopify 管理介面預覽變更,或透過電子郵件傳送,查看在顧客端的顯示方式。

步驟:

  1. 若要預覽未儲存的變更,請按一下預覽
  2. 若要以測試電子郵件的方式傳送通知,請按一下傳送測試電子郵件。電子郵件會寄送至您用來登入 Shopify 管理介面的帳戶。
  3. 如果您對變更滿意,請關閉預覽視窗,然後按一下儲存

在發票上新增稅務登記號碼

在部分國家/地區,您可能需要在顧客發票或其他通知上列示您的稅務登記號碼。在澳洲、加拿大與印度,須收取商品及服務稅 (GST) 的企業可能需要列示其登記號碼。在歐盟,您可能需要列示加值稅 (VAT) 識別號碼。

請向您的稅務會計師或主管機關確認是否需要列示該號碼。

若要在電子郵件通知中顯示您的號碼,請依下列步驟操作:

  1. 開啟您要編輯的 特定電子郵件範本
  2. 電子郵件內文 (HTML)區域的適當位置輸入您的註冊或識別編號。請包含 HTML,以確保輸出格式正確。
  3. 選用:若要確認自訂內容顯示正確,請 預覽變更
  4. 按一下儲存

在下列範例中,商店擁有人在「訂單確認」通知中,於商店標誌後方加入地址與稅務編號。

<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

在通知中加入自訂訊息

您可以在多種通知中加入自訂訊息,包括:

  • 未完成結帳作業
  • 聯絡顧客
  • 顧客帳戶啟用
  • 訂單草稿發票

步驟:

  1. 在文字欄位中輸入自訂訊息。
  2. 點擊預覽
  3. 請確認訊息顯示正確,然後點擊寄送測試電子郵件

使用內嵌 CSS 設定電子郵件範本樣式

您可以使用內嵌 CSS 覆寫預設樣式表 (如下),為電子郵件範本設定樣式:<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">。範本編輯器會自動將範本中的樣式標籤內嵌。系統也會保留媒體查詢,協助您更輕鬆建立回應式電子郵件。外部樣式表與隨佈景主題資產上傳的樣式表無法內嵌,建議將 CSS 樣式寫在範本 <head><style> 標籤中。

將電子郵件範本還原為先前版本或預設版本

您可以將電子郵件通知範本還原為先前版本或預設版本。

還原為先前或預設版本時,系統只會取代範本內容。您對電子郵件通知的 標誌顏色 所做的自訂不會變更。

步驟:

  1. 在 Shopify 管理介面中,依序前往 設定 > 通知

  2. 按一下相關的通知類別。

  3. 按一下您要檢視的通知範本。

  4. 按一下還原為

  5. 從下拉式選單中選取先前版本預設

  6. 按一下儲存

純文字電子郵件的自動轉換

對於需要顯示純文字版本的電子郵件用戶端 (例如 Apple Watch 的 Mail),系統會將您的 HTML 電子郵件範本轉換為純文字。