チェックアウトページに誘導する固定の「カートに追加」ボタンを作成する

スティッキーカートに追加ボタン要素とは何ですか?

固定の「カートに追加」ボタンは、買い物客が商品ページをスクロールしている間ずっと表示されるため、上にスクロールし直さなくても商品を追加したり、チェックアウトに進んだりできます。

この GemPages の要素は、特にモバイルでのユーザー エクスペリエンスを向上させ、コンバージョン率を高めます。

参照する この記事 スティッキーカートに追加ボタン要素の詳細については、こちらをご覧ください。

チェックアウトページに誘導する固定の「カートに追加」ボタンを作成するにはどうすればよいでしょうか?

GemPages v7 を使用して製品ページにスティッキー Go-to-Checkout ボタンを作成するには、次の手順に従います。

ステップ1: GemPagesエディターにアクセスする

• Shopify管理画面から GemPages ビルダーアプリ 下 アプリ のセクションから無料でダウンロードできます。
• に移動します GemPagesダッシュボード > ページ > 商品ページへ、ここで GemPages で構築されたすべての製品ページを見つけることができます。

• 対象の製品ページをクリックして、GemPages エディターを開きます。

ステップ3: 固定のカート追加要素を追加する

• 左側のサイドバーから検索バーを使用して、 固定カート追加要素.

• この要素をデザイン領域にドラッグ アンド ドロップします。

• 必要に応じて、不要な子要素をすべて削除します。

ステップ4: チェックアウトページに誘導するカートに追加ボタンを設定する

• 下にスクロールして Redirect to セクションを設定し、 クリック後 = チェックアウトへ進む.

• ブランドや要件に合わせてボタンの表示をカスタマイズできます。

コンバージョン率の高い固定ボタンのベストプラクティス

固定の「カートに追加」ボタンをより効果的にするには:

• 目立たないようにする: 特にモバイルでは、ボタンが重要なコンテンツを覆わないようにしてください。
• 明確で行動を促すテキストを使用する: 次のようなフレーズ "今買う", 「チェックアウトへ進む」または 「安全なチェックアウト」 一般的な「カートに追加」よりもパフォーマンスが優れています。
• ブランドスタイルに合わせて: ブランドカラーと書体を使用して、一貫したショッピング体験を維持します。
• テストの配置とサイズ: ボタンの位置やサイズを変えてみて、何がより多くのコンバージョンにつながるかを確認します。
• モバイルの応答性を確保する: スティッキー要素は、さまざまな画面サイズに合わせてスムーズに調整される必要があります。

もっと詳しく知る： GemX ユースケースシリーズ: CTA の色を変更してコンバージョン率を高める方法.