ストアフロントページにShopify割引コードを表示する方法に関して

[ukiyo3]

お世話になります

ストアフロントページにShopify割引コードを表示をしたいと思っております。

一例として下記の方法を見つけました。

https://markustripp.medium.com/display-shopify-discount-codes-on-storefront-pages-83c45de955fe

上記の方法で現在のshopifyにも設置は可能でしょうか？

また、難しい場合代替の方法がありましたら是非教えていただければ幸いです。

宜しくお願いします。

[NIIGAKI_HYUGA]

@ukiyo3 様

初めまして。新垣です。

参考記事拝見させて頂きました。

自身で試した訳ではないのですが、割引コードが一つだけなら可能、複数ある場合には難しいのではないかと見受けました。

Shopify割引コードを表示をしたいだけでしたら、下記を好きな箇所に埋め込むことで表示できます。

<p>該当割引コード</p>

適用もしたい場合でしたら、カートページに限定されますが、下記のようにすれば該当割引コードの表示と適用ができます。

複数ある場合には、カート内金額や商品に応じて条件分岐をして適用させるのが良いでしょう。

// cartページ
<form action="{{ routes.cart_url }}"method="post">
...
{% if cart.total_price > 5000 %}
<input id="input-discount" type="text" name="discount" placeholder="optional" value="該当割引コード1">
{% elsif cart.total_price > 10000 %}
<input id="input-discount" type="text" name="discount" placeholder="optional" value="該当割引コード2">
{% endif %}
...
</form>

自動で割引を適用させることが目的なら、Shopifyのディスカウントをクーポンコードではなく自動ディスカウントで作成したら良いかと思います。

以上、参考になりましたら幸いです。