如何匯入自訂 HTML 電郵模板

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

在這篇文章，您可以了解：

• 如何將自訂 HTML 模板匯入SmartPush
• 匯入後如何查看和使用模版
• 修改匯入的 HTML 模板注意事項
• 編輯模版後如何儲存

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

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

1. 前往 SmartPush 後台 >「行銷活動 > 模板庫」。
2. 點選「匯入模板」。
3. 輸入模板名稱，然後拖放或選擇檔案。
4. 點選「確認並匯入」。

如果您匯入的電郵模板來自 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 後台 >「行銷活動 > 模板庫 > 收藏模板」。
2. 點選「使用」進入編輯器。
3. 點選 HTML 區塊，檢查右側的 HTML 編輯器是否有錯誤提示。
4. 開啟 HTML 編輯器，根據錯誤提示修改代碼。
5. 測試電郵無誤後發送。

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

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

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

四、編輯模板後如何儲存

為了方便您未來使用該模板時無需再次重複編輯 HTML 代碼，您可以點擊編輯器上方的「收藏模板」，選擇替換現有模板，具體操作步驟如下：

1. 編輯完成電郵模板後，點擊編輯器上方的「收藏模板」。
2. 在跳出的視窗中輸入模板名稱（可選）。
3. 選擇是否保存為新模板，或者替換現有模板。
4. 若選擇新模板，點選「確認」即可；若選擇替換現有模板，在下拉選單中選擇要進行替換的模板，點選「確認」。
5. 在「模板庫 > 收藏模板」可查閱您收藏的模板。