如何使用 Wix 建立在線商店:從 0 到工作商店的 9 個步驟

已發表: 2022-08-11

Wix 為初學者和高級用戶提供了構建網站的工具,但它的一些計劃為電子商務提供了特定的工具。 建立電子商務商店的過程與標準商業網站的過程截然不同。 這就是為什麼我們整理了一個關於如何使用 Wix 創建在線商店的深入教程。

本分步指南將涵蓋啟動 Wix 電子商務商店的所有要點:選擇特定於電子商務的主題、自定義您的 Wix 商店️、將產品添加到您的 Wix 商店、通過 Wix 接受付款、處理商店頁面️ 、設置制定運輸規則、配置稅收、獲取域名並啟動您的 Wix 在線商店

如何使用 Wix 創建在線商店

如何使用 Wix 創建在線商店

以下是如何使用 Wix 建立在線商店的高級視圖——請繼續閱讀詳細指南:

  1. 創建您的 Wix 帳戶並完成基本設置嚮導
  2. 選擇特定於電子商務的主題
  3. 從 Wix 自定義您的在線商店主題
  4. 將產品添加到您的 Wix 商店
  5. 設置 Wix 付款方式
  6. 根據需要調整商店的核心頁面
  7. 在 Wix 上設置運輸規則
  8. 根據需要配置稅率
  9. 連接您的域名並啟動您的商店
如何在#Wix 上建立#ecommerce #website - 初學者指南,分 9 步
點擊推文

1. 創建您的 Wix 帳戶並完成基本設置嚮導

這一切都始於訪問 Wix 網站並選擇適合使用 Wix 建立在線商店的計劃。

在 Wix.com 上,單擊“開始”按鈕。

開始學習如何使用 Wix 創建在線商店

使用註冊鏈接創建帳戶用戶名和密碼。

登錄頁面

瀏覽最初的註冊問題,以幫助 Wix 為您的網站制定最佳的功能組合。

開始使用 Wix 在線商店

填寫問卷的以下部分:

  • 你正在建立一個在線商店
  • 您的網站名稱
  • 您想要哪些特殊功能,例如運輸標籤、自動銷售稅、廢棄購物車恢復和博客
Wix 在線商店名稱

對於大多數其他問題,您可以單擊“跳過”鏈接。

2.選擇一個電子商務特定的主題

完成您的帳戶後,您會看到一個頁面:

  • 讓 Wix ADI 為您創建網站:使用人工智能和另一份問卷構建主題的過程

或者:

  • 選擇模板:您選擇模板並自定義您自己的網站

儘管 Wix ADI 運行良好,但我們建議您選擇一個模板,這樣您就可以完全控制設計。

在 Wix 商店中選擇模板

這會將您帶到 Wix 模板庫。 確保選擇商店過濾器。

商店過濾器

接下來,您可以選擇更具體的過濾器,選擇以下行業:

  • 時尚和服裝
  • 首飾及配飾
  • 家居和裝飾
  • 飲食
  • 電子產品
  • 孩子和嬰兒
  • 還有很多

這縮小了對更簡單的定製過程的搜索範圍。

過濾器

Wix 提供了數百個免費模板可供選擇,每個類別都有數十個。 我們鼓勵您滾動感興趣的模板以編輯查看它們。

  • 編輯:立即激活主題作為您的主要網站設計
  • 查看:為您提供模板的功能預覽
選擇一個模板

在激活一個作為您的最終選擇之前查看(預覽)多個模板是明智的。 在預覽中,測試設計的各個方面,並記下您需要哪些功能以及某些模板可能缺少的功能。

  1. 查看滑塊的工作原理
  2. 檢查必要的電子商務頁面和菜單項
  3. 尋找清楚列出的購物車和結帳圖標
  4. 確保您的主題在主頁上有產品畫廊
  5. 確保顏色和排版符合品牌要求
在學習如何使用 Wix 創建在線商店之前檢查模板

此外,打開預覽的產品頁面以了解如果您使用模板,您的客戶會看到什麼。

  • 它是否具有具有縮放和滑塊功能的不錯的照片?
  • 標題、價格和產品信息是否清楚列出?
  • 是否有退貨、退款和運輸信息的區域?
  • 產品評論呢?
Wix 在線商店的產品頁面

好消息是,您不一定需要列表中的所有功能才能使其成為優質模板。

為什麼?

因為 Wix 擁有強大的 App Store。 例如,您可能會找到自己喜歡的模板,但產品頁面上缺少社交分享按鈕; 不用擔心——Wix 上有免費的社交分享應用。

社交按鈕

確定模板後,單擊預覽中的“編輯此站點”按鈕。

編輯本站

您也可以通過單擊模板庫中的編輯來執行此操作。

