タブブロック
タブの列の後ろに、短いパネルをいくつか1つ分のスペースで並べます。商品の3通りの着こなし、日ごとのスケジュール、横並びのプランなどです。各タブには、カラムと同じように通常のブロックを入れます。
仕組み
タブブロックを追加し、パネルごとにタブを1つ追加します。各タブにタブのタイトルを付け、テキスト、画像、ボタン、カラムなど、好きなブロックを入れます。
- タブが切り替わる環境(iOSのメール、iCloud Mail、Thunderbird)では、受信者にはタブバーと最初のタブのパネルが表示されます。別のタイトルをタップすると、JavaScriptなしでそのパネルが表示されます。
- それ以外の環境(すべてのGmailアプリ、Yahoo、Outlook.com、Outlookアプリ、クラシックOutlook)では、タブバーはありません。各タブの内容が、それぞれのタイトルの下に順番に表示されます。アプリにできないタップの後ろに何かが隠れることはありません。
フォールバックではすべてのパネルが表示されるので、各パネルは短くし、すべてのタブにタイトルを付けてください。タイトルのないタブは内容が空の見出しの下に並んでしまうため、プリフライトチェックで警告されます。
設定できる項目:
- タブのスタイル: 下線(選択中のタイトルの下に線)またはピル(角の丸いボタン)。
- タブの配置: 左、中央、右。
- 選択中のタブの色とタブの色(既定はテーマの色)、タブのフォントサイズ。
- ブロック全体の背景、内側の余白、枠線、角の丸み。
タブの切り替えはインタラクションではありません。何も記録されず、ブロックはInsightsに表示されません。タブ内のリンクやボタンは、ほかと同じようにトラッキングされます。
例
Subject
Three ways to wear the flannel
商品メールでは同じシャツの3通りのコーディネートを、イベントメールでは日ごとのスケジュールをそれぞれのタブに入れられます。Gmailでは、どちらも見出し付きのセクションが並ぶ短いリストとして読めます。