自訂電子郵件範本

Commerce包含系統所傳送之每則訊息的正文區段的預設電子郵件範本。 內文內容的範本會與頁首和頁尾範本結合,以建立完整的訊息。 內容使用HTML和CSS格式化,可以透過新增變數介面工具輕鬆編輯和自訂。 您可以為每個網站、商店或商店檢視自訂電子郵件範本。 如果使用自訂範本,請務必更新系統組態,以確保使用正確的範本。

範例 — 歡迎電子郵件預覽

預設範本包含您的標誌和商店資訊,且不需進一步自訂即可使用。 然而,最佳實務是檢視每個範本,並在傳送給客戶之前進行任何必要的變更。

電子郵件範本

範本資訊

欄位
說明
Template Name
自訂範本的名稱。
Insert Variable
在範本的游標位置插入變數。
Template Subject
範本主旨會顯示在「主旨」欄中,可用來排序和篩選清單中的範本。
Template Content
HTML中的範本內容。
Template Styles
可在​ Template Styles ​方塊中輸入格式化範本所需的任何CSS樣式宣告。

頁首範本

完成設定後,電子郵件標題範本會包含連結至商店的標誌。 如果您具備HTML的基本知識,就可以輕鬆地使用預先定義的變數,將商店聯絡資訊新增到標題中。

步驟1. 載入預設範本

  1. 在​ 管理員 ​側邊欄上,移至​ Marketing > Communications>Email Templates

  2. 按一下​ Add New Template

  3. 在​ Load default template ​區段中,按一下​ Template ​選取器並選擇Magento_Email > Header

    電子郵件範本標頭 — 載入預設範本 {width="600" modal="regular"}

  4. 按一下​ Load Template

    範本中的HTML程式碼和變數會顯示在表單中。

步驟2. 自訂範本

  1. 輸入自訂標頭的​ Template Name

  2. 輸入​ Template Subject ​以協助組織範本。

    在網格中,範本清單可依​ Subject ​欄排序和篩選。

    電子郵件範本標頭資訊 {width="600" modal="regular"}

  3. 在​ Template Content ​方塊中,視需要修改HTML。

    note note
    NOTE
    在範本程式碼中工作時,請注意不要覆寫任何以雙大括弧括住的內容。
  4. 若要插入變數,請將游標置於您要放置變數的程式碼中,然後按一下​ Insert Variable

  5. 選擇要插入的變數。

    標頭範本 — 插入變數 {width="600" modal="regular"}

    選取變數時,會在程式碼中插入變數的標籤標籤

    雖然商店電子郵件地址變數是最常包含在標題中的變數,但您可以直接在範本中輸入任何系統或自訂變數的程式碼。

  6. 如果您需要做任何CSS宣告,請在​ Template Styles ​方塊中輸入樣式。

  7. 當您準備好檢閱您的工作時,請按一下​ Preview Template

    對範本進行任何必要的變更。

  8. 完成時,按一下​ Save Template

    您的自訂標題現在會顯示在可用電子郵件範本的清單中。

步驟3. 更新設定

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 在網格中,尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 向下捲動並展開 擴充選擇器 Transactional Emails ​區段。

  4. 選擇用作電子郵件通知預設值的​ Header Template

  5. 完成時,按一下​ Save Config

異動電子郵件設計設定 — 標頭範本

頁尾範本

電子郵件範本頁尾包含電子郵件訊息的結尾和簽名行。 您可以變更結案以符合您的風格,並新增其他資訊,例如公司名稱和地址在您的名稱下方。

步驟1. 載入預設範本

  1. 在​ 管理員 ​側邊欄上,移至​ Marketing > Communications>Email Templates

  2. 按一下​ Add New Template

  3. 在​ Load default template ​區段中,按一下​ Template ​選取器並選擇Magento_Email > Footer

  4. 按一下​ Load Template

    範本中的HTML程式碼和變數會顯示在表單中。