編輯或查看模板

因此,Wix 將模板添加到網站構建器中!

Wix 建設者

3. 從 Wix 自定義您的在線商店主題

Wix 中任何在線商店的定制都是從拖放頁面構建器開始的。

左側面板提供了以下按鈕:

  • 添加元素:這些是標準的網頁元素,如文本框、圖像、按鈕、畫廊和列表
  • 添加部分:用於歡迎塊、信息和推薦等內容的預製模塊
  • 菜單和頁面:添加新菜單,調整當前菜單標題和鏈接
  • 網站設計:修改顏色、排版、頁面背景和頁面過渡
  • 添加應用程序:如果您的主題缺少功能,請使用 App Store 安裝從支付網關到電子郵件營銷工具、彈出窗口到社交媒體按鈕的任何內容
  • 媒體:從您的計算機、社交媒體、雲存儲或任何免費或付費的圖片網站上傳圖像和視頻
  • 開始寫博客:設置一個頁面來列出博客文章,並從 Wix 儀表板寫文章
  • 我的商店:管理您的在線商店的一切,從結賬到庫存,從訂單到履行
如何使用帶有側邊菜單的 Wix 創建在線商店

使用左側的這些選項卡,將元素拖動到編輯器中您想要的任何位置。

如何通過添加元素使用 Wix 製作在線商店

然後,編輯器預覽會實時更新,以顯示您應該在前端看到的內容。

添加部分 - 如何使用 Wix 創建在線商店

除了控制面板之外,Wix 還提供了一個完全拖放的編輯器,這意味著您可以單擊任何元素來移動它、刪除它或自定義它。

例如,單擊徽標以添加文本徽標或上傳圖像。

在 Wix 在線商店中調整徽標

每個元素都有獨特的設置,因此您必須單擊每個元素以找出可能的設置。 例如,您可以選擇頁面上的幾乎任何元素來更改或添加其背景。

選擇一種顏色背景,一種用於視頻,或上傳一張圖片。

更改幻燈片背景

幾秒鐘之內,您就換掉了背景圖像。

換背景

還值得一提的是,頁眉和頁腳都是可編輯的,這兩個區域內的所有內容都可以在您網站的每個頁面上查看。

在 Wix 在線商店中管理菜單

最後,您可能需要在前端檢查在線商店的狀態。 為此,請單擊預覽。 另一種選擇是發布站點並訪問 URL。

發布或預覽

4. 將產品添加到您的 Wix 商店

學習如何在 Wix 上開設在線商店顯然涉及銷售產品。 所以,讓我們添加一個新項目,讓您對它的工作原理有一個深刻的了解。

首先選擇 Wix 編輯器左側的My Store選項卡。 選擇開始

開始按鈕

這顯示了直接訪問 Wix Stores 儀表板的部分。 在這裡,您可以轉到儀表板以控制您網站的電子商務部分,同時還可以從標準 Wix 編輯器訪問您的所有設置。

點擊添加產品

在 Wix Stores Dashboard 中,可通過轉到Store Products > Products訪問此區域。

在 Wix 商店中添加產品

您將看到商店中所有產品的列表。 隨意編輯/刪除模板添加的內容。

選擇添加產品按鈕繼續。

新產品 - 如何使用 Wix 創建在線商店

選擇您是想銷售數字產品還是實體產品。

物理或數字

進入產品頁面編輯器後,完成以下操作:

  1. 填寫產品名稱
  2. 添加圖像或視頻
  3. 選中“在網上商店顯示”複選框
  4. 將項目添加到您想要的任何集合
wix的產品頁面

上傳媒體後,一切都會出現供您重新組織。

在 Wix 商店中添加產品照片

向下滾動以訪問更多產品選項,例如:

  • 用於顯示特殊“銷售”或“新品”功能區的功能區字段
  • 描述字段
  • 促銷工具
  • 履行選項
  • 品牌領域
描述

隨意創建附加信息部分:

  • 退貨政策
  • 保養說明
  • 漿紗
  • 船運

定價區域中,輸入價格,然後選擇如下設置:

  • 如果您想進行銷售
  • 顯示每單位的價格
  • 設置商品成本(用於計算利潤和利潤)
添加信息部分

最後,檢查 Wix 中產品可用的所有附加功能:

  • 讓客戶為產品添加自定義文本以實現個性化
  • 包括產品選項(變體),例如尺寸、顏色和材料
  • 選擇跟踪庫存並在產品有庫存時設置提醒
  • 將產品添加到您計劃銷售的任何訂閱中
  • 為 SEO 準備好產品

而已! 單擊保存按鈕將產品添加到您的 Wix 商店。

完成產品頁面

您將在產品列表中看到該項目。

