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

AI-generated summary

Shopifyで購入機能を運用し、別CMSのWebサイト側ヘッダーにカート内商品数やログイン/ログアウト状態を表示したい、という相談です。

  • 当初の想定は、Shopifyのカート情報や認証状態をJSONで取得して外部サイトに表示する方法の確認。
  • 回答では、購入ボタン(Buy Button)を使っている場合は buy-button-js によるUIカスタマイズ、またはShopify公開APIを使った独自開発の可能性が示されました。
  • ただし、外部サイト上では機能制約が多く、開発コストもかかるため、サイト自体をShopifyで構築する案も提案されています。

その後、質問者は Shopify Ajax API の cart.js を外部サイトから取得したかったが、Shopify以外からは制限があり難しいと確認しています。

現時点で確定した解決策はなく、代替案としてAPI利用やBuy Buttonの検討に進む段階です。

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

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

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

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

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

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)の機能は使用しておりませんが、
ご連絡いただきました方法を参考にさせていただきたいと思います。