編輯通知範本

此頁面列印時間為 Mar 26, 2023。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/orders/notifications/edit-template。

您的商店有多種通知範本可以使用。通知的傳送動作是由事件所觸發，例如有顧客提交了新訂單，或是訂單進入出貨作業。依據各種不同的事件以及您的訂單通知設定而定，您可以選擇要向自己、您的員工或顧客傳送通知。

您可以藉由新增標誌或一次變更所有範本的顏色配置，來自訂您的電子郵件通知。此外，您還可以個別編輯電子郵件通知的內容。

若要瞭解簡訊範本的資訊，請參閱簡訊通知。

為電子郵件範本新增商標

您可以一次為所有電子郵件範本新增商標：

  1. 在 Shopify 管理介面，前往「設定」 > 「通知」。
  1. 在 Shopify 應用程式中，前往「商店」 > 「設定」。
  2. 在「商店設定」底下，點一下「通知」。
  1. 在 Shopify 應用程式中，前往「商店」 > 「設定」。
  2. 在「商店設定」底下，點一下「通知」。

  1. 按一下「自訂」。

  2. 點擊「選擇檔案」、找到檔案並將其上傳，即可新增標誌。

請選擇電子郵件範本的顏色

您可以變更電子郵件範本的配色：

  1. 在 Shopify 管理介面，前往「設定」 > 「通知」。
  1. 在 Shopify 應用程式中，前往「商店」 > 「設定」。
  2. 在「商店設定」底下，點一下「通知」。
  1. 在 Shopify 應用程式中，前往「商店」 > 「設定」。
  2. 在「商店設定」底下，點一下「通知」。

  1. 按一下「自訂」。

  2. 若要變更電子郵件的強調色，請輸入顏色代碼，或點擊顏色挑選器。

變更電子郵件範本的語言

電子郵件範本的預設語言會依佈景主題的語言以及您對範本做的編輯內容而定。

  • 如果您沒有變更電子郵件範本，則您變更佈景主題語言時，也會同時變更電子郵件範本的語言。
  • 如果您曾變更電子郵件範本的內文和標題，變更佈景主題語言時將不會同時變更電子郵件範本的語言。
  • 如果您只變更電子郵件範本的標題，變更佈景主題語言將不會同時變更電子郵件範本的語言。
  • 如果您只變更電子郵件範本的內文，變更佈景主題的語言將會同時變更電子郵件範本標題的語言，但不會變更內文語言。

自訂特定電子郵件範本

步驟：

  1. 在 Shopify 管理介面，前往「設定」 > 「通知」。
  1. 在 Shopify 應用程式中，前往「商店」 > 「設定」。
  2. 在「商店設定」底下，點一下「通知」。
  1. 在 Shopify 應用程式中，前往「商店」 > 「設定」。
  2. 在「商店設定」底下，點一下「通知」。

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

  2. 編輯「電子郵件主旨」欄位和電子郵件內文訊息。

  3. 點擊「儲存」。

測試您的變更

您自訂通知範本後，即可在 Shopify 管理介面預覽變更或透過傳送電子郵件來查看其實際在顧客面前呈現的模樣。

步驟：

  1. 若要預覽您的通知，請前往「動作」>「預覽」。
  2. 若您滿意變更內容，請關閉預覽視窗然後點擊「儲存」。
  3. 若要作為測試電子郵件傳送通知，請點擊「動作」>「傳送測試電子郵件」。電子郵件會傳送到用於登入 Shopify 管理介面的帳號。

在發票中新增稅務登記編號

在某些國家/地區，您可能需要在顧客發票或其他通知中附上您的稅務登記編號。在澳洲、加拿大及印度，會收取商品及服務稅 (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 應用程式商店購買並下載發票應用程式。發票應用程式可讓您將稅號納入發票資訊中。

在「訂單確認」和「訂單退款」範本中新增關稅項目

若您要收取關稅和進口稅，請務必確認您的通知電子郵件含有關稅項目，以便顧客擁有支付該筆費用的記錄。

如果您使用「訂單確認」和「訂單退款」預設範本做為電子郵件範本，則系統將自動更新您的電子郵件以納入關稅商品項目。您無須進行任何變更。

如果您已自訂「訂單確認」和「訂單退款」電子郵件範本，則可以為您的電子郵件範本加入以下程式碼，藉此新增關稅項目。

{% 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 %}
  1. 以下列程式碼取代： 
 {% if shipping_address or billing_address or shipping_method or payment_terms %}
  1. 在「電子郵件內文 (HTML)」區域中，找到適當的位置並輸入付款條件名稱。 
  {% if payment_terms %}
    <td class="customer-info__item">
      <h4>Payment</h4>
      <p> Terms: {{ payment_terms.name }} </p>
    </td>
  {% endif %}
  1. 按一下「儲存」。

在下列範例中，商店擁有人在 shipping_method 後方將付款條件新增至顧客資訊區段。

範例

如需更多詳細資訊，請參閱payment_terms的 Liquid 參考。

為通知新增自訂訊息

您可以為多種通知新增自訂訊息，包括：

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

步驟：

  1. 在文字欄位中輸入自訂訊息。
  2. 按一下「檢視電子郵件」。
  3. 確認所顯示的訊息內容是否正確無誤，按一下「返回」即可進行任何變更。
  4. 確認完成後，請按一下「傳送通知」。

使用內嵌 CSS 設計電子郵件範本

若要使用內嵌 CSS 設計電子郵件範本，您可以覆寫預設樣式表：<link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">。範本編輯器會自動在範本中嵌入任何設計標籤。這會保留媒體查詢功能，方便您建立回覆電子郵件。外部樣式表以及與佈景主題資產上傳的樣式表無法嵌入；因此，建議將 CSS 樣式包含在範本的 <head> 的 <style> 標籤中。

自動轉換純文字電子郵件

針對需要顯示純文字版本的電子郵件客戶端 (例如 Mail for Apple Watch)，可將您的 HTML 電子郵件範本轉換成純文字電子郵件。

準備好開始透過 Shopify 銷售商品了嗎？

免費試用