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

Shopifyでランディングページなどでディスカウントコードを使って特定の商品を割り引く際に割引適用すると同時にカートに商品を追加できるようにする設定例

Shopifyでランディングページなどでディスカウントコードを使って特定の商品を割り引く際に割引適用すると同時にカートに商品を追加できるようにする設定例

用途

  • ページ編集

実装方法

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

Shopifyでランディングページ経由で購入してもらう際に、ディスカウントコード(クーポン)を適用しつつ、同時にカートに商品を追加したい場合の設定例です。通常はディスカウントコードが自動適用されるURLを使ってもカートに商品を追加する必要があるため、その対応策としての一例です。


ランディングページなどでディスカウントコードを使って特定の商品を割り引く際に割引適用すると同時にカートに商品を追加できるようにする設定例


【設定方法①】対象の商品を指定した「商品の割引」ディスカウントを作成


【設定方法②】作成したランディングページの「カートに追加」ボタンにディスカウントを適用しカートに商品を追加する一連の処理を実行するコードを追加


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

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

サンプルコード

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

ディスカウントを適用しカートに商品を追加する一連の処理を実行するコードを追加

関連ポスト

その他の購入促進に関するTIPS