分享方式:


使用增強的 HTML 控制件並導入 HTML 代碼段

本文詳細說明如何在 Customer Insights - Journeys 電子郵件編輯器中使用即時編碼和自訂程式碼標記。

身為行銷人員,您會想要向客戶傳送引人入勝且個人化的電子郵件。 有時可能需要修改 HTML 或新增自訂 HTML 程式碼以實現特定設計功能和配置選項。 不過,編輯 HTML 或匯入自訂 HTML 程式碼可能會在各種電子郵件用戶端和裝置上產生轉譯問題與顯示差異。 為了協助您處理這些問題,Customer Insights - Journeys 電子郵件編輯器包含增強型 HTML 控制項,可讓您即時編輯電子郵件並保護自訂程式碼免於後續處理。

此功能可讓您:

  • 將電子郵件的區段標示為自訂,確保其不會進行後續處理和轉譯變更。
  • 以 HTML 撰寫程式碼,並在電子郵件中立即看到變更。
  • 將 HTML 程式碼做為自訂區段匯入至電子郵件編輯器。

後續章節介紹如何在電子郵件編輯器中使用增強型 HTML 控制項功能,並說明其優點和限制。

注意

請注意,建立自訂區段時,不再有任何轉譯支援。

啟用增強型 HTML 控制項

開啟或關閉此功能:

  1. 移至設定>概覽>功能開關
  2. 啟用停用電子郵件編輯器區段中的增強型 HTML 控制項切換。

如何使用增強型 HTML 控制項

注意

為了獲得最佳體驗,請將快捷列移動到頁面底部,如下所示。 使用頁面底部的快捷列取得更好的體驗。

若要將電子郵件的區段標示為自訂,您必須使用將區段標示為自訂功能。 此功能可讓您指示不可透過後續處理修改電子郵件的特定部分,必須保留其原始轉譯行為。 還可以選取電子郵件的任何區段,直接在程式碼編輯器中編輯 HTML 程式碼。

若要使用自訂程式碼標記功能,請執行下列步驟:

  1. 選取您要標示為自訂的電子郵件區段。

  2. 選取 HTML 編輯器視窗左上角的將區段標示為自訂按鈕。

    自訂程式碼標記功能的螢幕擷取畫面

  3. 在程式碼編輯器中查看以自訂程式碼標籤包裝的選定程式碼,並在電子郵件即時預覽和 HTML 視窗中查看以綠色框線醒目提示的標記程式碼。

若要匯入 HTML 程式碼片段,請選取 HTML 編輯器視窗頂端的匯入程式碼片段按鈕。 這會開啟視窗,您可在其中匯入可用於電子郵件的程式碼片段。

若要在電子郵件中插入程式碼片段,請執行下列步驟:

  1. 選取要匯入程式碼的區段。

  2. 選取 HTML 編輯器視窗中的匯入程式碼片段按鈕。

    匯入您自己的程式碼功能的螢幕擷取畫面

  3. 查看新增至 HTML 編輯器的程式碼片段,並在電子郵件即時預覽和 HTML 視窗中查看以綠色框線醒目提示的電子郵件即時預覽。

增強型 HTML 控制項功能的優點和限制

增強型 HTML 控制項功能為想要在電子郵件中使用自訂 HTML 程式碼的行銷人員提供多項好處。 其中一些好處如下:

  • 允許您即時撰寫電子郵件程式碼並預覽其效果,從而簡化電子郵件建立程序。
  • 讓您更充分掌控資訊顯示方式以及資訊在不同裝置和電子郵件用戶端上的呈現方式。
  • 保護您的自訂程式碼免於後續處理,確保其依預期方式顯示。
  • 減少使用外部工具與服務對電子郵件進行編輯和測試的需求。
  • 為您提供方便使用的 HTML 編輯器,以協助您避免發生轉譯問題和開立支援票證。

不過,增強型 HTML 控制項功能也有一些您應該注意的限制。 其中一些限制如下:

  • 將區段標示為自訂,即表示會停用所有電子郵件用戶端相容性處理,您應該先測試電子郵件,再將其發送。
  • 不支援動態內容或個人權杖。 這些功能可能無法正確顯示,或者可能在電子郵件用戶端造成錯誤。

您應謹慎使用增強型 HTML 控制項功能,並遵循使用自訂 HTML 程式碼建立電子郵件的最佳做法。