カスタムHTMLエディターでコンテンツを作成

MoEngageは、カスタムHTMLエディターを使用してメールコンテンツを作成するための以下の方法をサポートしています。

HTMLテンプレートを編集/貼り付け

HTMLエディターを使用してメールコンテンツを作成できます。エディターのサイドバイサイドビューは、HTMLコードの複雑さに関係なく、行った変更の影響を視覚化するのに役立ちます。

HTMLエディターを使用すると、次の操作を実行できます。

HTMLコードを追加

info

情報

MoEngageのカスタムHTMLエディタは、 メール設定 HTMLコードの自動フォーマット トグルをオンにしている場合、HTMLテンプレートでいくつかのアクションを実行します。これは、HTMLの自動クリーンアップを通じて重要な利点を提供し、セマンティックな正確性とブラウザ間での信頼性のあるレンダリングを保証します。これらのアクションに関する詳細は、 Automatic Edits MoEngage Performs on an HTML Template を参照してください。

以前に準備したHTMLコードを追加するか、エディターで作成することができます。エディターは、HTMLコードを作成するための次のエディターツールをサポートしています:

  • テキストエディターとフォーマット 。この基本的なテキストエディターツールを使用すると、HTMLコードを直接入力または修正できます。
  • テーブルエディタ。 このエディタを使用すると、行数と列数を指定してHTMLテーブルを簡単に作成およびカスタマイズできます。
  • ハイパーリンクの挿入。 エディターには通常、ハイパーリンクを挿入するためのツールが含まれています。URL、リンクテキスト、およびターゲットウィンドウオプションを指定できます。
  • 画像エディター。 このエディターを使用すると、HTMLコードに画像を挿入および管理できます。
  • 元に戻す/やり直す。 HTMLコードへの変更を簡単に元に戻したり、再適用したりするための元に戻すボタンとやり直しボタンがあります。
    side by side.png

メールデザインをプレビュー

サイドバイサイドビューを使用すると、HTMLコードに加えた変更をリアルタイムでプレビューでき、変更の即時の影響を確認できます。さらに、デスクトップとモバイルの両方の解像度でメールデザインをプレビューして、さまざまなデバイスで見栄えが良く、正常に機能することを確認できます。
side by side.gif

MoEngageは、 詳細プレビューの表示 オプションを提供しており、 パーソナライズされたプレビュー 受信トレイプレビュー を利用できます。パーソナライズされたプレビューは、件名、プレビューテキスト、送信者名、送信元メールアドレス、および返信先メールアドレスなどのメールの詳細をプレビューします。

2024-09-13_13-00-10.gif

動的コンテンツを追加

属性を使用して、メールの内容をパーソナライズできます。リンクと画像のパーソナライズはHTMLエディターで利用可能です。詳細については、 カスタムHTMLエディタを使用したパーソナライズ を参照してください。

テンプレートとして保存

HTMLコードを マイ保存テンプレート としてテンプレートライブラリに保存し、後でキャンペーンで使用することができます。 テンプレートの保存 をクリックして、 テンプレートの操作 の下にテンプレートを保存します。

HTMLテンプレートをZIP形式でアップロード

HTMLファイルと画像を含むZIPファイルをアップロードすることで、メールコンテンツを作成できます。MoEngageはこのZIPファイルを変換し、カスタムHTMLエディタにデザインを表示します。その後、さらに変更を加えたり、 メッセージをパーソナライズ したりできます。

ZIPファイル形式

ZIPファイルをアップロードするには、以下の仕様に従ってください。

  • ファイルサイズを5 MBに制限してください。
  • ファイル名には特別な文字(*, /, \\, &, ~, " など)を含めないでください。
  • ZIPファイルには、インラインCSSを含む1つのHTMLファイルのみが含まれている必要があります。ファイル名に関するエラーが表示された場合は、HTMLファイルが1つだけであることを確認してください。
  • 画像がJPG、JPEG、PNG、またはGIF形式であることを確認してください。
  • すべての画像は、HTMLで指定された相対パスに配置されるべきです(大文字と小文字を区別します)。画像の場所に関するエラーが発生した場合は、すべての画像がZIP内の正しいフォルダーに配置されていることを確認してください。

ZIP形式でメールテンプレートをアップロードする手順

  1. MoEngageダッシュボードにログインします。
  2. すべてのキャンペーン ページで、 + キャンペーンの作成 > メール > 必要な配信タイプをクリックします。
  3. ステップ1「ターゲットユーザー」で必要な詳細をすべて定義し、 次へ をクリックします。
  4. ステップ2「コンテンツ」で、 カスタムHTMLエディター タブをクリックします。
  5. Zip形式でHTMLテンプレートをアップロード を以下のように選択します。
    CustomHTMLEditor_Options__1_.png
  6. ZIPファイルをドラッグアンドドロップするか、表示されるダイアログボックスで参照してください。このテンプレートを保存したい場合は、 テンプレートとして保存 チェックボックスを選択し、テンプレートの名前を入力してください。 次に、 アップロード をクリックします。 UploadZipTemplate.png

これにより、ドラッグアンドドロップエディターでテンプレートが読み込まれます。エラーが発生した場合は、 ZIPファイル形式 セクションのガイドラインに従ってください。

問題が解決しない場合は、 サポートチケットを提出 できます。

この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています

How can we improve this article?