← すべての記事メールデザイン

選びやすさにつながるメールの商品ブロックを作る

5分で読めます

メールの商品ブロックでは、これは何か、どんな人に合うか、次に何をすればよいかという購入時の疑問に、一貫して答える必要があります。説明なしでShopifyの商品画像を並べただけでは、カタログを貼り付けたように見えることがあります。比較に役立つ項目を選び、小さな画面で縦に並べた場合にも同じ順序で読めるようにしましょう。

比較する項目を決める

今回の商品選びで大切なことを決めます。サイズ、素材、使い方、フィット感、数量、価格などが候補です。読者が推測しなくても比べられるよう、各商品に同じ種類の情報を載せましょう。一方には詳しい説明があり、もう一方は商品名しかないという状態は避けます。

メールの目的に合う商品だけを選びます。ギフト特集なら予算や贈る相手のニーズごとにいくつか選ぶのが適切かもしれません。詰め替え商品の案内なら、対応する選択肢だけで十分な場合があります。商品数が多ければ、必ず役立つとは限りません。

各商品に同じ比較項目を用意する

リネンのクッションカバーを2つ比べる場合、サイズ、対応するクッション寸法、素材、価格の情報、主な行動を両方とも同じ順番で示します。一方にクッション本体が含まれていないなら、その違いを明記しましょう。説明がなければ、異なるセットの価格を比べていることに気づかないかもしれません。

商品カタログにあるすべての項目ではなく、顧客に役立つ情報を選びます。詰め替え商品の比較には、対応する商品や内容量が必要かもしれません。ギフトなら、贈る相手や配送の対象地域が重要になる場合があります。少ない情報でも、選択肢の違いが明確になることを目指しましょう。

説明の詳しさによって一つの商品だけをよく見せないようにします。おすすめがあるなら、特定の用途に合うなどの理由を正直に伝えましょう。一方のカードの制限を隠しながら、もう一方の制限だけを詳しく書くのは避けます。

モバイルでブロックのまとまりを保つ

Sendvioでレイアウトが縦に並ぶ場合のプレビューを確認します。画像が商品名、説明、価格、行動ボタンと一緒に表示される必要があります。すべての画像の後に説明が続いて対応関係がわかりにくくなるなら、読み順が明確になるよう構成をシンプルにしましょう。

通常のテキストを使い、長い商品名も折り返せるようにします。価格の表記、セール条件、画像がない場合の表示を確認しましょう。最も長い商品名が固定の高さで切れてしまうカードでは、顧客が詳細を必要とする場面で比較が難しくなります。

グリッドが縦並びになっても読み順を保つ

画面幅が狭い場合、各商品は画像、商品名、違いがわかる説明、価格やオファーの情報、行動ボタンがひとまとまりになっている必要があります。縦に並んだ状態を上から読みましょう。画像が2枚続いてから説明が2つ並ぶと、どの説明がどの商品に対応するか曖昧になるかもしれません。

商品名や翻訳が折り返したときに、テキスト領域が広がるようにします。最も参考になる説明が切れる固定高さのカードは避けましょう。パソコンでの整列に調整が必要なら、一度のプレビューでボタンの高さを完全にそろえることより、各商品の情報が正しくまとまっていることを優先します。

送信前にリンク先を確かめる

商品リンクを開き、在庫、バリエーションの選択、メール内で案内した内容を確認します。スタイリング用に写しただけの付属品が商品に含まれるような表現をしないでください。

確認できる場合は商品ごとのクリックも見ますが、注文や顧客からの問い合わせも確認します。クリックが多いのに購入が少ない商品は、説明が不十分か、リンク先で在庫がない可能性があります。商品画像を大きくすればよいと決める前に、選択に必要な情報を改善しましょう。

リンク先で選択されたバリエーション、現在の在庫、セットに含まれるもの、オファーの対象条件を確認します。ページを開いたときに別のサイズや色が選択されていると、メールにあった比較が間違いだと顧客が感じることがあります。リンク先で対応できる範囲で、メールで得た役立つ情報が保たれるようにしましょう。

商品ごとのクリック数は慎重に解釈します。最初のカードが目立つのは配置の影響かもしれませんし、印象的な写真が購入に結び付かない興味本位のクリックを集めることもあります。どの商品が好まれるかを判断する前に、完了した行動、在庫、問い合わせを見直してください。優れた商品ブロックは多くの商品へ注目を分散させるのではなく、顧客が自分に合う選択肢を決める手助けをします。