Wix 在線商店中的商品列表

以及在您網站的前端,假設您使其可見。

產品頁面

5.設置Wix支付方式

要完成銷售並將資金轉入您的後台帳戶,您必須配置支付處理器並決定接受哪些支付方式。

為此,請從 Wix 編輯器轉到我的商店,然後添加付款方式

將付款方式添加到 Wix 在線商店

或者,從 Wix Stores 儀表板中,轉到Settings > Accept Payments

接受付款

對於您要添加的所有支付處理器,單擊連接

最常見和最簡單的選擇是使用 Wix 接受信用卡/借記卡

連接支付 - 如何使用 Wix 創建在線商店

標記您想要的付款方式; 越多越好。 如果您也在經營實體店,那麼接受借記卡/信用卡、Apple Pay 和 Wix POS 是謹慎的做法。

單擊繼續

添加信用卡

您會看到 Wix Payments 已連接的消息,但事實並非如此。

支付連接

關閉該消息,然後選擇“完成設置”按鈕。

在 Wix 付款中完成設置

這是確認您的身份並鏈接到您的銀行帳戶的實際評估過程。

該表格要求:

  • 業務類型
  • 個人詳細信息,例如姓名、出生日期和社會安全號碼
  • 帶照片的身份證
  • 地址
  • 業務描述
  • 銀行帳戶詳細信息(用於接收您的付款)

點擊提交。 被接受後就可以開始接受付款了!

提交按鈕

6.根據需要調整您商店的核心頁面

My Store > Store Pages下,有一個區域可以查看和自定義您的“Store Pages”。

Wix 會為您自動生成所有這些。 但是您可能想要自定義它們的顯示方式。

商店頁面

可以打開這些頁面:

  • 店鋪
  • 購物車頁面
  • 產品頁面
  • 謝謝頁面

它們中的每一個都在標準 Wix 編輯器中打開以進行全局自定義。

學習如何使用 Wix 製作在線商店時自定義頁面

7. 在 Wix 上設置運輸規則

學習如何使用 Wix 建立在線商店時,運輸規則變得很容易。

首先,轉到 Wix 商店儀表板中的設置 > 配送和配送

運輸和履行

任何一個:

  • 添加自定義配送區域

或者:

  • 編輯預設配送區域,例如國內和國際
添加區域

您可以具體了解您所在的地區,並為如何計算運費設置規則。

為 Wix 在線商店挑選運費

運輸規則包括:

  • 免運費
  • 扁平率
  • 按重量計算
  • 按價格評分
  • 按產品評分
  • USPS 計算費率
免費送貨和其他選擇

您還可以提供本地送貨和取貨服務。

單擊保存以完成該過程。

保存交付選項

8.根據需要配置稅率

要為您的 Wix 商店設置稅費,請轉到 Wix 商店儀表板中的設置 > 稅費

維克斯的稅收

一種選擇是使用 Avalara 應用程序自動執行所有銷售稅。

或者,選擇“添加國家/地區”按鈕手動設置費率。

如何使用 Wix 建立在線商店並加稅

只需在互聯網上搜索每個地區的正確稅率,然後輸入。

完成後點擊保存

節省

9.連接您的域名並啟動您的商店

最後一步是鏈接域以替換 Wix 中的測試子域。

在 Wix 編輯器中,單擊連接您的域。

連接您的域

選擇以下之一:

  • 獲取新域名

或者:

  • 連接您已經擁有的域。
獲得一個 Wix 域

在此步驟中,您最終必須選擇一個 Wix 計劃。 從 Wix 商業和電子商務計劃中選擇在線商店功能。

選擇一個 Wix 定價計劃

之後,您將完成結帳流程、付款,然後 Wix 會幫助您購買或轉移域以替換子域。

結帳並發布您的 Wix 在線商店

這就是使用 Wix 建立在線商店的方法!

轉到頂部

立即創建您的 Wix 電子商務商店

我們的 Wix 電子商務教程到此結束。 要了解有關 Wix 和/或如何改進您的 Wix 商店的更多信息,您可能需要查看這些其他帖子:

  • 關於如何在 Wix 上構建任何網站的深入教程
  • 我們完整的 Wix 評論
  • 蠟定價解釋
  • 15 多個最佳 Wix 應用程序可擴展您的商店

您正在使用 Wix 構建網站嗎? 仍然對如何設置商店有任何疑問? 在評論中讓我們知道您的想法。

如何在#Wix 上建立#ecommerce #website - 初學者指南,分 9 步
點擊推文

不要忘記加入我們關於加快 WordPress 網站速度的速成課程。 通過一些簡單的修復,您甚至可以將加載時間減少 50-80%:

現在訂閱圖片