如何匯入自訂 HTML 電郵模板

SmartPush 支援匯入來自外部平台的 HTML 電郵模板,並自動相容 Klaviyo 或 Shopify Email 的部分變數。建議在使用自訂 HTML 編輯器進行修改後加以儲存,以便未來在行銷電郵或自動化行銷電郵任務中可重複使用。

目錄:

 

一、如何將自訂 HTML 模板匯入 SmartPush

自訂 HTML 模板必須為 .html 檔案格式,僅支援單個檔案匯入。匯入步驟如下:

  1. 前往 SmartPush 後台 >「行銷活動 > 模板庫 > 收藏模板」。
    截圖 2024-07-11 上午10.23.55.png

  2. 點選「匯入模板」。
    截圖 2024-07-11 上午10.39.50.png

    截圖 2024-07-11 上午11.08.37.png

  3. 拖放或選擇檔案並輸入模板名稱。
    截圖 2024-07-11 上午11.15.53.png

  4. 點選「確認並匯入」後,即完成上傳,您可以在「收藏模板」頁籤中查看。
    截圖 2024-07-11 上午11.26.04.png

如果您匯入的電郵模板來自 Klaviyo 和 Shopify Email 平台,SmartPush 在匯入時會自動驗證是否包含取消訂閱、聯絡電郵等變數資訊,無需手動更改。其他平台也將在未來自動相容。更多與取消訂閱、聯絡電郵的相關資訊,請參考:管理訂閱區塊

此外,如果是 SmartPush 所包含的標籤,將自動同步到匯入的模板上,具體包括:

SmartPushTag format

Klaviyo Tag format

Shopify email Tag format

Profile property

[[contact.email]]

{{ email }}

{{data.customer.email}}

Email

[[contact.firstName]]

{{ first_name }}

{{data.customer.first_name}}

First name

[[contact.lastName]]

{{ last_name }}

{{data.customer.last_name}}

Last name

[[contact.name]]

{{ person.full_name }}

 

Full name

[[contact.phone]]

{{ person.phone_number }}

 

Phone Number

[[shopName]]

{{ organization.name }}

{{shop.name}}

Your organization’s name

[[shopURL]]

{{ organization.url }}

 

Your organization’s website

[[unsubscribe.url]]

{% unsubscribe %}

{{unsubscribe_link}}

Unsubscribe

If you'd no longer like to receive emails, {% unsubscribe 'click here' %}.

 

If you'd no longer like to receive emails, click here.

This is a fancy <a href="{% unsubscribe_link %}" >unsubscribe</a> link.

 

This is a fancy unsubscribe link.

[[viewEmail]]

{% web_view %}

{{email.preview_text}}

View in Your Browser

Can't see this email? {% web_view 'Open in your browser' %}.

-

Can't see this email? Open in your browser.

This is a fancy <a href="{% web_view_link %}">web view</a> link.

-

This is a fancy web view link.

[[contact.firstName:friend]]

{{ first_name|default:'friend' }}

-

Hey friend

[[orderUrl]]

-

{{abandoned_checkout.url}}

This is an abandoned checkout url

[[shopDomain]]

-

{{shop.domain}}

This is your shop domain

[[shopifyDomain]]

-

{{shop.shopify_domain}}

This is your shopify domain

[[emailSubject]]

-

{{email.subject}}

This is an email subject

[[customerEmail]]

發送時為您校驗並自動新增到頁尾

發送時為您校驗並自動新增到頁尾

Your customer support email

 

SmartPush 目前尚不支援的外部標籤無法自動相容,匯入時將暫存為 HTML 代碼。在使用模板時,您需要在 HTML 編輯器中根據錯誤提示檢查並進行修改。

 

二、匯入後如何查看和使用模板

  1. 前往 SmartPush 後台 >「行銷活動 > 模板庫 > 收藏模板」。
    截圖 2024-07-11 上午11.26.04.png

  2. 點選「使用模板」進入編輯器。
    截圖 2024-07-11 上午11.38.16.png

  3. 點選 HTML 區塊,檢查右側的 HTML 編輯器是否有錯誤提示。
    截圖 2024-07-11 上午11.43.05.png

  4. 開啟 HTML 編輯器,根據錯誤提示修改代碼。

    螢幕錄影 2024-07-11 上午11.50.24.gif
  5. 測試電郵無誤後發送。

三、修改匯入的 HTML 模板注意事項

需要注意的是,匯入 HTML 模板雖然能夠幫助您快速複製自訂格式,但如果電郵中包含動態區塊(如商品、折扣),則需要您手動編輯。您可以:

  1. 分割匯入的 HTML 區塊,識別動態區塊並使用 SmartPush 區塊進行替換。
  2. 匯出一個 SmartPush 的電郵模板,包含您希望新增的動態區塊,然後打開 HTML 連結並將這部分代碼替換為來自外部模板的代碼。

 

四、編輯模板後如何儲存

為了方便您未來使用該模板時無需再次重複編輯 HTML 代碼,您可以點擊編輯器上方的「收藏模板」,選擇替換現有模板,詳細操作步驟請參考:如何收藏自訂模板並應用於電郵或自動化任務

 

 

 

 

 

還有其他問題?提交請求

評論