商品情報にスキップ
1 1
公開日:2024.12.01

Shopifyのテーマ「Dawn/Rise」でカートのポップアップ通知を使用している際に商品をカートに追加したらその通知にもおすすめ商品を表示する設定例

Shopifyのテーマ「Dawn/Rise」でカートのポップアップ通知を使用している際に商品をカートに追加したらその通知にもおすすめ商品を表示する設定例

用途

  • カート編集

実装方法

  • Javascript
  • HTML/CSS
詳細を表示する

Search&Discoveryを使えば、あらかじめ指定したおすすめ商品(関連商品)を商品詳細ページに表示できますが、ページの下部に設置されていると見逃されてしまうことがあります。そこで、これをカート追加後のポップアップ通知にも表示することで、より顧客の目に入りやすくなり、アップセル機会の最大化が期待できます。

◆実装のメリット
・カート追加直後の高い購買意欲を活かせる
・自然な形でクロスセル提案が可能
・購入単価の向上が期待できる

◆設定方法(Rise/Dawn対応)
①Search & Discoveryで商品別に付属商品を設定
②商品情報セクションに「付属商品」ブロックを追加
③カスタムLiquidブロックでコードを追加してカスタマイズ


テーマ「Dawn/Rise」でカートのポップアップ通知を使用している際に商品をカートに追加したらその通知にもおすすめ商品を表示する設定例


【設定方法①】Search & Discoveryを使用して商品ごとに「付属商品」を追加する


【設定方法②(テーマRise/Dawnの場合)】テーマ設定:カートのカートタイプを「ポップアップ通知」に設定し商品テンプレートの商品情報セクションに「付属商品」ブロックを追加


【設定方法③(テーマRise/Dawnの場合)】商品テンプレートの商品情報セクションにカスタマイズされたLiquidブロックを追加してコードを挿入


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

商品テンプレートの商品情報セクションにカスタマイズされたLiquidブロックを追加してコードを挿入

関連ポスト