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

クイック追加パネルは、顧客が各商品詳細ページを個別に訪れることなく、商品リストから直接複数の商品を迅速に閲覧し、カートに追加できるようにします。この機能は、ショッピング体験を効率化し、時間を節約し、特に自分の欲しいものが分かっている顧客に対して、カートの価値を高めることを促します。

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

商品リストページでのクイック追加ボタンの有効化

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

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

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

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

1. アプリエディタで、上部のページセレクタをクリックし、クイック追加パネルを選択します。
   
2. 設定パネルでは、以下のオプションがあります：
   
   
   • プレビュー商品：三角形のアイコンをクリックして、設定をプレビューするための代表商品を選択します。
     
     
     
   • 商品情報：4つのデフォルトオプションがあります：商品価格、商品タイトル、スタイル選択、および数量セレクター。これらのオプションはデフォルトで設定されており、変更することはできませんが、スタイル選択を非表示にすることはできます。
     
     デザインをさらに向上させるために、+ コンテンツを追加をクリックしてカスタムコンポーネントを挿入するか、+ カスタムブロックを作成をクリックして新しいものを作成できます。カスタムコンポーネントの作成に関する詳細な手順については、こちらのヘルプセンターの記事を参照してください。
     
     
     
   • フローティングツールバー：フローティングツールバーは、特定のボタンを画面に固定し、ユーザーがブラウジング中にいつでもアクションを取れるようにします。デフォルトでは、選択したプロパティコンポーネントと、非表示にできるカートに追加ボタンが含まれています。
     
     また、+ コンテンツを追加をクリックしてフローティングツールバーとして使用するカスタムコンポーネントを追加するか、+ カスタムブロックを作成をクリックして新しいものを作成できます。カスタムコンポーネントの作成に関する詳細については、こちらのヘルプセンターの記事を参照してください。
     

デザインの保存と公開

編集が完了し、プレビューが期待通りに表示されていることを確認したら、右上のオプションを使用して進めることができます：

• 保存：現在の編集を一時的に保存し、将来の更新のために保持します。これにより、ストアアプリのライブバージョンには影響しません。
• 公開 > Snaplookに公開：コンポーネントをSnaplookに公開し、プレビューとテストを行います。このオプションを使用して、ライブにする前に機能と外観を確認します。詳細については、関連するヘルプセンターの記事を参照してください。
• 公開 > ライブアプリに公開：変更をストアアプリのライブバージョンに公開し、エンドユーザーに表示されるようにします。