別WebサイトでShopifyカート情報等の取得について

現在、ショッピング機能はShopifyで、CMS等を別のWebサイトで運用しています。
Webサイト側のヘッダー部にShopifyの情報等(カート内のアイテム数、ログイン/ログアウトリンク)を表示したいと考えております。

Webサイト側で、Shopifyの情報(カート情報、認証状態)をJSON等で取得することができれば実現可能と思いましたが方法がわかりませんでした。

実現方法について何かご存知の方がいらっしゃいましたらご教示いただけますと幸いです。

宜しくお願いいたします。

1 Like

perkeoさん、投稿ありがとうございます。

Shopify Japan、Arisaです。

現在 “ショッピング機能はShopifyで” ということですが、

こちらShopify 購入ボタン(Buy Button)の機能をお使いということでしょうか。

その場合、以下二点の可能性のある方法がございます。

以下のリソースから購入ボタンのUIのカスタマイズを行うことができる可能性

https://github.com/Shopify/buy-button-js

もしくは、Shopifyが公開をしているAPIを使い、オーダー情報などを現在お使いのWebサイト上で表示できるようなカスタマイズを行うことができる可能性

https://help.shopify.com/en/api/guides

しかしながら、いずれの方法も開発リソースが割かれる方法であり、Shopify以外のWebサイトであるとできることも制限されてしまうことが多いです。

一番簡単な方法としてはWebサイト自体をShopifyで作成いただくことが可能あれば、一から開発をするコスト(費用も時間も含めて)よりも

Shopifyでサイトを構築(最安で月額$29から)する方がスムーズで柔軟にカスタマイズできるという考え方もあります。

その場合だと、カスタマイズできるアプリ(https://apps.shopify.com/)も2,000個ほどあり、デザインテンプレート(https://themes.shopify.com/)も揃っているので、その他の機能性やデザイン性も補うことができるはずです。も揃っているので、その他の機能性やデザイン性も補うことができるはずです。)

ご参考になれば幸いです。

どうぞご確認宜しくお願いいたします。

Arisa

2 Likes

Shopify Japan、Arisa 様

ご返信いただきましてありがとうございます。

Shopifyのカート情報取得に関しましては、Shopify の cart.js を別のWebサイトから取得

できたらと考えておりましたが、制限があり Shopify 以外からは取得できないようでした。

https://help.shopify.com/en/themes/development/getting-started/using-ajax-api#get-cart

現在は Shopify の購入ボタン(Buy Button)の機能は使用しておりませんが、
ご連絡いただきました方法を参考にさせていただきたいと思います。

1 Like