カスタム HTML テンプレートをインポートする方法

このページで学べること

Klaviyo にカスタム HTML テンプレートをインポートする方法についてはこちらをご覧ください。

カスタムHTMLテンプレートをインポート

サポートされていないテンプレートタグと変数を削除

別のメール送信プロバイダーからテンプレートをエクスポートする場合、Klaviyo でサポートされていないタグや変数が含まれていることがあります。HTML ファイルをインポートする前に、それらのタグを削除し（必要に応じて Klaviyo のパーソナライゼーションタグに置き換えてください）。

たとえば、以下のメッセージと HTML をご確認ください。このメッセージは別のメール送信プロバイダーからエクスポートされたもので、現在の年、企業の住所などのタグが含まれています。これらの外部タグは Klaviyo と互換性がありません。

Klaviyo のテンプレートタグは波括弧内に含まれます。変数は 2 組の波括弧（例: {{ first_name }}）で囲まれ、テンプレートタグは 1 組の波括弧とパーセント記号（例: {% unsubscribe %}）で囲まれます。テンプレート内のテンプレートタグと変数が他の文字で示されている場合、Klaviyo ではサポートされません。

1. [コンテンツ] > [テンプレート] に移動します。
2. [メール：保存済み]タブを選択します。
3. [作成] > [メールテンプレートをインポート] をクリックします。
4. テンプレート名に名前を入力してください。
5. HTMLファイルをアップロードを選択し、.htmlをアップロードしてくださいファイル、またはHTMLを貼り付けを選択し、コードをテンプレートHTMLに貼り付けてください。
6. HTMLでローカル画像を参照している場合は、それらを含む.zipファイルをアップロードしてください。テンプレートに使用する追加ファイルをアップロードで、それらが含まれているファイルをアップロードしてください。以下の画像要件をご確認ください。
7. [テンプレートのインポート]をクリックします。

インポートが正常に完了すると、ダイアログが閉じ、テンプレートが［メール：保存済み］タブに表示されます。

画像を追加（任意）

ローカル画像を.zipファイルにパッケージします。ファイルをテンプレートに使用する追加ファイルをアップロードでアップロードします。ZIP内の各画像のファイル名とフォルダーパスは、HTML内の参照と一致している必要があります。各画像は10 MB以下である必要があります。

テンプレートをインポートすると、KlaviyoがZIPから参照されている画像をコンテンツ配信ネットワーク（CDN）にアップロードし、テンプレート内の参照先を更新します。

画像がすでにオンラインでホストされている場合は、完全なhttp://またはhttps:// URLを使用して参照してください。これらの画像をZIPファイルに含める必要はありません。

カスタム HTML テンプレートに非表示のプレビューテキストを追加

カスタムHTMLテンプレートのプレビューテキストを設定したい場合（受信トレイでメッセージ内容からプレビューテキストが取得されるようにするのではなく）、以下のコードブロックをテンプレートに追加してください。このコードは、テンプレートの開始<body>タグの直後に追加してください。Insert preview text here.を、受信者に表示させたいプレビューテキストに置き換えてください。

<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 テンプレート

その他のリソース

• Klaviyo でカスタム CSS、JavaScript、HTML のトラブルシューティングを行う
• ハイブリッドメールテンプレートの作成方法