GemPagesでShopifyカートドロワーを設定する方法

Shopify カートドロワーとは何ですか?

A カートの引き出し 買い物客が商品をカートに追加したときに表示されるスライドインパネルです。従来のカートページでは顧客が閲覧セッションから別のページにリダイレクトされますが、カートドロワーでは同じページに留まるため、より迅速かつスムーズなショッピング体験が実現します。

カート引き出しを使用する利点:

• 買い物客は商品ページやコレクションページで関心を持ち続ける
• カートに追加するプロセス中の摩擦を軽減します
• コンバージョン率と平均注文額（AOV）の向上に役立ちます
• モダンでモバイルフレンドリーなユーザーエクスペリエンスを提供します

この機能は、ページの読み込み速度とナビゲーションフローが購入行動に大きく影響するモバイル ユーザーにとって特に役立ちます。

デスクトップ ビューのカート ドロワーの例:

モバイルビューの場合:

Shopify ストアにカートドロワーをインストールするにはどうすればいいですか?

ストアにカートドロワーを追加するには、主に 2 つの方法があります。

方法1：カートドロワーをサポートするShopifyテーマを使用する

現在、 カート引き出し Brooklyn (無料)、Pop (無料)、Supply (無料)、Atlantic、Blockshop、Parallax、Testament、Alchemy、Horizo​​n などの一部の Shopify テーマで利用できます。

次のステップは、 Ajaxカート に選出しました。 (P) カートボタン 要素を選択し、 カスタム額装 タブ。チェックアウト この記事 それを実行する方法を学ぶためです。

カートドロワー機能をサポートするテーマをご利用の場合は、 GemPages サポートチーム アプリで有効にするためのサポートを受けるには。

方法2：サードパーティのカートドロワーアプリを使用する

現在のテーマがサポートされていない場合は、 カート引き出しサードパーティのアプリを使用して同じ機能を実現することもできます。 Shopifyアプリストア あなたに最適なものを見つけてください。

サードパーティのカートドロワーアプリに関する重要な注意事項:

多くのカート ドロワー アプリは Shopify アプリ ストアで入手可能で、テーマがカート ドロワーをネイティブにサポートしていないストアでもスライドイン カートの動作を提供できます。

アプリの機能、設定、および統合オプションはベンダーによって異なります。アプリをインストールする前に、アプリがテーマをサポートしていることを確認し、アプリ開発者のドキュメントで必要な設定手順を確認してください。

アプリにテーマ スニペ​​ットまたは統合トグルが必要な場合は、アプリの指示に従うか、アプリ開発者に問い合わせてガイダンスを受けてください。

サードパーティのドロワー アプリを使用している場合のチェックリスト:

• アプリがテーマと GemPages ページをサポートしていることを確認します (アプリのリストまたは開発者ドキュメントを確認してください)。
• 確保する カートに追加ボタン 素子 GemPagesの商品/コレクションページに存在します。商品が追加されると、通常、カートドロワーが開きます。
• テーマが Ajax カートをサポートしている場合は、カートに追加ボタン要素で Ajax カートを有効にするか、アプリの推奨に従ってドロワーをトリガーします。
• GemPages ページを保存して公開し、ライブストアでテストします。
• ドロワーが表示されない場合は、テーマの互換性、要素の配置、ページの公開ステータス、アプリのインストール手順を確認してください。

あなたが カチンカート引き出し アプリでは、GemPagesの設定内でその統合を有効にするオプションがあります。

有効にするには：

1. 店は開いています GemPagesダッシュボード.
2. に行く 環境設定.
3. 有効にします Kachingカートの引き出しを使用する オプションを選択します。
4. 変更を保存します

さらにサポートが必要な場合は、カート ドロワー アプリの開発者または GemPages サポート チームにお問い合わせください。

トラブルシューティング: カートの引き出しが表示されない

カートドロワーが表示されない場合:

• テーマの互換性: テーマが Ajax Cart をサポートしていることを確認するか、サードパーティのアプリを使用してください。
• 要素の配置: 「カートに追加」ボタン要素がページにあることを確認します。
• 公開ページ: 公開されたページにのみカートドロワーが表示されます。
• 表示設定: デスクトップ、タブレット、モバイルでドロワーが非表示になっていないことを確認します。
• サポート： 問題が解決しない場合は、GemPages サポートにお問い合わせください。