# ページにカートに追加ボタンを設置したい。 **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [September 1, 2022, 1:35am UTC](https://community.shopify.com/t/topic/147899 "2022-09-01T01:35:32Z")\ **Posts on this page:** 2\ **Page:** 1 ## AI-generated summary 要件: 同サイト内の別ページに商品タブ切替、バリエーション選択、「カートに追加」押下でカートへ遷移し、選択バリエーションが入った状態を実現したい。 前提確認: 「同サイト」が同一のShopifyストアかどうかの確認が最重要。 外部サイト/別ストアの場合: Shopifyの「購入ボタン（Buy Button）」チャネルで埋め込みが可能。商品タブ切替などのUIは自作が必要。 同一Shopifyストア内の場合: Buy Buttonは非推奨。独自のAdd to Cartリンクを用意し、クリックでカート画面へ遷移する実装が推奨。バリエーション選択や商品タブは自作。 代替案: ブログに商品を埋め込めるアプリ（例: DropInBlog）。タブ切替は難しいが、バリエーション選択は可能との情報。 用語補足: バリエーション＝色・サイズ等の選択肢。購入ボタン＝外部ページに商品購入UIを埋め込む機能。 進捗・結論: 具体的な実装や決定は未定。まずは対象が同一ストアかの確認と、上記いずれかの方法の検討が次のアクション。
**Author:** ![Tubasa](https://avatars.discourse-cdn.com/v4/letter/t/dfb087/32.png) [@Tubasa](https://community.shopify.com/u/Tubasa)\ **Post date:** [September 1, 2022, 1:35am UTC](https://community.shopify.com/t/topic/147899/1 "2022-09-01T01:35:32Z")
お世話になっております。 同サイトに別ページを制作し、その中に購入可能な商品をカートに入れるボタンを設置したいです。 通常の商品ページと同じように、バリエーションを選択し、カートに追加ボタンを押下することで、カートページに遷移させたいと考えています。 その際には選択したバリエーションがカートに入っている状態にしたいです。 可能あれば商品はタブで切り替えできて2商品のうち一つを選択。 バリエーション選択し、カートに入れるボタンを押下 カートページに遷移 上記を実現したいと考えています。 ご存じの方いらっしゃいましたらご教授をお願い致します。 宜しくお願い致します。 ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [September 2, 2022, 11:57am UTC](https://community.shopify.com/t/topic/147899/2 "2022-09-02T11:57:17Z")
> 同サイトに別ページを制作し、その中に… 「同サイト」というのは、「同Shopifyストア」を指していらっしゃるでしょうか？ もし、「同Shopifyストア」を **意味していない** 場合は、 下記の「購入ボタン」を利用することで、ご要望をある程度、満たせるかと思います。 [https://help.shopify.com/ja/manual/online-sales-channels/buy-button](https://help.shopify.com/ja/manual/online-sales-channels/buy-button) 商品をタブ切り替えする、 というところだけご自身で、 作り込みが必要になるかもしれません。 「同Shopifyストア」を **意味している** 場合は、 上記ヘルプによると、「購入ボタン」の使用は非推奨のようです。 この場合は、 [https://community.shopify.com/topic/613702](https://community.shopify.com/topic/613702) こちらに記載の方法が推奨されていますね。 しっかり読んでおりませんが、 例えば、 Add To Cartボタンのリンク先を自前で準備し、 ボタンクリック時にカート画面に遷移する、 ようなことができそうです。 商品のバリエーション変更のUIや、商品自体のタブ切り替えのUIは自作する必要がありますが、 作り込めば、希望されるものに近いものができそうです。 なお、下記のような、Shopifyストアのブログに商品を埋め込めるアプリもあるようです。 [https://apps.shopify.com/dropinblog-seo-friendly-blog?locale=ja](https://apps.shopify.com/dropinblog-seo-friendly-blog?locale=ja) この場合、商品のタグ切り替えは難しそうですが、 アプリストアのイメージギャラリーを見る限り、 バリエーション選択までは実装できそうです。 ご参考まで。 (キュー田辺)