ボタンを使用してチェックアウトページを起動する方法

チェックアウトページをトリガーするためにボタンを使用する理由

GemPages v7では、 動的チェックアウトボタン要素 顧客がカートのステップを省略して直接購入できるようにします。

ただし、このボタンのテキストはサードパーティの高速チェックアウト方法に基づいて動的に更新されるため、このボタンに表示されるテキストを好みに応じて変更することはできません。

もっと詳しく知る： 高速チェックアウトボタン – Shopifyヘルプセンター

このような場合、編集可能なテキストを含むボタンを表示しながらチェックアウトページをトリガーしたい場合は、 カートに追加ボタン要素 最良の選択です。

カートに追加ボタン要素を使用してチェックアウトページをトリガーする手順

次の手順に従います。

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

GemPagesダッシュボードから、 ページ 対象のページをクリックしてエディターで開きます。

ステップ2: ページに「カートに追加」ボタン要素を追加する

左側のサイドバーの検索バーを使って「カートに追加」ボタン要素を見つけます。次に、この要素を商品要素内にドラッグ＆ドロップします。

デフォルトのボタンのテキストをダブルクリックして、お好みのテキストに置き換えます。例えば、「今すぐ購入！」に変更してみましょう。

設定 高機能 タブ 好みに応じてボタンをカスタマイズします。 サイズの変更, 角の半径を調整するまたは 影の効果を追加する.

参照する この記事 ボタン要素のカスタマイズの詳細については、こちらをご覧ください。

ステップ3：ボタンをチェックアウトページにリンクする

下 設定 タブで、下にスクロールして Redirect to のセクションから無料でダウンロードできます。

そこから、 クリック後 = チェックアウトへ進む をドロップダウンから選択します。

ステップ4: 保存して公開する

変更を保存し、プレビュー モードで結果を確認します。

満足したら、 パブリッシュ ページを再公開します。

結果

顧客がこのボタンをクリックすると、商品がカートに追加されます。カートのステップをスキップして、直接チェックアウトページに進みます。