如何將品牌添加到 WooCommerce

已發表: 2022-08-20

對您的 WooCommerce 商店進行編目並添加基於品牌的分類選項是改善您網站購物體驗的好方法。 包括品牌以提高產品認知度,甚至讓您的客戶根據品牌查看產品可能是提高轉化率的好方法。 這就是為什麼今天我們將查看有關如何將品牌添加到 WooCommerce 的完整指南。

首先,讓我們看看為什麼您應該考慮在您的商店中包含品牌。

為什麼將品牌添加到 WooCommerce?

毫不奇怪,品牌認知度對客戶來說是一項重要交易。 人們更傾向於購買他們認可的品牌的產品。 他們甚至傾向於只購買非品牌產品,如果他們更喜歡他們的某些產品,他們會考慮堅持使用它們。 例如,如果您在自己的網站上銷售鞋子,客戶更有可能購買耐克、阿迪達斯、喬丹和安德瑪等品牌的鞋子。

為了提供更好的客戶體驗,添加您在商店中擁有的品牌是有意義的。 此外,如果您有品牌交易,更重要的是確保您的客戶知道您支持哪些品牌,以及他們是否可以從這些品牌獲得特定交易。

默認情況下,WooCommerce 不允許您顯示品牌或根據品牌對產品進行分類。 這也意味著 WooCommerce 缺乏基於品牌的過濾,因此,我們將使用外部插件將品牌添加到 WooCommerce。

如何將品牌添加到 WooCommerce

在您的商店中包含品牌的最佳方法是使用專用插件。 對於我們的演示,我們將使用 Perfect WooCommerce Brands。 它免費、輕便且易於使用,可讓您添加品牌並使用簡碼顯示分配給這些品牌的任何產品。 或者,如果您正在尋找其他工具以在您的商店中包含品牌,您可以查看我們關於品牌插件的文章。

安裝和激活插件

讓我們從安裝和激活插件開始。 打開您的WP 管理儀表板,然後轉到插件 > 添加新的。

安裝插件管理儀表板 1

然後,使用右上角的搜索欄搜索Perfect WooCommerce Brands。

安裝和激活完美的 woocommerce 品牌

單擊插件選項卡上的安裝,然後在按鈕切換以激活插件後單擊激活

完美品牌激活頁面

如果您想手動激活/停用插件,您可以通過導航到插件 > 已安裝插件並按下插件列表下的激活/停用來實現。

現在我們已經安裝了插件,我們可以開始向我們的網站添加品牌。 如果您的商店中沒有任何品牌,則必須創建它們。 讓我們看看如何使用 Perfect Brands for WooCommerce 做到這一點。

如何使用插件在 WooCommerce 中創建品牌

讓我們先為我們的產品創建一個品牌。 通過單擊WordPress 管理儀表板上產品 > 品牌來打開您的品牌頁面。

打開品牌頁面管理儀表板

然後,您可以使用頁面左半部分的添加新品牌部分。 填寫新品牌所需的詳細信息,例如名稱、名稱和母品牌(如有必要)。如果需要,您還可以添加品牌的簡短描述並添加圖片。 完成後,單擊添加新品牌。

將品牌添加到 WooCommerce 完美品牌 woocommerce

如果您想稍後編輯您的品牌,只需單擊“品牌”頁面上新創建的品牌名稱旁邊的“編輯”即可。

編輯品牌詳情

現在我們已經創建了一個品牌,我們可以將產品分配給這個品牌。

將產品分配給品牌

首先單擊WP Admin Dashboard中的Products選項卡。 然後,單擊要分配給品牌的任何產品下的編輯

編輯產品頁面

在右側,您應該看到“品牌”部分,您可以使用該部分將產品分配給您的任何品牌。 只需選擇您要分配產品的品牌或多個品牌,然後單擊更新。

將品牌分配給 WooCommerce 產品

現在,如果您查看產品頁面,您將在產品詳細信息旁邊看到品牌徽標,如下所示:

產品頁面上顯示的品牌標誌

如何展示您的品牌

現在,要在您的網站上顯示您的所有品牌,您需要使用簡碼。 當然,這個短代碼可以添加到您網站的任何接受短代碼的部分——從您的小部件到您的帖子/頁面的所有內容。 此外,在您的頁面構建器甚至完整站點編輯器的幫助下,您可以將此短代碼添加到您網站的任何部分。 只需將此短代碼粘貼到您要顯示品牌的 WordPress 頁面:

 [pwb-carousel items="10" items_to_show="5" items_to_scroll="1" image_size="thumbnail" autoplay="true"]

我們將為我們的演示將其添加到我們的商店頁面,但您可以按照相同的過程將您的品牌添加到任何帖子或頁面。 只需在WordPress 編輯器中編輯您的頁面,然後單擊“添加新塊”按鈕添加一個簡碼塊。 然後,搜索短代碼並單擊它。

向頁面添加新的簡碼

然後,將上面的簡碼粘貼到塊中並保存/更新您的頁面。

使用簡碼將品牌添加到 WooCommerce

此短代碼現在將向您的頁面添加一個可自定義的品牌輪播,應如下所示:

