カスタム HTML テンプレートをインポートする方法
このページで学べること
Klaviyo にカスタム HTML テンプレートをインポートする方法についてはこちらをご覧ください。
カスタム HTML の使用は、技術に詳しいマーケター、または開発者にアクセスできる方にのみおすすめします。当社の製品はカスタム HTML をサポートしていますが、サポートチームは、このドキュメントに記載されている一般的なガイダンスの提供を超えて、カスタム テンプレートの構築を支援することはできません。データのセキュリティを維持するため、Klaviyo のサポートチームは HTML ファイルを開くことができません。
カスタム HTML テンプレートをアップロード
カスタム HTML テンプレートは .html である必要があります。ファイルであり、購読解除リンク(つまり、{% unsubscribe %} または {% unsubscribe_link %} タグ)を含める必要があります。Klaviyo での購読解除について詳しくはこちら。
- [コンテンツ] > [テンプレート] に移動します。
- [メール テンプレート] タブを選択します。
- [インポート] をクリックします。
- 名前を入力し、テンプレートの HTML ファイルをアップロードしてください。
- HTML で参照されている画像やアセットをアップロードしてください。
- [テンプレートをインポート] をクリックします。
Klaviyo のドラッグ&ドロップ エディタで作成したテンプレートをエクスポートしてから Klaviyo に再インポートすることは推奨されず、テンプレートの機能に問題が発生する可能性があります。
サポートされていないテンプレートタグと変数を削除
別のメール送信プロバイダーからテンプレートをエクスポートする場合、Klaviyo でサポートされていないタグや変数が含まれていることがあります。HTML ファイルをインポートする前に、それらのタグを削除し(必要に応じて Klaviyo のパーソナライゼーションタグに置き換えてください)。
たとえば、以下のメッセージと HTML をご確認ください。このメッセージは別のメール送信プロバイダーからエクスポートされたもので、現在の年、企業の住所などのタグが含まれています。これらの外部タグは Klaviyo と互換性がありません。


Klaviyo のテンプレートタグは波括弧内に含まれます。変数は 2 組の波括弧(例: {{ first_name }})で囲まれ、テンプレートタグは 1 組の波括弧とパーセント記号(例: {% unsubscribe %})で囲まれます。テンプレート内のテンプレートタグと変数が他の文字で示されている場合、Klaviyo ではサポートされません。
画像と添付ファイルを追加(任意)
添付ファイルを含む zip ファイルをアップロードし、テンプレート内でファイル名で参照することで、画像や添付ファイルを参照できます。
テンプレートをインポートするためにクリックすると、これらの画像とアセットが自動的に当社の CDN に追加され、テンプレート内の参照が更新されます。
カスタム HTML テンプレートに非表示のプレビューテキストを追加
カスタム HTML テンプレートのプレビューテキストを設定する場合(受信トレイにメッセージ内容からプレビューテキストを取得させるのではなく)、以下のコードブロックをテンプレートに追加します。このコードは、テンプレートの開始 <body> タグの直後に追加してください。
<div style="display:none; font-size:1px; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden;">
Insert preview text here.
</div>絵文字とカスタム HTML テンプレート
2024年2月時点で、すべての絵文字がすべての Klaviyo Email エディタ(ドラッグ&ドロップ エディタ、ハイブリッド エディタ、テキストのみエディタ、カスタム HTML エディタ)でサポートされています。