クイック追加パネルのデザイン

クイック追加パネルは、顧客が商品一覧から直接複数の商品を素早く閲覧し、カートに追加できるようにする機能です。各商品の詳細ページを個別に訪問する必要がなくなり、ショッピング体験が効率化され、時間の節約になり、特に何を購入するか分かっている顧客にとってはカートの購入金額が増えることが期待できます。

このガイドでは、ストアの効率を高め、ユーザー体験を向上させるためにクイック追加パネルの設定と使用方法を説明します。

商品一覧ページでクイック追加ボタンを有効にする

クイック追加パネルを使用するには、まずテーマ設定でクイック追加商品機能を有効にする必要があります。これにより、商品一覧にクイック追加ボタンまたはアイコンが直接表示され、顧客はページを離れることなく商品をカートに追加できます。

1. アプリエディターで、上部のページセレクターから商品一覧ページを選択します。次に、テーマ設定に移動し、商品一覧メニューを開きます。
   
2. クイック追加商品セクションを見つけて、「クイック追加」ボタン/アイコンを表示をオンにします。次に、表示するスタイルをボタンかアイコンのいずれかから選択し、必要に応じてボタンテキストをカスタマイズします。有効にすると、商品一覧内の各商品カードにクイック追加ボタンが表示されます。
   

クイック追加パネルの設定

クイック追加ボタンを有効にした後、ストアのニーズに合わせてレイアウトや機能をカスタマイズするためにクイック追加パネルを設定できます。このパネルは特に大量注文やリピート顧客に便利で、迅速かつ効率的に購入を行うのに役立ちます。以下の手順に従って設定してください：

1. アプリエディターで、上部のページセレクターをクリックし、クイック追加パネルを選択します。
   
2. 設定パネルには以下のオプションがあります:
   • 商品プレビュー: 三角アイコンをクリックして、設定のプレビュー用に代表的な商品を選択します。
     

   • 設定: パネルの高さ比率は、クイック追加パネルのデフォルトの高さを画面の高さの割合で設定できます。プリセット値を選択するかカスタム値を入力して、40%から90%まで5%刻みで設定可能です。未設定の場合、デフォルト値は90%です。

     注：この設定は、商品一覧、カテゴリ商品一覧、検索結果、お気に入り登録ページのクイック追加パネルおよびカート内のSKU更新パネルに適用されます。

     

   • 商品情報: デフォルトで4つのオプションがあります：商品販売価格、商品タイトル、スタイル選択、および数量セレクター。これらはデフォルトで設定されており変更できませんが、スタイル選択を非表示にすることは可能です。
     
     さらにデザインを強化するには、＋コンテンツを追加をクリックしてカスタムパーツを挿入するか、＋カスタムブロックを作成をクリックして新しいものを作成できます。カスタムパーツの作成方法については、こちらのヘルプセンター記事をご参照ください。
     
   • フローティングツールバー: フローティングツールバーは特定のボタンを画面に固定し、閲覧中いつでも操作できるようにします。デフォルトでは、選択されたプロパティパーツと、非表示にできるカート追加ボタンが含まれています。
     
     また、＋コンテンツを追加をクリックしてフローティングツールバーとして使用するカスタムパーツを追加したり、＋カスタムブロックを作成をクリックして新しいものを作成したりできます。カスタムパーツの作成方法については、こちらのヘルプセンター記事をご覧ください。
     

デザインの保存と公開

編集を完了し、プレビューが期待通りに表示されていることを確認したら、右上のオプションを使って次の操作を行えます：

• 保存: 編集中のすべての変更はリアルタイムで自動的に保存されます。手動での保存は不要です。
• Snaplookに公開: 最新の保存済み変更をSnaplookに公開し、プレビューとテストを行います。公開前に機能や見た目を確認するためにこのオプションを使用してください。詳細は「Snaplookを使ったブランドアプリのプレビュー」の記事を参照してください。
• 本番のブランドアプリに公開: 変更をストアのライブ版ブランドアプリに公開し、エンドユーザーに表示されるようにします。