Webflow 網上商店概覽

儘管 利用 Webflow 電子商務，您有能力建立和打造數位商店，個性化購物車和結帳體驗的各個方面，監督產品和訂單，建立和啟動一個全面運營、完全個性化的在線商店，而無需編寫代碼。

在本指南中

1. ‍建立你的商店
2. ‍定制您的商店
3. 揭曉您的商店
4. ‍推廣您的產品和網路商店
5. 處理訂單

設定您的商店

透過選擇模板或從頭開始 Webflow 電子商務。如果您選擇電子商務模板，電子商務將自動啟動。如果您選擇不同的範本、從頭開始或修改現有網站，您可以透過選擇左側邊欄中的電子商務圖示來啟用電子商務。

啟用電子商務後，您將可以在設計器和編輯器中使用許多電子商務功能（元素、頁面、集合、設定）。

您可以按照電子商務面板中的配置指南來配置您的商店並啟動它，或者參考本指南，該指南還連接到與 Webflow 電子商務相關的大量教育材料。

參考

• 從 Webflow 電子商務範本中選擇
• 查看所有 Webflow 模板

電子商務合輯

系統會自動設定兩個電子商務編輯，即“產品”和“類別”，以便您啟動 Webflow 商店：“產品”和“類別”。這些是動態編譯，類似 CMS 編譯。然而，與 CMS 編譯不同，電子商務編譯有些差異。探索以下資源，深入研究一般動態編譯，特別是電子商務編譯。

產品和分組

增強編輯結構後，您可以開始在商店中新增產品並對它們進行分類。這可以手動完成，也可以透過與 Zapier 等其他服務整合來自動完成。

發現更多

• 電子商務編譯和預設產品字段
• 合併和管理產品和類別
• 制定產品選項和變體
• 整合產品
• 監控庫存水準

客製化您的商店

當涉及客製化您的商店時，您擁有與 CMS 同等的設計自由和適應性 - 因此，購物體驗可以與網站的其他部分無縫融合。您可以建立經過篩選、限制和分頁的產品列表，並在主頁上突出顯示它們。

電子商務組件和頁面

您還可以為您的產品和類別建立編譯模板頁面，甚至可以透過設計兩個電子商務實用程式頁面（結帳頁面和訂單確認頁面）來客製化結帳體驗。

了解更多

• 使用電子商務編輯進行設計：建立頁面和列表
• 構建添加到購物車按鈕
• 在電子商務網站的每個頁面上合併購物車
• 個性化查看購物車按鈕
• 調整購物車
• 客製化結帳體驗

首次亮相您的商店

一旦你建造並設計了你的商店，你就可以啟動它了。然而，與 CMS 不同的是，您無法僅透過點擊即可立即發布正常運作的電子商務網站 - 您首先需要設定您的商店。

電子商務配置

首先輸入您的公司地址和詳細資料。這有助於啟動許多其他商店配置的智慧預設值，例如貨幣、單位系統（英制與公制）、初始運輸區域（商店所在國家/地區）和初始稅收設定。這些設定可以隨時從設計器或編輯器中更新。

發現更多

• 電子商務設定概述
• 連結到支付門戶
• 為不同的運輸區域設定運輸方式
• 配置稅費
• 庫存同步集成
• 啟用結帳並啟動您的商店

推廣您的產品和網上商店

您可以將電子商務編譯與 CMS 編譯合併，並在部落格文章中展示產品，或將產品或產品類別與品牌編譯相關聯。此外，您還可以在主頁上顯示過濾後的產品列表，以建立季節性促銷、廣告活動和即將推出的登陸頁面。

客製化電子郵件

客製化和設計自動交易和收據電子郵件以與您的品牌保持一致。

發現更多： 自訂電子商務電子郵件

以靈活的形式管理生命週期行銷

合併 Webflow 表格來收集等待名單的電子郵件。將您的表單連接到 MailChimp 或其他平台以進行電子郵件行銷活動。

發現更多

• Webflow表格簡介
• 將註冊表單條目傳輸到 MailChimp

制定動態廣告

您還可以將事件發送到 Facebook、Instagram 和 Google，以進行更聰明的行銷活動。

發現更多

• 將產品同步到 Facebook Catalog Manager
• 開始 Instagram 購物
• 將產品同步至 Google Merchant Center

使用 Google Analytics 啟動電子商務追蹤

將您的網站與 Google Analytics 集成，以配置電子商務追蹤並監控分析報告中的電子商務數據。

發現更多

• 設定 Google 分析
• 追蹤電子商務的 Google 分析事件

訂單管理

現在您的商店已上線，您可以開始接收訂單。訂單將在 Webflow 設計器和編輯器中訪問，您可以在其中深入了解有關購買者及其地址的詳細信息，更重要的是，更新訂單狀態以進行內部跟踪。您還將透過電子郵件和設計器收到新訂單通知。

您可以使用 Webflow API 或 Zapier 整合高效管理訂單，以簡化履行和商店管理。

參考

• 訂單處理
• 利用 Zapier 進行訂單管理 [↗]
• Webflow API