「Buy Button」以外でランディングページ内で商品カートインをしたい

日本語 ディスカッション 技術的なQ＆A

AI-generated summary

ランディングページ内で、「Buy Button」以外の方法で商品をカートに追加したいという相談です。

  • 現状の課題

    • ページ機能でLPを作成している。
    • Buy Button を page.content に埋め込めばカート追加自体は可能。
    • ただし、LP側で追加した商品が通常の /cart ページに反映されない。
    • さらに、Buy Button はデザインの自由度が低く、固定的で使いづらい。

  • 回答として提示された方法

    • Shopify の Storefront API を使えば、カートやチェックアウトを自作できる。
    • Storefront API は、ストアフロント向けに商品取得やカート操作を行うための開発用API。

  • 現時点の結論

    • Buy Button 以外の選択肢としては、標準機能の代替案ではなく、Storefront API を使った独自実装が有力と示されている。
    • 具体的な実装手順や、既存の /cart とどう連携するかまでは議論されておらず、解決はまだ途中。
1

現在ページ機能でランディングページを作成しているのですが、

「Buy Button」を使う以外の方法でランディングページ内に商品カートインを入れることは可能でしょうか？

「Buy Button」を使うとpage.content内にコードを埋め込むことで一応カートインは実現できるのですが、

/cartページにLP側でカートインした商品が入らないのとデザインが固定されてしまうのであまり利用したくありません。

ご回答よろしくお願いします。

https://help.shopify.com/ja/manual/online-sales-channels/buy-button/create-buy-button#1

2

Storefront APIを使えば、カートやチェックアウトを自作できます。

https://shopify.dev/docs/storefront-api