品牌輪播預覽

現在,您可以通過更改簡碼的參數以您想要的方式自定義此簡碼。 如果您想了解有關使用簡碼的更多信息,可以在此處查看文檔。

簡而言之,您可以為短代碼自定義以下參數:

  • items ” [int / features] – 輪播將顯示的品牌總數。
  • items_to_show ” [int] – 每頁顯示的品牌數。
  • items_to_scroll ” [int] – 每次滾動輪播時要滾動的品牌數。
  • image_size ” [縮略圖/中/大/全/自定義大小] - 輪播中顯示的圖像大小。
  • autoplay ” [true / false] - 此選項允許您啟用/禁用輪播自動播放。
  • arrows ” [true/false] - 使用此選項,您可以顯示或隱藏導航箭頭

如何按品牌篩選產品

您還可以向網站側邊欄添加過濾選項,按品牌過濾您的產品。 您需要做的就是將一個簡單的小部件添加到您網站的小部件位置。 為此,請通過單擊管理側邊欄上的外觀 > 小部件來打開小部件頁面。

打開小部件頁面

然後,單擊您的主題為您提供的任何小部件位置。 然後,單擊添加塊按鈕並蒐索品牌。 單擊品牌下拉小部件並按照您想要的方式對其進行自定義。

將品牌添加到 WooCommerce 側邊欄

完成後,單擊右上角的更新,您應該會在小部件位置看到品牌下拉列表。

將品牌添加到 WooCommerce - 過濾側邊欄

如何使用品牌輪播將品牌添加到 WooCommerce

或者,您也可以添加顯示基於品牌的產品的輪播。 為此,您需要使用此短代碼:

 [pwb-product-carousel brand="brand-slug" products="10" products_to_show="5" products_to_scroll="1" autoplay="true"]

只需將品牌參數中的品牌標籤文本替換為所需品牌的標籤即可。 例如,我們的 Demo 品牌帶有 slug 'brand1',所以我們將這樣編輯短代碼:

 [pwb-product-carousel brand="brand1" products="10" products_to_show="5" products_to_scroll="1" autoplay="true"] 

將品牌添加到 WooCommerce - 品牌輪播 brand1

現在,將此短代碼粘貼到您的任何頁面並更新頁面。 您將看到一個輪播,其中包含分配給該特定品牌的所有產品。

品牌產品輪播

如何按品牌列出產品

如果您想添加僅包含您品牌產品的頁面而不是使用輪播,您可以使用

短代碼也是如此。 與上述類似,使用簡碼:

然後,用你的 slug 替換brand-slug文本。 例如,我們將使用:

按品牌簡碼列出產品
使用簡碼塊將此添加到任何自定義頁面/帖子。 保存頁面後,應該如下所示:

品牌產品列表

如何在頁面/帖子中顯示所有品牌

同樣,如果您想要網站庫存的所有品牌的顯示部分,您也可以使用[pwb-all-brands]短代碼來實現。

為此,您將使用短代碼:

 [pwb-all-brands per_page="10" image_size="thumbnail" hide_empty="true" order_by="name" order="ASC" title_position="before"]

將其粘貼到短代碼塊中,如下所示:

添加所有品牌短代碼

現在,您應該在頁面上顯示所有品牌頁面,如下所示:

頁面中顯示的品牌

如何使用 AZ 列表將品牌添加到 WooCommerce

如果您想使用AZ 列表將品牌添加到 WooCommerce 頁面,您也可以這樣做。 如果您擁有大量品牌而不是少數幾個品牌,並且您希望您的客戶能夠單獨訪問每個品牌及其產品,這將非常有效。
為此,您可以在編輯器中添加此短代碼:

 [pwb-az-列表] 

A-Z 品牌列表短代碼

然後,預覽您的頁面,您應該會看到 WooCommerce 中所有品牌的干淨 AZ 列表。

將 a-z 品牌列表添加到 WooCommerce

結論

這就是您可以將品牌添加到 WooCommerce的方式。 使用 Perfect Brands for WooCommerce 插件,您可以輕鬆創建品牌輪播,甚至為您的品牌添加品牌列表和專用頁面。

讓我們快速總結一下我們在這篇文章中介紹的內容:

  • 如何將品牌添加到您的 WooCommerce 商店
  • 為產品分配品牌
  • 使用輪播展示品牌
  • 如何添加基於品牌的過濾
  • 為品牌創建專用列表頁面
  • 為品牌添加 AZ 列表

該插件具有許多其他功能和進一步的短代碼自定義,您可以免費訪問。 要了解有關如何使用所有這些功能的更多信息,請查看我們的關於如何組織品牌的指南。

您是否嘗試過將品牌添加到 WooCommerce? 您認為品牌對銷售的影響有多大? 在下面的評論中讓我們知道您的經驗。

此外,如果您正在尋找其他智能方法來對您的產品進行分類並提高您的轉化率,為什麼不查看我們的其他一些文章:

  • 最佳 WooCommerce 庫存管理插件
  • 如何在 WooCommerce 中設置動態定價
  • WooCommerce 的最佳目錄模式插件