WordPress 中 WooCommerce 塊的介紹(以及如何使用它們)
已發表: 2022-03-01WooCommerce 是一個廣受歡迎的插件。 此電子商務解決方案為您的自定義在線商店提供了一個簡單而強大的基礎。 然而,雖然數百萬店主信任它的銷售,但您可能不知道它最好的內置工具之一:WooCommerce 塊。
幸運的是,這些隱藏的寶石不必隱藏在陰影中。 通過了解如何通過現代 WordPress 編輯器使用 WooCommerce 塊,您可以在創紀錄的時間內開始升級您的網站。
在本文中,我們將向您介紹 WooComerce 塊的基礎知識。 然後,我們將引導您完成您的選擇,並提供一些使用它們的提示。 讓我們開始!
WooCommerce 塊簡介
WordPress 塊編輯器將您的內容分割成不同的區域。 因此,您可以以有條理和直觀的方式設計您的網站。 有很多可用的塊選項,但我們將特別關註一組:WooCommerce 塊。
如果您是活躍的 WooCommerce 用戶,您可能已經熟悉該插件所提供的功能。 這種可定制的開源解決方案提供了啟動在線商店的最有效方式之一。 通過將其功能劃分為塊,您可以自由地創建幾乎沒有限制的頁面。
要開始使用這些塊,請打開要編輯的頁面或帖子。 單擊右上角的加號圖標。 然後,向下滾動,直到看到 WooCommerce 部分:

從那裡,您可以單擊所需的塊將其添加到您的頁面。 您可以使用的數量也沒有限制,因此您可以根據自己的意願使內容變得簡單或複雜。
如何在 WordPress 中使用 WooCommerce 塊
現在您已經在 WordPress 編輯器中找到了 WooCommerce 塊,您會發現有很多選擇。 這是您的每個選項的介紹!
1.所有評論塊
所有評論塊將顯示您所有產品的完整評論列表。 正面評價可以提高轉化率,因此您可能需要考慮利用此塊:

使用所有評論塊,您可以選擇顯示許多不同的信息。 您的選項包括星級、特定產品和用戶照片等元素。
我們建議您善用排序功能。 例如,考慮將較新的評論放在靠近頂部的位置。
2.暢銷產品塊
暢銷產品塊提供了一種簡單的方式來展示您最受歡迎的商品:

您可以選擇突出顯示幾個元素。 產品評級和產品價格等詳細信息是兩個明智的選擇。
您可能還想考慮使用“添加到購物車”按鈕。 這樣,用戶就可以快速輕鬆地進行購買。
3.購物車塊
在線購物車是任何電子商務商店的基礎。 因此,包括 Cart 塊可能是必不可少的。 只需將其拖放到您想要顯示的任何位置:

一個簡單而簡單的購物車可能是最好的。 但是,您可能希望在此塊中包含運費。 這樣,您的購物者將對最終價格有更好的了解。 這種增加的透明度可以建立客戶信任,並可以減少購物車的放棄。
4.結帳塊
Checkout 塊是 Cart 塊的伴侶。 它不顯示購物車中的商品,而是包含完成購買的必要字段:

您可能希望主要在結帳頁面上使用它。 但是,您可能還想在添加購物車塊的任何位置添加它。 這樣,用戶可以獲得更流暢的購物體驗。
5. 按產品和類別塊的評論
從技術上講,這是兩個不同的塊。 但是,主要區別在於過濾:您可以顯示某些產品或特定類別的評論:

如果您有單獨的類別購物頁面,請考慮使用此塊來細化您提供給客戶的信息。 另一方面,特定於產品的過濾可能是推廣新產品的理想方式。
6. 精選產品板塊
Hand-picked Products 區塊讓您可以炫耀您個人最喜歡的商品。 您可以選擇展示您特別喜歡的一個或幾個 - 這取決於您:

此塊可能是突出某些產品的好方法,例如流行的節日物品。 但是,盡量不要選擇太多。
這可能會使區別看起來不重要。 將此元素限制在三個或四個項目上,強調它們確實很特別。
7.所有產品塊
與“精選”選項相比,“所有產品”塊展示了您的商店必須提供的所有內容:

它還提供了一種簡單的方法來引起對其他內容和產品的興趣。 您甚至可以更改佈局設置,包括網格佈局中的列數和行數。
此外,還有很多內容設置。 考慮使用這些來顯示排序下拉菜單或編輯您將向購物者展示多少產品信息。

