規劃你的店鋪

使用電子商務集合中的資料來設計您的 Webflow 電子商務產品頁面。

建立產品目錄後,您可以使用分類清單在首頁和其他固定或集合頁面上突出顯示商品和產品類別。您可以細化、組織、分頁和限制集合清單中的項目數量。您將擁有一個完全個人化的產品展示!

之後,您可以調整「加入購物籃」元素、購物車元素和結帳流程的外觀和氛圍,以確保購買體驗與您的其他創作順利融合。

在本教程中
  1. 線上商店頁面
  2. 線上商店組件
  3. 網上商店系列清單

網上商店頁面

您可以建造並風格化您的 商品類別 頁面的方式與 CMS 分類頁面的方式完全相同。在您的頁面集合中,您還會發現有兩個新的輔助頁面,可讓您個性化結帳流程。這 購買 頁面是客戶完成購物並結帳後遇到的初始頁面。提交訂單後,他們將被引導至 訂單驗證 頁。您可以修改這兩個頁面並對其進行定制,以便它們與商店的其他部分無縫融合。

發現更多:

  • 建立和配置分類頁面
  • 設定 RSS 來源
  • 個性化結帳流程

網上商店組件

透過電子商務,您將收到一系列新元素和功能,使您能夠將線上貿易功能與您的設計結合起來,並引導網路購物者完成他們的購物之旅,從將產品納入購物車,到檢查和調整購物車,再到完成購買並接收訂單驗證。

購物籃

將購物籃整合到任何固定或分類頁面中,並完全調整購物籃按鈕和購物籃本身並使其風格化。您有多種選擇來個性化您的購物籃。

加入購物籃

您可以將新增至購物籃元素附加到商品頁面或連結到商品分類的任何分類清單。它允許客戶將產品添加到他們的購物籃中。您可以按照您喜歡的任何方式調整按鈕 - 決定是否包含數量輸入欄位、設計預設狀態以及缺貨和錯誤狀態。

網上支付

這允許您將線上付款納入您的結帳表格或購物籃中。

‍結帳功能

結帳表單包含各種元件,其中一些元件對於其操作是完全必要的,不能從父元件中排除。

訂單驗證功能

訂單驗證組件還包括許多子組件。該元件可以完全自訂,並且可以從新增面板中添加任何子元件。

網上商店品種清單

您可以利用分類清單形成產品網格,並在首頁和其他固定或分類頁面上展示 category 清單。例如,如果您在部落格分類中推薦了產品,您還可以檢索產品詳細資訊並將其呈現在您的部落格文章中。

發現更多: 使用分類清單呈現分類項目

物品探索

您可以僱用 網站搜尋 建立個人化搜尋引擎,使買家能夠探索您網站上的特定內容。

發現更多: 建立網站搜尋

麥伊凡
Ewan Mak 的最新帖子 (看全部)