Webflowオンラインストア概要

Webflow Eコマースを発見してください! このガイドでは、ストアを構築、設計、および起動するために必要なすべての基本的な要素の概要を説明します。

その間 Webflow Eコマースを活用、デジタル ショップを構築および作成し、ショッピング カートとチェックアウトのエクスペリエンスのあらゆる側面をパーソナライズし、製品と注文を監視し、コードを記述することなく完全に機能する、完全にパーソナライズされたオンライン ストアを確立および開始することができます。

このガイドでは
  1. ショップの開設
  2. ショップをカスタマイズする
  3. ショップを公開する
  4. 製品とオンラインショップの宣伝
  5. 注文の処理

ショップの設定

テンプレートを選択するか、最初から開始して、Webflow Eコマースを開始します。Eコマース テンプレートを選択すると、Eコマースが自動的にアクティブ化されます。別のテンプレートを選択する場合、最初から開始する場合、または既存のサイトを変更する場合は、左側のサイドバーにある Eコマース アイコンを選択して、Eコマースを有効にできます。

Eコマースを有効にすると、デザイナーとエディターでさまざまなEコマース機能(要素、ページ、コレクション、設定)にアクセスできるようになります。

ショップを設定して起動するには、Eコマース パネルの設定ガイドに従うか、このガイドを参照してください。このガイドには、Webflow Eコマースに関連する豊富な教育資料もリンクされています。
参考文献

電子商取引のコンピレーション

Webflow ショップを開始できるように、製品とカテゴリの 2 つの E コマース コンピレーションが自動的に設定されます。これらは、CMS コンピレーションに似た動的コンピレーションです。ただし、CMS コンピレーションとは異なり、E コマース コンピレーションにはいくつかの違いがあります。一般的な動的コンピレーションと、特に E コマース コンピレーションについて詳しくは、以下のリソースを参照してください。

製品とグループ

コンパイル構造を強化したら、ショップに商品を追加して分類することができます。これは手動で行うことも、Zapier などの他のサービスと統合して自動的に行うこともできます。

さらに詳しく
  • 電子商取引のコンパイルとデフォルトの製品フィールド
  • 製品とカテゴリーの組み込みと管理
  • 製品のオプションとバリエーションの策定
  • 製品の統合
  • 在庫レベルの監視

ショップをカスタマイズする

ショップのカスタマイズに関しては、CMS と同等のデザインの自由度と適応性があり、ショッピング体験をサイトの他の部分とシームレスに融合できます。フィルター処理、制限、ページ分けされた製品リストを作成し、ホームページで強調表示できます。

電子商取引のコンポーネントとページ

また、製品やカテゴリのコンパイル テンプレート ページを作成したり、チェックアウト ページと注文確認ページという 2 つの E コマース ユーティリティ ページを設計してチェックアウト エクスペリエンスをカスタマイズしたりすることもできます。

もっと詳しく知る
  • Eコマースコンパイルによるデザイン: ページとリストの作成
  • カートに追加ボタンの作成
  • Eコマースサイトのすべてのページにショッピングカートを組み込む
  • カートの表示ボタンのカスタマイズ
  • ショッピングカートの調整
  • チェックアウト体験のカスタマイズ

ショップのデビュー

ショップを構築してデザインしたら、公開する準備は完了です。ただし、CMS とは異なり、クリックするだけですぐに機能する E コマース サイトを公開することはできません。まずショップを構成する必要があります。

電子商取引の構成

まず、会社の住所と詳細を入力します。これにより、通貨、単位システム (ヤードポンド法とメートル法)、初期配送地域 (ストアの国)、初期税金設定など、他の多くのショップ設定のインテリジェントなデフォルトを有効にしやすくなります。これらの設定は、デザイナーまたはエディター内からいつでも更新できます。

さらに詳しく
  • 電子商取引のセットアップの概要
  • 支払いポータルへのリンク
  • 多様な配送ゾーンに合わせた配送方法の設定
  • 税金の設定
  • 在庫同期の統合
  • チェックアウトを有効にしてショップを立ち上げる

製品とオンラインショップの宣伝

EコマースのコンパイルをCMSのコンパイルと統合して、ブログ投稿で製品を紹介したり、製品や製品カテゴリをブランドコンパイルに関連付けたりすることができます。さらに、ホームページにフィルタリングされた製品リストを表示して、季節ごとのプロモーション、広告キャンペーン、近日公開のランディングページを作成することもできます。

メールをカスタマイズする

自動取引メールと領収書メールをブランドに合わせてカスタマイズおよびデザインします。

さらに詳しく: Eコマースメールのカスタマイズ

柔軟なフォームでライフサイクルマーケティングを管理する

Webflow フォームを組み込んで、待機リストのメールを収集します。フォームを MailChimp または他のプラットフォームに接続して、メール マーケティング キャンペーンを実行します。

さらに詳しく
  • Webflowフォームの紹介
  • サインアップフォームのエントリを MailChimp に転送する

ダイナミック広告を作成する

また、Facebook、Instagram、Google にイベントを送信して、よりインテリジェントなマーケティング活動を実行することもできます。

さらに詳しく
  • Facebookカタログマネージャーへの製品の同期
  • Instagramショッピングを始める
  • 商品をGoogleマーチャントセンターに同期する

Google Analyticsでeコマーストラッキングを開始する

サイトを Google Analytics と統合して、e コマース トラッキングを設定し、分析レポート内で e コマース データを監視します。

さらに詳しく
  • Google Analyticsの設定
  • EコマースのGoogle Analyticsイベントの追跡

注文管理

ショップがオープンしたので、注文を受け付けられるようになりました。注文は Webflow デザイナーとエディターでアクセスでき、購入者の詳細や住所を確認したり、重要な点として、内部追跡のために注文ステータスを更新したりできます。また、新しい注文については、メールとデザイナー内で通知されます。

Webflow API または Zapier 統合を使用して注文を効率的に管理し、フルフィルメントとショップ管理を合理化できます。

参考文献
ユアン・マック