8. 按類別和類別列表塊的產品
Products by Category 和 Products by Categories List 塊也非常相似。 使用這些工具,您可以選擇顯示某些產品組。 因此,它們可用於縮小您向購物者宣傳的範圍:

您可能還希望將這些與“按類別評論”塊一起使用。 這將使您的客戶更全面地了解您所提供的服務。
9.產品搜索塊
流暢的導航對於運行良好的網站至關重要。 因此,搜索欄可能是一個明智的主意:

我們建議您經常在您的 WooCommerce 網站上使用產品搜索欄。 如果這樣做,您的用戶可能會更輕鬆地瀏覽您的產品。
事實上,我們建議您將此塊添加到幾乎每個頁面。 您永遠不知道用戶何時可能想要搜索某個詞。 讓這一切變得盡可能簡單是改善用戶體驗的簡單方法。
10.過濾塊
您可以使用這些塊讓客戶輕鬆過濾他們正在尋找的產品:
- 按價格篩選
- 按屬性過濾
- 按庫存過濾
- 有源產品過濾器
這些元素有助於組織您的產品。 它們使購物者能夠選擇他們想要的過濾器並查看結果,甚至無需重新加載頁面。 因此,這是構建現代電子商務網站的一種快速簡便的方法。
事實上,您可能需要考慮同時使用所有這些過濾器。 您的客戶不必全部使用它們,但為他們提供多種選擇會增加專業感:

在上面的示例中,您可以看到價格和屬性過濾器塊都在起作用。 但是,對購物者來說,跟踪所有這些可能很困難。
這就是為什麼我們建議您也使用 Active Product Filter 塊。 這是一個跟踪用戶輸入的參數的塊。 如果他們忘記了他們的選擇,他們可以快速查看他們的活動過濾器。
12. 特色產品和類別塊
這些塊可讓您分別突出顯示單個產品和類別。 它們也是高度可定制的。 這意味著您可以完全控制用戶如何查看您的特色商品:

由於特色產品塊僅關注單個項目,我們建議您謹慎使用它。 如果您這樣做,它將更有可能引起購物者的注意,因為它會更加突出——尤其是在移動設備上。
13. 按標籤和屬性塊劃分的產品
這兩個塊提供了更多過濾項目的方法。 第一個將基於標籤顯示產品 - 在下面的示例中,這些產品可以標記為Music :

屬性塊變得更加具體,可以按顏色或大小等元素進行過濾。
您可能需要考慮在一頁上使用其中的一些塊。 此外,您可以選擇相關標籤以保持您的銷售宣傳的井井有條和主題。
14. 頂級產品塊
有時,您想展示商店提供的最好的東西。 為此,您可以使用評分最高的產品塊。 這是一種以最積極的評論展示您的商品的簡單方法:

這也是為您的網站添加更多社交證明的巧妙策略。 購物者往往喜歡看到其他顧客的意見。 因此,您可能需要考慮將此塊放置在您網站上顯眼的位置。
15.最新產品塊
創造一種興奮和期待的感覺可能是一種有效的銷售策略。 最新產品塊可以通過展示您庫存的最新添加來幫助您:

它還將持續檢查新產品,因此您不必擔心手動添加新項目。 你可以只專注於更新你的庫存,讓這個塊做剩下的。
16. 特價商品區
頻繁的銷售可能是吸引客戶的有效方式。 它們可以幫助提高轉化率。 他們還建立信任,因為您的購物者可能會喜歡折扣:

我們建議您將 On Sale 塊放在首頁的某個位置。 這樣,新訪客和回訪者都可以輕鬆找到它。 您可能還想考慮將它放在您的博客部分,因為這是吸引普通讀者的快速方法。
結論
WooCommerce 是一個不可否認的強大插件。 雖然很難利用每個功能,但嘗試簡單的 WooCommerce 塊可以幫助您輕鬆改善您的電子商務商店。
在本文中,我們介紹了 WooCommerce 塊是什麼以及您可能想要使用它們的原因。 正如您所看到的,有很多選擇——不要害怕自由地嘗試它們以找到最適合您的選擇。
您對 WooCommerce 塊有任何疑問嗎? 在下面的評論部分讓我們知道!