ショップを計画する

Eコマース コレクションのデータを使用して、Webflow Eコマース製品ページをデザインします。

製品カタログを作成したら、品揃えリストを使用して、フロント ページやその他の固定ページまたはコレクション ページで商品や製品カテゴリを強調表示できます。コレクション リスト内のアイテムを絞り込み、整理し、ページ付けし、アイテムの数を制限することができます。そして、完全にパーソナライズされた製品ショーケースが完成します。

その後、「バスケットに追加」要素、ショッピング カート要素、チェックアウト プロセスの外観と雰囲気を調整して、購入体験が作成物の残りの部分とスムーズに調和するようにすることができます。

このチュートリアルでは
  1. オンラインストアページ
  2. オンラインストアのコンポーネント
  3. オンラインストアコレクション一覧

オンラインショップページ

あなたは自分の そして カテゴリー CMSアソートメントページとまったく同じ方法でページを作成できます。ページコレクションには、チェックアウトプロセスをパーソナライズできる2つの新しい補助ページがあることにも気づくでしょう。 購入 ページは、顧客がショッピングを終えてチェックアウトに進んだ後に最初に表示されるページです。注文を送信した後、顧客は 注文の確認 ページ。両方のページを変更してカスタマイズし、ショップの他の部分とシームレスに調和させることができます。

さらに詳しく:

  • 品揃えページの作成と設定
  • RSSフィードの設定
  • チェックアウトプロセスのパーソナライズ

オンラインショップのコンポーネント

E コマースでは、オンライン取引機能をデザインに組み込み、カートへの製品の組み込みからカートの確認と調整、購入の完了、注文確認の受信まで、インターネット ショッパーのショッピング ジャーニーを導くための新しい要素と機能の選択肢が提供されます。

買い物かご

ショッピング バスケットを任意の固定ページまたは品揃えページに統合し、バスケット ボタンとショッピング バスケット自体を完全に調整してスタイル設定します。ショッピング バスケットをカスタマイズするためのオプションは多数あります。

カートに追加

商品ページまたは商品品揃えにリンクされた品揃えリストに「バスケットに追加」要素を添付できます。これにより、顧客は商品をショッピング バスケットに追加できます。ボタンは、数量入力フィールドを含めるかどうか、デフォルトの状態、在庫切れ状態、エラー状態を設計するかどうかなど、自由に調整できます。

オンライン決済

これにより、オンライン支払いをチェックアウト フォームまたはショッピング バスケットに含めることができます。

チェックアウト機能

チェックアウト フォームにはさまざまなコンポーネントが含まれており、その一部はフォームの動作に不可欠であり、親コンポーネントから除外することはできません。

注文確認機能

注文検証コンポーネントには、多数の子コンポーネントも含まれています。このコンポーネントは完全にカスタマイズ可能で、追加パネルから任意の子コンポーネントを追加できます。

オンラインショップの品揃え一覧

品揃えリストを使用して製品グリッドを作成し、フロント ページやその他の固定ページまたは品揃えページに category リストを表示できます。たとえば、ブログの品揃えで製品を推奨している場合は、製品の詳細を取得してブログ記事に表示することもできます。

さらに詳しく: 品揃えリストを使用して品揃えアイテムを提示する

アイテム探索

雇用することができます サイト検索 購入者がサイト上の特定のコンテンツを検索できるようにするパーソナライズされた検索エンジンを構築します。

さらに詳しく: サイト検索の構築

ユアン・マック