FROM CACHE - jp_header

ディスカウントアプリを探しています。

gorider_kozue
Shopify Expert
3 0 0

こんにちは。

カートの画面でディスカウントを適用できるアプリを探しています。

 

ひとつのプロダクトに対して、
「ポートフォリオに掲載してもいい」という条件を承認したカスタマーにディスカウントが適用される仕組みを作りたいのですが、そういったニーズに合うアプリはありますでしょうか?

 

EX: チェックボックスにチェックを入れるとディスカウント

 

よろしくお願いします。

2件の返信2

Takuma
Shopify Partner
44 7 25

カートでチェックを入れたら予め設定しているディスカウントコードを適用させることはできます。

運用上の確認もあるので最後にまとめています。

動作はSupplyのテーマで確認しています。

 

1.カートのタイプを変更

テーマのカスタマイズから、カートのカスタマイズをする

モーダルだと処理を追加できないので「ページ」へ変更

スクリーンショット 2019-02-09 10.11.41.png

 

2.cart.liquidを編集

アクションのコードを編集するから cart.liquid を編集する

以下の3つのコードを挿入する

 

2−1

<form を探してその直後に以下を貼り付ける

<input type='hidden' name='discount' id="discount" value=''>

2−2

<input type="submit" を探してその前に以下を貼り付ける

<input type="checkbox" id="publish">
<label for="publish">ポートフォリオに掲載してもいい</label>

2−3

cart.liquidの一番最後に以下のスクリプトを貼り付ける

<script>
$(function () {
  $('#publish').change(function () {
    if ($(this).prop("checked")) {
      $('#discount').val("XXX");
    } else {
      $('#discount').val("");
    }
  });
});
</script>

 

3.ディスカウントコードの作成

ディスカウントからディスカウントコードを作成する

ここでは適用すると送料が無料になる XXX というコードを作成している

スクリーンショット 2019-02-09 10.35.02.png

 

設定はここまでです。

 

 

使い方

カートに「ポートフォリオに掲載してもいい」のチェックボックスが表示されるので、チェックを入れてチェックアウトを行う

スクリーンショット 2019-02-09 10.36.48.png

 

チェックアウトページのURLには discount=XXX が付与されてる

スクリーンショット 2019-02-09 10.37.19.png

 

チェックアウトページでは自動的にXXXが適用され、設定していた送料無料が適用されている

スクリーンショット 2019-02-09 10.37.34.png

 

運用上の確認

  1. 予め作ったディスカウントコードしか利用できない(ディスカウントルールもそれに準ずる)
  2. 顧客と紐ついた設定ではないのでカートで常にチェックを入れる必要がある
  3. チェックアウトページまで行かないとディスカウントを確認できない
  4. 顧客はチェックアウトページでディスカウントコードを外すことが出来る

 

またこの方法がShopifyで公認されている使い方がどうかはわかりません。

私のオンラインショップでも似たような要望があり実装していますが

顧客がチェックアウト時に外してしまっているのか、まれにディスカウントコードが付いていない場合もあるので、そこが悩みどころです。(テストでは様々なブラウザやデバイスで行っても確実に付与されていたのですが、ログなどが無いので顧客が外してるというのは推測の域を出ていません)

 

以上、ご参考になれば幸いです

Takuma
Shopify Partner
44 7 25

書き忘れましたが、Shopifyでの値引きはディスカウントコードを発行して顧客に使ってもらうことが前提になっています。

なので直接カートの金額をこちらで一方的に変更することが出来ないようになっています。(セキュリティ上の理由だと思いますが)