今すぐ購入ボタン | 高度なデザイン設定

「今すぐ購入」ボタンをストアに追加することで、購入プロセスが簡素化されます。顧客はアイテムをカートに即座に追加し、チェックアウトページに直接進むことができます。

この記事では以下の内容を説明します：

• 管理者設定
• ストアフロント機能の表示
• 新しいページビルダー
• 注意事項

1. 管理者設定

SHOPLINE管理者で、[オンラインストアデザイン] > [デザイン] > [高度な設定]に移動します。

「今すぐ購入」ボタンのカスタムカラーをHEX 6桁のカラーコードを使用して選択します。カラーコードの詳細については、: https://htmlcolorcodes.com/

設定が完了したら、右下の保存と公開をクリックします。

*注意事項：読みやすさを向上させるために、暗い色を推奨します。

2. ストアフロント機能の表示

顧客が今すぐ購入をクリックすると、商品が即座にカートに追加され、チェックアウトページに直接移動します。ボタンは以下のように異なるページタイプで表示されます：

• 商品詳細ページ

• 商品リストページ：複数のバリエーションを持つ商品をクリックすると、「今すぐ購入」ボタンが表示されるウィンドウがポップアップします。
• 高度なページ： 高度なページに「単一商品パーツ/カテゴリパーツ」が含まれている場合、「今すぐ購入」ボタンが表示されるウィンドウがポップアップします。

• お気に入り登録

3. 新しいページビルダー

機能を有効にする

SHOPLINE管理者に進み、> [設定] > [商品設定]を選択し、ストアフロントに「今すぐ購入」ボタンを表示するかどうかを選択します。

ボタンの色を設定する

[オンラインストアデザイン] > [ページ]に進み、高度なページボタンをクリックして新しいページビルダーを開きます。左のメニューで[ストア設定] >[カラー]をクリックすると、「今すぐ購入」ボタンの背景色とテキスト色を調整できます。詳細については、こちらの記事を参照してください。 

4. 注意事項

• 商品に追加購入商品がある場合、顧客は「今すぐ購入」ボタンをクリックして、メイン商品と追加購入アイテムを一緒にカートに追加できます。
• 「今すぐ購入」機能は、現在、商品リストページ/高度なページの非バリエーション商品をサポートしていません。顧客は商品画像をクリックして商品詳細ページに入り、「今すぐ購入」ボタンを使用して購入する必要があります。
   
• アイテムまたはバリエーションが在庫切れの場合、「今すぐ購入」ボタンは表示されません。
• 顧客がすでにカートに商品を持っている場合、「今すぐ購入」ボタンをクリックすると、今すぐ購入の購入がカート内のアイテムと組み合わされます。
• 「今すぐ購入」ボタンが有効になっている場合、予約商品の「今すぐ予約」ボタンは「カートに追加」ボタンになります。

さらに詳しく読む

• SHOPLINEページビルダー（新しい）
• ストア設定 | ページビルダー（新しい）