步驟2. 自訂和預覽範本

  1. 輸入自訂頁尾的​ Template Name

  2. 輸入​ Template Subject ​以協助組織範本。

    在格線中,範本可依​ Subject ​欄進行排序和篩選。

    電子郵件範本頁尾 — 資訊 {width="600" modal="regular"}

  3. 在​ Template Content ​方塊中,視需要修改HTML。

    note note
    NOTE
    在範本程式碼中工作時,請注意不要覆寫任何以雙大括弧括住的內容。
  4. 若要插入變數,請將游標置於您要放置變數的程式碼中,然後按一下​ Insert Variable

  5. 選擇要插入的變數。

    選取變數時,會在程式碼中插入變數的標籤標籤

    雖然「商店連絡人」變數是最常包含在頁尾中的變數,但您可以直接在範本中輸入任何系統或自訂變數的程式碼。

  6. 如果您需要做任何CSS宣告,請在​ Template Styles ​方塊中輸入樣式。

步驟3. 更新設定

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 在網格中,尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 向下捲動並展開 擴充選擇器 Transactional Emails ​區段。

  4. 選擇用作電子郵件通知中預設頁尾的​ Footer Template

  5. 完成時,按一下​ Save Config

異動電子郵件設計設定 — 頁尾範本

訊息範本

自訂每則訊息本文的程式與自訂頁首或頁尾的程式相同。 唯一的差異在於每個觸發通知的活動或事件的訊息範本。 您可以照原樣使用範本,或自訂範本以符合您的聲音和品牌。 除了範本文字之外,還有大量允許的預先定義變數和自訂變數可供您建立並合併至範本。

步驟1. 載入預設範本

  1. 在​ 管理員 ​側邊欄上,移至​ Marketing > Communications>Email Templates

  2. 按一下​ Add New Template

    電子郵件範本 — 載入預設範本 {width="600" modal="regular"}

  3. 執行下列動作:

    • 在​ Load default template ​底下,選擇要自訂的​ Template

    • 按一下​ Load Template

步驟2. 自訂範本

  1. 針對​ Template Name,輸入自訂範本的名稱。

  2. 如有需要,請變更​ Template Subject

    這是訊息的第一行,預設為問候語。 您可以保持原樣,也可以輸入更清楚描述的內容。

  3. 記下範本的​ Currently Used For ​路徑,這是用來更新設定的路徑。

    電子郵件範本 — 範本資訊 {width="600" modal="regular"}

  4. 在​ Template Content ​方塊中,視需要修改HTML。

    內容包含HTML標籤、CSS指示、變數和文字的組合。

    note note
    NOTE
    在範本程式碼中工作時,請注意不要意外在程式碼中輸入雙大括弧。
  5. 若要插入變數,請將游標置於您要該變數出現的程式碼中。

    變數的選取範圍會依範本而異,並包含允許的預先定義自訂變數(如果有的話)。

  6. 按一下​ Insert Variable ​並選擇要插入的變數。

    插入變數的命令會以大括弧括住,並新增至游標位置的程式碼中。 例如:

    customVar code=my_custom_variable

  7. 若要進行CSS宣告,請在​ Template Styles ​中輸入樣式。

    電子郵件範本 — 新增自訂樣式 {width="600" modal="regular"}

    note note
    NOTE
    只有在​_Template Styles_​中有{{template config_path="design/email/header_template"}}時,才會將自訂樣式套用至電子郵件。 若要在沒有預設頁首範本的情況下使用自訂CSS,您必須在<style>HTML標籤中在此處提供它們。

步驟3. 更新設定

Currently Used For ​階層連結軌跡會顯示範本的使用位置。 在此範例中,範本設定位於​ Customer Configuration ​頁面、Create New Account Options ​區段和​ Default Welcome Email ​欄位中。

  • 頁面 — Customer Configuration
  • 區段 — Create New Account Options
  • 欄位 — Default Welcome Email
  1. 在​ Currently Used For ​階層連結追蹤中,按一下連結以開啟範本設定頁面。

    目前的電子郵件範本 {width="600" modal="regular"}

  2. 展開 展開選取器 區段,並尋找您自訂之電子郵件範本的欄位。

  3. 清除「Use system value」核取方塊,然後按一下自訂範本的名稱。

    客戶組態 — 預設歡迎電子郵件範本 {width="600" modal="regular"}

  4. 完成時,按一下​ Save Config

  5. 在工作區頂端的郵件中,按一下​ Cache Management ​並清除任何無效的快取。

步驟4. 預覽並儲存範本

  1. 當您準備好檢閱您的工作時,請按一下​ Preview Template

  2. 視需要更新範本。

  3. 完成時,按一下​ Save Template

    您的自訂範本現在可在電子郵件範本清單中使用。

recommendation-more-help
d3c62084-5181-43fb-bba6-1feb2fcc3ec1