セクションを使用して、キャンペーン内に様々な種類のコンテンツを作成します。

メールキャンペーンの本文はコンテンツ セクションで構成されます。ご自分のブランドに合うよう様々なコンテンツ セクションを自由に組み合わせて使用し、オーディエンスにアピールしてください。

このガイドでは、追加できるコンテンツ セクションのタイプについて説明します。メールキャンペーンの作成に関する一般的な情報については、「メールキャンペーンを構築する」をご参照ください。

コンテンツ セクションを追加する

キャンペーンのヘッダーとフッターの間にある [+] アイコンをクリックすると、以下のタイプのコンテンツ セクションをメールキャンペーンに追加できます。リンクをクリックすると、各セクション タイプの詳細をご覧になれます。

• テキスト
• 画像
• ボタン
• スペース調整
• 線
• ブログ
• 商品
• 割引

テキスト

テキスト セクションの使い方は様々です。ニュースレター用に長めのテキスト ブロックを追加したり、情報を分割するためのヘッダーを書式設定を使って作成したりできます。

テキスト セクションを追加したら、以下の手順に従ってください。

• プレビューで [ここにご入力ください...] をクリックし、テキストを追加します。
• テキストを強調表示すると、書式設定を行ったりリンクを追加したりできます。
• 文字の間隔を変更するには、テキストを強調表示して|A|をクリックします。ボタン セクションでも同様の操作を行えます。
• サイド パネルを使用して、セクションやグローバル フォントの色とパディングのスタイルを設定します。

ヒント: テキストと画像を組み合わせるには、画像セクションを代わりに使用します。

見出しスタイル

見出しスタイルを使用するには、テキストを強調表示し、テキスト ツールバーで [ ¶ ] をクリックします。選択肢は以下の通りです。

• 段落
• 見出し (中)
• 見出し (大)
• 見出し (特大)

段落スタイルは通常、本文テキストまたはその他の大きめのテキスト ブロックに使用されます。様々な見出しスタイルを使用することで、キャンペーンを分かりやすくセクション分けできます。

レイアウト内のテキストを編集できない

一部のレイアウトでは、テキストを含む画像が使用されます。たとえば、Hailレイアウトには次の画像セクションが含まれます。

これは、透明な領域のある画像ファイルです。画像から透けて見える背景色は変更できますが、テキストとテキストの色は画像の一部であるため変更できません。

別のテキストを表示する必要がある場合は、この画像を削除して独自のテキストや画像に置き換えてください。

画像

画像セクションを追加して、キャンペーンに画像をアップロードします。各画像セクションには最大4件の画像をアップロードできます。

詳細については、「メールキャンペーンの画像」をご参照ください。

ボタン

ボタン セクションを追加することで、サイト上のページまたは外部URLにリンクするボタンを作成できます。ボタン セクションを追加したら、以下の手順に従ってください。

• サイド パネルの [リンク] をクリックしてリンクを追加します。リンクが追加されない限り、ボタンはクリックできません。
• ボタン テキストを変更するには、プレビューで [ボタンのラベル] を編集します。
• 他のオプションを使い、ボタンのスタイルを設定します。フォントはグローバル フォントに従います。

各ボタン セクションにはボタンが1つのみあります。さらにボタンを追加するには、セクションを追加してください。

スペース調整

スペース調整セクションを追加して、余白を作成します。スペース調整セクションを追加したら、以下の手順に従ってください。

• サイドパネルの [高さ] スライダーを使用してセクションのパディングを調整します。
• 背景色を設定するには、[背景の色] をクリックします。

以下の提案を参考にしてください。

• 背景色の異なるスペース調整を使用してセクションを区切ることができます。
• 他のセクションの上または下にスペース調整を追加して余白や高さを追加します。さらに、同じ背景色を適用することで、見た目に統一感が生まれます。

線

線セクションを追加すると、水平線で複数のセクションを区切ることができます。線セクションを追加したら、以下の手順に従ってください。

• サイドパネルで [長さ]、[太さ]、[パディング] を設定します。
• [スタイル] をクリックして、実線、点線、破線のどのタイプの線にするかを選択します。
• [色] で、線とセクションの背景の色を設定します。

ブログ

ブログ セクションを追加すると、抜粋やアイキャッチ画像などのコンテンツを取り込み、公開されたブログ投稿のティーザーを作成することができます。ブログ セクションには、抜粋またはブログ投稿の最初の200文字が表示されます。

ブログ セクションを追加したら、以下の手順に従ってください。

• [ブログ投稿を追加] をクリックして、最大7件の投稿を選択します。投稿を選択すると、複数のブログ ページがある場合でも投稿は時系列順に表示されます。
• 右側のパネルでブログ投稿をクリックし、代替テキストを追加します。これにより、代替テキストはキャンペーンのみに追加され、サイト上の元のブログ投稿には追加されません。
• 投稿の追加、並べ替え、削除には、[管理] をクリックします。
• [詳細] をクリックすると、アイキャッチ画像、投稿日、投稿者名、抜粋、および [続きを読む] のリンクやボタンを表示または非表示に設定できます。ここでボタンの色のスタイルを設定することもできます。
• [レイアウト] をクリックしてレイアウトを選択します。各ブログ セクションには1件のレイアウトがあります。ブログ投稿のティーザーを異なるレイアウトでさらに追加するには、新しいセクションを追加してください。
• サイド、リスト、および番号付きレイアウトの場合は、[画像サイズ] をクリックして画像の幅を変更します。Windows Outlookでは、画像は常に全幅で表示されます。
• 他のオプションを使用して、パディング、色、グローバル フォントのスタイルを設定します。
• プレビュー内のテキストをクリックすると、直接編集できます。この操作によりサイトのブログ投稿が影響を受けることはありません。
• 画像にカーソルを合わせ、鉛筆アイコンをクリックして画像エディターを開きます。この操作によりサイト上の投稿の画像が影響を受けることはありません。

