Skip to content

よくある質問

このページでは、メール用ドラッグ＆ドロップエディターに関するよくある質問への回答を提供します。

メールがダークモードでどのように表示されるかプレビューできますか？

はい。ドラッグ＆ドロップエディターのプレビューとテストセクションに移動し、ダークモードをオンにしてください。さまざまなユーザープラットフォームでメールをプレビューおよびテストすることもお勧めします。また、行の背景画像には可能な限り透過画像を使用してください。

ダークモードとライトモードの両方に対応したメールはどのようにデザインすればよいですか？

メールをライトとダークの別々のレイアウトで送信する必要はありません。メールクライアントやデバイスが独自のダークテーマを適用できるためです。ただし、外側のコンテナや主要なセクションに明示的な色が設定されていない場合、色が反転したり背景が非表示になったりすることがあります。これを防ぐために、ダークモードとライトモードの両方でメッセージが明確に読めるよう、ソリッドな背景色を設定することをお勧めします。

Webビューのパディングを変更せずに、モバイルのメールパディングだけを変更するにはどうすればよいですか？

モバイルとWebビューのパディングを個別に編集することはできないため、編集内容は両方のビューに反映されます。ただし、HTMLエディターでCSSロジックを追加して、画面サイズに基づいてパディングを設定することは可能です。これはドラッグ＆ドロップエディターではサポートされていないため、HTMLファイルをエクスポートしてHTMLエディターを使用してください。

デスクトップとモバイルの両方でボタンの行を水平に保つにはどうすればよいですか？

ドラッグ＆ドロップエディターを使用してメールを作成する際、コールトゥアクションボタンの水平行を作成すると、モバイルではボタンが垂直方向に変更される場合があります。

デバイスサイズ間で同じフォーマットを維持するには、モバイル向けに最適化されたパディングを持つCTAボタンを含む別の行を作成し、デスクトップデバイスではその行を非表示に設定することをお勧めします。2つの別々の行を用意することで、デスクトップとモバイルデバイスで最適なテキストレンダリングのために必要なパディングを設定できます。

ドラッグ＆ドロップエディターで行の高さを調整できますか？

行の高さはコンテンツに合わせて自動調整されます。代替方法として、以下をお勧めします。

  1. ディバイダーブロックを追加します。
  2. トグルをクリックして透明度をオンにします。
  3. 高さを調整します。

エディターでレイヤーを構築できますか？背景画像を追加し、その上に画像を重ね、さらにテキストレイヤーを追加できますか？

ドラッグ＆ドロップエディターは現在2つのレイヤーをサポートしています。行の背景画像を設定し、背景色をカスタマイズできます。

CampaignまたはCanvas内で作成したドラッグ＆ドロップメールをテンプレートとして保存できますか？

いいえ。CampaignまたはCanvasからドラッグ＆ドロップメールを、テンプレート > メールテンプレートのドラッグ＆ドロップメールテンプレートとして保存することはできません。テンプレート > メールテンプレートでレイアウトを再作成するか、次回は保存済みのテンプレートから開始してください。手順については、メールテンプレートの作成を参照してください。

再利用可能なHTMLテンプレートが必要な場合は、ドラッグ＆ドロップの本文を編集中にファイルをダウンロードを選択し、ZIPからHTMLを開き、HTMLコードエディターを使用してHTMLメールテンプレートにマークアップを貼り付けてください。その後、Liquid、リンク、ホストされたアセットを再確認してください。

テンプレートの保存場所の詳細については、テンプレートとメディアを参照してください。

ドラッグ＆ドロップエディターでボタンの塗りつぶし色を変更できないのはなぜですか？

ページレベルのスタイルがメッセージレベルのスタイルを上書きすることがあります。ボタンやブロックの塗りつぶしを更新しても反映されない場合は、以下をお試しください。

  1. メールのグローバルスタイル設定を開き、競合しているページスタイルでデフォルトにリセットを選択して、メッセージレベルの色が適用されるようにします。
  2. ブロックで色を再度設定します。

ドラッグ＆ドロップエディターにメールの添付ファイルを追加できますか？

はい。メールメッセージに添付ファイルを追加するには、送信設定 > 詳細設定に移動してください。

ドラッグ＆ドロップメールの生のHTMLをダウンロードするにはどうすればよいですか？

  1. CampaignまたはCanvasを開き、メールメッセージを編集します。
  2. メール本文を編集を選択して、ドラッグ＆ドロップエディターを開きます。
  3. ファイルをダウンロード（エディターの下部）を選択します。アーカイブを展開して、生成されたHTMLにアクセスします。

そのHTMLをHTMLブロックやHTMLエディターに貼り付けて、低レベルの編集を行うことができます。例えば、特定のリンクのクリックトラッキングをオフにする場合などです。

ドラッグ＆ドロップのレイアウトが崩れるのはなぜですか？

レイアウトの問題は、エディターが生成するマークアップと競合するカスタムHTMLまたはCSSが原因であることが多いです。以下のステップをお試しください。

  1. カスタムHTMLブロックを削除または分離して、問題が解消されるか確認します。
  2. ドラッグ＆ドロップメールエディターの設定で、すべてのクライアントで読み込まれない可能性のあるカスタムフォントがないか確認します。
  3. 行のプロパティで、列のパディングと幅を確認します。
  4. カスタムHTMLを追加する場合は、テーブルベースのレイアウト、フルイド画像、メールの幅に収まる合計テーブル幅を使用してください。固定ピクセルの画像やテーブル以外の構造は、Outlookやその他のクライアントで崩れることがよくあります。

コンテンツブロックがメールプレビューでレンダリングされないのはなぜですか？

コンテンツブロックがメールプレビューでレンダリングされない場合は、閉じられていないアンカータグがないか確認してください。コネクテッドコンテンツのURLについては、replaceフィルターを使用して、二重エンコードされたアンパサンド（&）を単一のエンコードされたアンパサンド（&）に変換してください。コンテンツブロックのネストは2レベルまでに制限してください。

ドラッグ＆ドロップエディターが配置設定を無視するのはなぜですか？

ドラッグ＆ドロップエディターが配置設定を無視する場合は、カスタムCSSまたはHTMLブロックを削除し、カスタムフォントを削除し、CSSの競合がないか確認し、行ブロックの重複を避けてください。問題が解決しない場合は、Brazeサポートにお問い合わせください。
New Stuff!