WooCommerce 塊：它們是什麼以及如何有效地使用它們

介紹

WooCommerce Blocks 是一種為您的 WooCommerce 商店創建和管理內容的新方法。 使用塊，您可以輕鬆地將動態內容添加到您的頁面，從而輕鬆創建有助於銷售產品的引人入勝且具有視覺吸引力的頁面。

塊是在新的塊編輯器中創建的，它允許您隨時將任何塊快速拖放到您的佈局中。 您可以在您的網站上使用兩種類型的塊：基本塊和高級塊。 基本塊易於創建，但范圍有限。 高級塊的可定制性更高，創建時間更長。

基本塊是添加博客文章、產品信息和商店促銷的好方法。 高級塊包括用於創建集成表單和畫廊、添加產品評論甚至為您的網站創建自定義內容的工具。

在這篇文章中，我將向您展示如何有效地使用七個 WooCommerce 塊為您的客戶創造出色的用戶體驗。 那麼，讓我們開始吧！

什麼是 WooCommerce 塊？

WooCommerce Blocks 帶來了一種全新的網站定制方式。 該功能是在較新版本的 WooCommerce 中引入的，從那時起，它使新功能和高級功能的實施變得更加容易。 例如，您可以通過以獨特的組合使用 WooCommerce 塊來創建具有不同佈局的各種電子商務網站。

WooCommerce 塊是您可以添加到網頁中的元素，以幫助您增強用戶在您的網站上的體驗。 這些塊的一些主要功能是選擇它們的位置、大小、自定義、調色板，甚至動畫效果。 這些區塊的動畫效果將電子商務網站開發提升到了一個全新的水平。

WooCommerce 塊可以添加到您的網頁頁眉、頁腳或側邊欄。 您還可以為這些塊選擇多個位置，然後選擇最適合您要求的位置。 如果您想使用 WooCommerce 作為您博客的電子商務引擎，您可以在側邊欄添加一個購物車圖標。 這將包括指向 WooCommerce 結帳頁面的直接鏈接，可供您博客的常客使用。

在 WooCommerce 中使用塊的好處

塊是為您的頁面增添趣味的好方法。 以下是使用它們的一些好處！

• 便於使用

塊易於使用。 只需將它們拖出並放置在您想要的位置即可。 不需要學習！ 自定義塊同樣容易。 您只需單擊要編輯的塊，根據您的喜好對其進行自定義，然後點擊“發布”。

• 允許您更快地構建頁面

塊是在大多數主題和插件中顯示產品的內置選項，因此構建頁面不需要太多時間或精力。 它們非常適合以易於閱讀和導航的方式展示您的產品。

• **展示產品時的靈活性

塊在某種意義上是靈活的，您可以混合和匹配它們、覆蓋現有塊、刪除它們，甚至更改它們的屬性。 您還可以根據訪問者當前所在的頁面向訪問者顯示不同的塊。 這使您可以為他們提供個性化的體驗！

• 無需編碼經驗

過去，設計師需要編碼經驗才能利用 WooCommerce 中的單個產品創建內容顯示。 現在，大部分是由較新版本的 WooCommerce 中的產品塊處理的。 大部分設計都是為您完成的，因此您不需要太多思考。

前 7 個 WooCommerce 塊（以及如何使用它們）

作為店主，您必須決定如何在您的網站上展示產品。 WooCommerce 塊有多種類型。 這些塊可以添加到您網站上的任何頁面或帖子。 您選擇的塊應取決於您要顯示的產品以及您希望如何顯示它們。

暢銷產品塊

最暢銷產品塊可用於在您的網站上顯示最暢銷的產品。 它還顯示了每個類別中最暢銷的產品。 您可以選擇讓此塊顯示或不顯示您的產品的評論、價格和描述。

WooCommerce 默認支持暢銷產品。 您需要點擊“產品”，然後點擊“暢銷書”才能在您的網站上顯示它們。 這將逐月展示有史以來最暢銷的產品。 您可以選擇按日期或銷售額對該列表進行排序。

特色產品塊

特色產品塊顯示您想要關注的特定產品。 您為特色產品選擇的產品應該是獨一無二的； 也許它是一個新產品，或者你正在特別關注它以進行一些特殊的促銷活動。 您可以使用此塊顯示最近在新聞中出現的產品或在您的網站上限時出現的產品。

評分最高的產品塊

評分最高的產品塊僅顯示所有產品中評分最高的產品。 它顯示評論和星級，因此您將看到您的產品收到的平均星級。

WooCommerce 默認支持頂級產品。 您需要點擊“產品”，然後點擊“評分最高”才能在您的網站上顯示它。 此列表是自動生成的，其中包含您的所有產品，按評級的數字順序排列。 您可以通過評分最高的選項卡按日期排序此列表，也可以通過熱門選項卡按字母順序排序。

所有評論塊

所有評論塊允許您僅顯示每個產品的最新評論。 它顯示了在某人留下評論之前查看產品的次數，評論時間，收藏次數。 此外，它包括附加到該評論的所有圖像，包括來自產品圖片庫的圖像。 要在您的網站上顯示所有評論塊，您需要點擊“產品”，然後點擊“所有評論”。

按價格塊過濾產品

按價格塊過濾產品允許您按您設置的特定最低和最高價格範圍過濾產品。 您可以選擇顯示或不顯示您的產品的評論、評級和描述。 要輸入最小值或最大值的數值，請在文本框中輸入一個數字，即使逗號前沒有數字也是如此。 例如，輸入數值時，請記住它們是包含在內的； 也就是說，當設置最低價格範圍為 $10 - $20 時，意味著將展示所有低於 10 美元或高於 20 美元的產品。

要在您的網站上按價格塊顯示過濾產品，請單擊“產品”，然後單擊“價格過濾器”。 此列表顯示為每個產品設置的所有當前過濾器。 您可以將此列表保存為預設，以便以後輕鬆重複使用或與商店的其他用戶共享。

產品類別塊

按類別劃分的產品塊是一次查看給定類別中的所有產品的便捷方式。 這有助於快速查找產品或獲取給定類別中所有產品的概覽。 要使用此塊，請轉到 WooCommerce 中的產品頁面，然後單擊按類別劃分的產品塊。 它將顯示給定類別中的所有產品，以及每個產品的簡要說明和縮略圖。

最新產品塊

最新產品塊允許您僅顯示所有產品中最近添加的產品。 WooCommerce 默認支持最新產品。 您需要點擊“產品”然後點擊“最新”才能在您的網站上顯示它。 此列表會自動生成您的所有產品，按添加日期的數字順序排列； 最先顯示的是最後添加的，下面顯示的是舊的。 您可以通過最新選項卡按日期或通過最舊選項卡按字母順序對該列表進行排序。

最後的話

WooCommerce 塊是改善 WooCommerce 商店外觀和感覺的好方法。 它們允許您添加自定義設計元素，例如按鈕、選項卡等。

這些塊分為兩類：基本塊，提供頁面或帖子的基本內容，以及高級塊。

大多數塊在經典編輯器和古騰堡中都可用。 此外，這些塊易於使用，因為它們具有直觀的界面。 您只需單擊幾下即可添加和編輯塊。

我希望本指南能幫助您更多地了解 WooCommerce 塊和有效使用它們的技巧。

如果您對此主題有任何疑問，請在下方發表評論。 我很樂意提供幫助。

感謝您的閱讀！