ブログ投稿のコンテンツを一旦取り込むと、その後はブログと同期されません。キャンペーンを送信する前にブログ投稿に変更を加えた場合は、その投稿を削除してから再度追加するか、キャンペーン内で手動で更新してください。

ヒント: 投稿全文を含むキャンペーンを作成することもできます。

商品

商品セクションを追加すると、サイトのストア ページにある商品からコンテンツを取り込むことができます。商品セクションを追加したら、以下の手順に従ってください。

• [商品を追加] をクリックして、最大7件の商品を選択します。商品を選択すると、複数のストア ページがある場合でも商品は時系列順に表示されます。
• 右側のパネルで商品をクリックし、代替テキストを追加します。この操作では、代替テキストはキャンペーンのみに追加され、サイト上の元の商品には追加されません。
• 投稿の追加、並べ替え、削除には、[管理] をクリックします。
• [詳細] をクリックして、商品名、価格、説明、および [カートに追加] リンクまたはボタンを表示または非表示に設定します。ここでボタンの色のスタイルを設定することもできます。
• [レイアウト] をクリックしてレイアウトを選択します。各商品セクションには1件のレイアウトがあります。異なるレイアウトでさらにアイテムを追加するには、新しいセクションを追加してください。
• サイド、リスト、および番号付きレイアウトの場合は、[画像サイズ] をクリックして画像の幅を変更します。Windows Outlookでは、画像は常に全幅で表示されます。
• 他のオプションを使用して、パディング、色、グローバル フォントのスタイルを設定します。
• プレビュー内のテキスト (ボタンのテキストを含む) をクリックすると、直接編集できます。この操作によりサイトの商品が影響を受けることはありません。
• 画像にカーソルを合わせ、鉛筆アイコンをクリックして画像エディターを開きます。この操作によりサイト上の商品の画像が影響を受けることはありません。

商品をキャンペーンに一旦追加すると、その後はサイトと同期されません。キャンペーンを送信する前にサイト上の商品に変更を加えた場合は、その商品を削除してから再度追加するか、キャンペーン内で手動で更新してください。

割引

割引セクションを追加して、サイトから有効な割引を追加するか、新しい割引コードをキャンペーン内に直接作成します。

制限事項:

• キャンペーンごとに追加可能な割引は1件のみです。
• 現時点では、「%割引」のみ、すべての注文に適用できます。別の種類の割引を使用するには、まず [割引] パネルで割引を作成してからキャンペーンの割引セクションで [既存のコードを使用] をクリックします。
• 有効期限付きの割引を自動送信メールに追加した場合でも、有効期限が過ぎた後にキャンペーンが送信されることがあります。顧客が無効なコードを受け取ることがないように、自動キャンペーンでは有効期限のない割引のみを使用することをおすすめします。

割引セクションを追加したら、以下の手順に従ってください。

• [既存のコードを使用] をクリックして、サイト上の有効な割引を選択します。無効な割引または予定された割引は表示されません。これをクリックしなかった場合、代わりに以下のオプションで新しい割引が作成されます。
• [割引名] を編集します。割引の使用状況を追跡および管理する際に役立つため、割引にはわかりやすい独自の名前を付けることをおすすめします。
• 割引コードを編集します。これは、サイトでの精算時に顧客が使用するコードです。
• [プロモーション] で、割引率を設定します。サイト上のすべての注文に割引が適用されます。
• Commerce AdvancedプランまたはPremiumプランをご利用の場合は、顧客ごとに割引の使用を1回に制限できます。
• [期間] で、割引の有効期限を設定するか、[無期限] のトグルをオンにします。すべての割引は、メールを送信した時点で開始されます。
• 他のオプションを使用して、パディング、色、グローバル フォントのスタイルを設定します。
• 新しく作成した割引は、受信者に送信した後に[割引] パネルに表示されます。

リンクを追加する

以下のアイテムにリンクを追加できます。

• テキスト - テキスト フィールドが含まれる任意のセクションで、テキストを強調表示します。さらにリンク アイコンをクリックし、URLを追加するか、をクリックしてその他のオプションを含むリンク エディターを開きます。
• 画像セクション - 画像セクションで、サイド パネルの画像の横にある [リンク解除済み] をクリックしたら、URLを追加するか、をクリックしてその他のオプションを含むリンク エディターを開きます。
• ボタン セクション - ボタン セクションで、サイドパネルにURLを追加するか、をクリックしてその他のオプションを含むリンク エディターを開きます。

ご自分のサイトのコンテンツ、外部サイト、メールアドレス、または電話番号にリンクできます。ストア、ブログ、イベント ページなどのコレクションの場合は、特定のタグまたはカテゴリーにリンクできます。商品、投稿、イベントなどの個々のアイテムにリンクするには、アイテムの完全なURLを含む外部リンクを追加します。

以下の点に留意してください。

• テキスト リンクはグローバル スタイルに従います。
• 開かれたリンクでは、分析を追跡するための余分なテキスト (クエリ パラメーター) がURLの後に含まれます。
• ファイルにリンクすることはできません。

キャンペーンに動画を追加できますか？

現時点では、動画を埋め込む方法はありません。以下の代替案をお試しください。

• 画像セクションにアニメーション.gifを追加する。
• ご自分のサイト上の動画またはYouTubeやVimeoなどのサードパーティーのホスティング サービスの動画へのテキスト リンクを追加する。