Skip to main content

概要

このカスタマイズは、アップセルが 1 つ受け入れられた時点でアップセルセクションを非表示にすることで、複数のアップセルが一度に追加されるのを防ぎます。アップセルが削除されると、モジュールは再び表示されます。 これは次のような場合に役立ちます:
  • カート体験をシンプルにしたい
  • 決断疲れを軽減したい
  • 特定のオファーの限定感を維持したい

仕組み

  • 顧客がアップセルを受け入れると、アップセルセクションが非表示になります
  • アップセルアイテムが削除されると、アップセルセクションが再び表示されます
  • AI によるレコメンドと手動のアップセルの両方で機能します

コードを追加する場所

  1. Upcart > Cart Editor > Settings > Custom HTML に移動します
以下のセレクターは Version 1 専用です。 .upcart-upsells-module は V1 のアップセルカルーセルにあります。Upsells モジュールが Version 2 の場合は、3 つのハンドラーすべてで .upcart-public-upsell に置き換えてください — スクリプトのその他の部分は変更不要です。V2 CSS セレクターライブラリを参照してください。
  1. 次のコードを Above announcements/rewards の場所に貼り付けます

コピーする HTML スクリプト

レガシーに関する注記: window.upcartOnItemRemovedwindow.upcartOnAddUpsellwindow.upcartOnCartLoaded のコールバックは引き続き動作しますが、非推奨であり、コンソールに警告が記録されます。新しいスクリプトにはすべて upcartSubscribeItemRemovedupcartSubscribeUpsellsAddedToCartupcartSubscribeCartLoaded を使用してください。

結果

このカスタマイズを追加すると:
  • 顧客は、まだアップセルを受け入れていない場合にのみアップセルを目にします
  • アップセルが追加されるとすぐにアップセルモジュールが非表示になります
  • アップセルアイテムが削除されると、モジュールは自動的に再表示されます
  • 商品 ID やタグを設定する必要はありません
これにより、アップセル体験が焦点を絞った、すっきりとした、顧客が利用しやすいものになります。

まだサポートが必要ですか?

より高度なカスタマイズについては、Shopify エキスパートとの協力をおすすめします。cart drawer 内の HTML、CSS、JavaScript の支援を受けられます。 Shopify エキスパートを見る