Shopifyスタータープラン利用者が、自社サイトに「ヘッダーのカゴ→中身確認→そのまま決済」の導線を実装したいと相談。購入ボタン横にしかカートが表示されず、他ページから中身確認できない点を課題視。
用語整理: カートページ＝商品を確認し決済前のページ。チェックアウトページ＝決済手続きそのもののページ。
最新の回答では、チェックアウトページをサイトへ埋め込み表示するのは難しいと指摘。
一方で、カートページであれば一般的なテーマでは、ヘッダーのカゴアイコンからの遷移や、商品追加時の自動遷移が可能と説明。これにより大きなUX低下はないとの見解。
結論・状況: 埋め込み型チェックアウトは不可に近い。カートページ導線の設定で代替を検討すべき。質問者の意図（カートかチェックアウトか）の確認が未了で、議論は継続中。
shopifyスタータープランを利用しており、自社サイト上に購入ボタンを設置してのオンライン販売を考えております。
購入ボタンを作成するにあたり、チェックアウト画面のみ(カゴに入れた商品数などを確認し、決済手続きに進むページ)をサイト上に埋め込みたいのですがどのようにすれば良いでしょうか？
現状では購入ボタンの横にのみカート画面が表示され、商品詳細ページ以外（ホーム画面やキャンペーンページ）からは買い物かごの中身を確認することができず、ユーザビリティが下がると感じています。
具体的には、ヘッダーの買い物かごのアイコンをクリック
→買い物かごの中身がわかるチェックアウト画面に遷移し
→そのまま決済に進む
という構造にしたいです。
どなたかご教授いただけますと大変幸いです。
よろしくお願いいたします。
Taiga19981025様
はじめまして、フルバランスの園畑です。
ご質問を確認いたしました。
表示されたいページは「カートページ(商品カゴに入っている商品を確認できるページ、決済に進む手前のページ)」ではなく、「チェックアウトページ(決済を行うページ)」で間違い無いでしょうか？
チェックアウトページでしたら、サイト上に埋め込む形で表示することは難しいかと存じます。
また、カートページでしたら基本的にどのテーマでも、
・ヘッダーの買い物かごのアイコンをクリックでカートページ遷移
・商品追加時にカートページ遷移
するかと思うので、ユーザービリティが下がることはないかと存じます。
もしご認識と異なるようでしたら申し訳ございません。
ご参考までに。