如何在WooCommerce產品頁面上顯示受歡迎的產品(2種方式)


您是否想學習如何在WooCommerce產品頁面上添加受歡迎的產品?

在您的在線商店頁面上顯示受歡迎的產品是增加銷量的一種行之有效的方法。 這就是為什麼亞馬遜,沃爾瑪和所有其他大型商店都擁有暢銷書的小部件的原因。

在本文中,我們將向您展示如何在WooCommerce產品頁面上顯示受歡迎的產品。

如何在WooCommerce產品頁面上顯示熱門產品

為什麼要在WooCommerce中展示受歡迎的產品?

顯示流行的WooCommerce產品是增加在線商店銷售額的簡便方法。

這些產品已經被證明可以轉換,因此,通過在這些產品上吸引更多的眼球,您將很容易獲得更多的銷售額。

您甚至可以創建一個單獨的受歡迎的WooCommerce產品頁面,就像Amazon擁有自己的暢銷書圖表一樣。

亞馬遜熱門產品示例

話雖如此,讓我們看一下如何將流行產品添加到WooCommerce產品頁面。

如何查找哪些WooCommerce產品很受歡迎

您需要做的第一件事就是找出流行和暢銷的產品。 使用WordPress插件,您可以查看所有WooCommerce分析數據以及最受歡迎的產品。

MonsterInsights是適用於WordPress的最佳分析插件。 一目了然,它向您展示了在線商店的性能以及最受歡迎的產品。

有關更多詳細信息,請參閱有關如何設置WooCommerce轉化跟踪的分步指南。

將WooCommerce與MonsterInsights集成後,您可以通過導航到來查看最受歡迎的產品 見解»報告 然後單擊“電子商務”選項卡。

WooCommerce頂級產品

在這裡,您可以查看哪些產品為您帶來最多的收入,已售出的單位數量以及有關商店性能的總體統計數據。

MonsterInsights的另一個重要功能是,您只需將受歡迎的產品添加到博客文章的末尾即可提高銷售量。

為此,請導航至 見解»熱門帖子 然後點擊“熱門產品”菜單選項。

定制熱門產品博客文章

在此屏幕上,您可以自定義熱門產品的顯示方式。

您可以控制設計,佈局選項,精選產品數量等等。

進行更改後,請確保點擊屏幕頂部的“保存更改”,您的熱門產品會自動顯示在帖子的末尾。

在博客文章末尾顯示熱門產品

現在,我們將向您展示兩種流行的WooCommerce產品展示方式,而不僅僅是將它們添加到您的博客文章中。

使用下面的快速鏈接來選擇您要如何向WooCommerce添加流行產品。

方法1:使用SeedProd創建受歡迎的產品頁面

SeedProd是超過一百萬個網站使用的最佳拖放式WordPress頁面構建器。

使用此插件,您可以簡單地將熱門產品添加到WooCommerce產品頁面,並為您的產品創建登錄頁面以提高轉化率。

它具有少數WooCommerce塊,可讓您輕鬆創建和自定義產品頁面。

您需要做的第一件事是安裝SeedProd插件。 有關更多詳細信息,請參閱有關如何在WordPress中安裝插件的分步指南。

筆記: 您可以使用免費版本的SeedProd,但由於它具有更多功能,因此我們將使用Pro版本。

激活後,您需要轉到 SeedProd»設置 並輸入您的許可證密鑰。 此信息在您的SeedProd網站上的帳戶下。

輸入SeedProd許可證密鑰

完成此操作後,導航至 SeedProd»模板

您可以使用數百種預製頁面模板,也可以選擇我們在本教程中使用的“電子商務感謝頁面”模板。

選擇SeedProd頁面模板

找到要使用的模板後,將鼠標懸停在該模板上,然後點擊“對勾”圖標。

您需要為頁面命名,然後單擊“保存並開始編輯頁面”按鈕。

命名您的SeedProd熱門產品頁面

之後,您將進入頁面編輯器屏幕。 頁面的每個元素都可以使用拖放生成器進行完全自定義。

在左側菜單上,您將看到一個標有“ WooCommerce”的塊部分。

選擇“產品網格”選項,並將其拖到您的頁面上。

選擇WooCommerce產品網格

筆記: 您會看到可以使用的“最暢銷產品”選項,但是,我們將使用MonsterInsights數據創建自定義產品列表。

之後,單擊“齒輪”圖標以彈出“塊設置”菜單。

編輯產品屏蔽設置

接下來,在“查詢”類別下,打開“按SKU選擇”開關。

然後,選擇與您的熱門產品匹配的SKU。

選擇流行的產品SKU

要選擇未一起列出的多個產品,請在Mac上按住Command鍵,在PC上按住CTRL鍵。

添加完熱門產品後,請確保單擊“保存”以保存更改。 要實時發布此頁面,請單擊“保存”旁邊的箭頭,然後選擇“發布”。

發布熱門產品頁面

現在,您已將最受歡迎的產品添加到一個獨特的熱門產品頁面。

使用SeedProd,您可以對此頁面進行近乎無止境的自定義,以提高轉換率。

熱門產品頁面示例

您還可以將此頁面添加到WordPress導航菜單中,以鼓勵訪問者瀏覽您的熱門產品。

方法2:使用WooCommerce簡碼將受歡迎的產品添加到產品頁面

WooCommerce具有內置的短代碼,可用於自定義產品頁面和在線商店的其他區域。

這些簡碼使您可以輕鬆地在現有的WooCommerce產品頁面上顯示受歡迎的產品。

為此,請導航至 產品»所有產品,然後打開要自定義的產品。

添加熱門產品簡碼

在產品編輯器屏幕中,您將添加以下短代碼。 有關更多詳細信息,請參閱我們的初學者指南,以了解如何在WordPress中添加簡碼。

您可以使用以下MonsterInsights簡碼自動顯示您的熱門產品:

[monsterinsights_popular_posts_products]

MonsterInsights將隨著流行產品的變化自動更新列表。

或者,您可以使用內置的WooCommerce短代碼手動選擇要顯示的產品:

[products limit="3" columns="3" skus="logo-collection, Woo-tshirt-logo, woo-long-sleeve-tee"]

上面的簡碼將創建一行三個產品。 您可以增加“產品數量限制”和“列”,以在頁面上列出更多受歡迎的產品。

“ skus”指的是您在WooCommerce產品頁面上找到的產品SKU。

確保使用您自己最受歡迎的產品替換上面短代碼中的SKUS。

您可以通過導航回來找到您的產品SKU。 產品»所有產品

找到產品SKU

完成產品頁面的編輯後,請點擊“更新”。

現在,您的訪客將看到您的常規產品列表以及下面突出顯示的最受歡迎產品。

熱門產品頁面示例

如果您正在尋找增加銷售的更多方法,則可以創建WooCommerce彈出窗口或在WooCommerce中添加免費送貨欄。

我們希望本文能幫助您學習如何在WooCommerce產品頁面上顯示受歡迎的產品。 您可能還希望查看我們的最佳WooCommerce主題列表以及我們為您的商店選擇的最佳WooCommerce插件的專家。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在以下位置找到我們 推特 和Facebook。