メールで分岐ブロックを使用する方法
推定 1 分で読めます
|
更新日 2025年8月5日 0:00 EST
このページで学べること
Klaviyo で分岐ブロックを使用してコンテンツを横並びに配置する方法を確認してください。
分岐ブロックを使用するタイミング
Klaviyo のメールエディタでコンテンツを横並びに配置する方法は 3 つあります。分割ブロック、列、テーブルブロックです。各オプションには、特定の利点とトレードオフがあります。分岐ブロックが最適なのは次の場合です：
- 2 列が必要で、各列の幅を完全に制御したい場合。
- テキストまたは画像を横に並べるだけでよく、他のコンテンツタイプはサポートされていません。
- モバイルで列を積み重ねて表示するか、横並びのまま表示するかを選択します。
以下のチャートで、分岐ブロック、列、テーブルについて詳しくご確認ください。
コンテンツ レイアウト | 列の数 | 幅のオプション | 許可されているコンテンツタイプ | モバイル ビューで列を積み重ねられますか？ |
分岐ブロック | 2 | 精密な制御（分岐設定 > 列幅を使用） | 画像のみ、またはテキストのみ | はい |
列 | 1-4 | 限定された選択 | 任意の種類のコンテンツブロック（例：テキストブロック、画像ブロック、レビュー引用ブロック） | はい |
テーブルブロック | 任意の数 | 精密な制御（列の幅 > 手動 を使用） | 画像のみ、またはテキストのみ | いいえ |
テーブルは、スクリーン リーダーが解析しづらいため、アクセシビリティの観点で課題となる場合があります。
メール テンプレートに分岐ブロックを追加
- メールテンプレート内で、分岐 ブロックをキャンバスにドラッグします。
- 列セレクター の下で、分岐の左側と右側を切り替えます。
- 列の内容で、分岐の現在選択されている側に画像を含めるかテキストを含めるかを選択します。
- 以下のフィールドにテキストまたは画像を追加します。
- 分岐のもう一方の側についても、このプロセスを繰り返します。
- ブロックの スタイル タブを開きます。
- 各列の幅を全体に対するパーセンテージとして設定します。パーセンテージの合計が 100％ になる必要があります。
- 列幅フィールドの下で、分岐した両側の間の余白を設定します。
その他のリソース
- フローメールで動的ブロックを構築する方法
動的テーブルのブロックを使用して、メトリックによってトリガーされるフローに商品情報やその他のイベント情報を追加する方法を学びましょう。この記事では、カゴ落ちリマインダーで「カートに残された商品」を表示するを例を用いて、動的ブロックを作成する手順を紹介します。
- メールに列を追加する方法
必要に応じてメールにカラムを追加し、テンプレートをより見栄えよくする方法をご覧ください。テンプレートに列を追加する方法はいくつかあります。この記事では、メールに列を追加するすべての方法と、デバイスに基づいてデザインを最適化する方法について説明します。
この記事は役に立ちましたか？
この記事へのフィードバックには、このフォームのみを使用してください。 サポートへの連絡方法.