如何顯示 WooCommerce 相關產品:3 種無代碼解決方案

已發表: 2022-03-01

在線銷售時,個性化對於提高利潤、轉化率和整體客戶滿意度至關重要。 為客戶提供個性化體驗的一種方法是學習如何展示 WooCommerce 相關產品。

根據您選擇的設置,WooCommerce 可以在產品頁面上向人們展示相關產品——作為追加銷售或交叉銷售——在購物車中,甚至在結帳區域。 出於多種原因,WooCommerce 相關產品是一種有價值的工具,因此請繼續閱讀以了解相關產品的所有優勢(以及如何在 WooCommerce 中設置它們)。

目錄:

展示 WooCommerce 相關產品的優勢

相關產品有多種形式:有些是用於交叉銷售或提示客戶在他們已經購買的產品之上添加其他產品到他們的購物車。 其他人則努力追加銷售,說服用戶選擇更昂貴或更有利可圖的產品,因為這些產品為客戶提供了更多價值。 最後,一些相關的產品策略最關注個性化,他們根據過去的瀏覽歷史、歸入同一類別的商品以及客戶已經在他們的購物車中擁有什麼來定制所有推薦。

這些方法具有獨特的優勢,因此我們想探索在您的在線商店中展示相關產品的真正好處。

  • 更多收入:使用相關產品時,平均訂單價值增加 10%,點擊產品推薦的購物者中有 37% 會返回以進行更多購物[1]
  • 減少購物車放棄率:研究表明,當商店使用個性化產品推薦時,放棄購物車率會降低 4.35% [2]
  • 提高轉化率:同一項研究認為,點擊相關產品推薦的客戶的轉化率提高了 5.5 倍。
  • 改善客戶體驗:追加銷售和交叉銷售幫助客戶找到他們想要的產品,而不是強迫他們搜索。 它們還有助於為用戶已經在查看的內容添加補充項目。

總體而言,在您的電子商務網站上實施某種相關產品策略通常只需幾分鐘。 這可能會帶來更多收入、減少購物車放棄、提高轉化率以及更強大的客戶體驗。 如果您確信,請繼續閱讀以了解如何在您的商店中展示 WooCommerce 相關產品!

如何在沒有插件的情況下顯示 WooCommerce 相關產品

默認情況下,WooCommerce 已經具有顯示相關產品的功能。 因此,從技術上講,您不必安裝單獨的插件或主題。 只需使用 WooCommerce 配置在線商店。 您還必須添加產品才能查看相關產品選項。

要在不安裝額外插件的情況下顯示 WooCommerce 相關產品,請打開 WordPress 儀表板並轉到Products > All Products 。 選擇要為其添加相關產品部分的項目。 打開該項目的編輯產品頁面。

轉到 WordPress 中的產品頁面以添加 WooCommerce 相關產品

Edit Product頁面上向下滾動,直到找到Product Data模塊。 WooCommerce 的相關產品功能的優點在於它適用於所有產品類型:簡單產品、可變產品、分組產品和外部產品。 因此,儘管我們建議為您的業務需求選擇正確的產品類型,但您為相關產品選擇哪一種並不重要。

單擊鏈接產品選項卡以顯示用於設置相關產品的兩個字段:

  • 追加銷售:這些顯示在產品頁面本身,在產品描述等主要項目詳細信息下方。 追加銷售主要用於說服客戶購買更昂貴/有價值的商品,而不是他們目前正在尋找的商品。
  • 交叉銷售:這些出現在購物車中,就在用戶即將輸入他們的支付信息並完成交易之前。 交叉銷售往往會推薦與購物車中的商品相關的商品,例如為購買剃須刀的人推薦剃須膏和須後水。
關聯產品

要向任何產品添加追加銷售,請單擊追加銷售字段並開始輸入與目錄中其他項目相關的關鍵字。 我建議打開一個單獨的窗口來記住你的庫存中還有什麼。 與您輸入的內容相關的產品會顯示為建議。 選擇要鏈接到此產品頁面的項目。

添加追加銷售作為 WooCommerce 相關產品

您添加的每一個都存儲在 Upsells 字段中。 您可以在此處添加任意數量的追加銷售,但我們建議將其限制為大約五種產品,以免壓倒客戶並使界面混亂。

保存產品以追加銷售

要激活追加銷售產品,請確保單擊編輯產品頁面頂部的更新按鈕。 如果您正在創建一個全新的頁面,您可能會看到一個發布按鈕。

更新按鈕

轉到您的產品的前端視圖。 因此,您現在應該會看到主產品頁面信息下方列出的選定項目,通常位於產品描述和評論下方。 WooCommerce 顯示“您可能還喜歡……”的標題,這正是追加銷售的重點。

現在,客戶可以在購物車中放置一件、兩件或所有這些物品,而無需導航到網站的其他部分。

前端的 WooCommerce 相關產品

繼續前進,您還可以選擇創建交叉銷售。 如前所述,交叉銷售不在產品頁面上,而是在結帳模塊上,用於在有人購買商品之前增加購物車價值。 把它想像成你可能在雜貨店登記處購買的最後一分鍾小吃。

添加交叉銷售的工作方式與追加銷售相同,您可以在交叉銷售字段中鍵入以生成要附加的潛在產品。

交叉銷售領域

我們建議為您的每個庫存項目激活至少三個交叉銷售,但不要添加超過五個或六個。 如您所見,每個交叉銷售商品都存儲在該字段中,直到您將它們保存在產品頁面上。

進入交叉銷售領域的 WooCommerce 相關產品

轉到頁面頂部,然後更新發布產品頁面。

更新按鈕

要顯示交叉銷售,客戶必須將商品添加到購物車。

添加到購物車按鈕

然後,交叉銷售顯示在購物車下方,他們可以在其中快速添加商品並跳轉到結帳模塊。 WooCommerce 使用“您可能對……感興趣”文本來說服客戶考慮購買其他產品以搭配他們已經在購物車中擁有的產品。

WooCommerce 相關產品在購物車中顯示為交叉銷售

這些是顯示 WooCommerce 相關產品的兩個內置功能。 接下來的部分通過使用插件、頁面構建器和主題來探索相關的產品方法。

用於顯示 WooCommerce 相關產品的插件

如果內置的相關產品功能缺少您網站所需的功能或自定義選項,我們建議您查看可用於此目的的許多插件中的一些。

WooCommerce 的第三方相關產品插件對現有的在線商店具有優勢,因為您不必出去購買頁面構建器或通過獲取新主題來完全改變網站的設計。 使用插件,您可以堅持當前的設計/頁面構建過程,同時添加更高級的相關產品。

此外,您還可以解鎖默認 WooCommerce 追加銷售和交叉銷售無法找到的功能潛力。 我們在下面概述的一些插件包括以下功能:

  • 使用簡碼將相關產品放在您網站上的任何位置
  • 使用獨特的顯示格式,如滑塊和拼貼畫
  • 根據標籤、類別或產品關鍵字設置相關產品顯示
  • 從展示中排除某些產品
  • 自定義從購買按鈕到產品照片大小的所有內容

下面,您將找到信譽良好的插件來幫助您改進相關產品列表的功能。

  1. PeachPay 的 WooCommerce 相關產品
  2. WebToffee 的 WooCommerce 相關產品
  3. 推薦引擎
  4. WooCommerce 的產品推薦
  5. WooCommerce 的助推器

1. PeachPay 的 WooCommerce 相關產品

PeachPay 的相關產品插件提供簡碼,用於向您網站不同區域的客戶推薦其他產品。 它還具有使用滑塊而不是停滯的縮略圖列表的選項。 您可以更改模塊的標題,更改應顯示的產品數量,並根據產品的類別或標籤展示產品。

2. WebToffee 的 WooCommerce 相關產品

WooCommerce 插件的相關產品來自 WebToffee 的開發人員。 該插件會立即停用 WooCommerce 中的默認相關產品工具,並允許您設置自定義相關產品。

您還可以根據標籤、屬性或類別配置更自動化的產品建議。 我特別喜歡該插件設置商店範圍內相關產品的能力,這意味著您的工作更少。 除了滑塊、產品排除規則和模塊定制器之外,這個看起來像是贏家。 而且大部分功能都是免費的。

3.推薦引擎

推薦引擎

推薦引擎插件是 Element Stark 提供的每年 79 美元的高級解決方案,您可以直接從 WooCommerce 商店購買。 這個想法是推薦類似於您在亞馬遜和 Netflix 上看到的產品建議的產品,其中相關產品會根據客戶過去購買和查看的內容進行個性化。 它允許您發布自動追加銷售和交叉銷售,同時還可以根據多種操作推薦產品,例如購買歷史記錄、瀏覽量和一起購買的產品。

4. WooCommerce 的產品推薦

產品推薦

產品推薦插件由 WooCommerce 開發,它擴展了您從 WooCommerce 獲得的內容,提供“經常一起購買”建議、跨目錄推薦和最近查看的建議的設置。 這是一個高級插件,每年售價 79 美元。

5. WooCommerce 的助推器

WooCommerce 插件的助推器可用作強大的套件,當您想用一個可以完成所有工作的插件替換所有第三方 WooCommerce 插件時。

相關產品功能提供基於標籤、屬性和類別的推薦。 您還可以隱藏產品並自定義模塊中產品的順序、列和數量。 此外,該插件還提供按鈕標籤、價格轉換、額外費用、購物車定制等功能。 它有免費和付費版本​​。

頁面構建器或主題可以改善您的相關產品嗎?

簡短的回答是肯定的。 如果您想進一步改善相關產品的外觀,您應該考慮使用頁面構建器插件或高級主題。

使用內置 WooCommerce 工具時,您對相關產品的控制有限。 除非使用自定義代碼,否則您不能在加售/交叉銷售的位置上移動,並且格式和顏色通常保持不變。

但是,頁面構建器和高級主題通常會提供自己的相關產品功能以及更高級的自定義選項。

市場上有數以千計的主題和頁面構建器,因此我們無法涵蓋所有內容。 但是,如果您當前使用在線商店主題,或者您正在使用流行的頁面構建器,我們鼓勵您查看其設置。

具有推薦產品功能的主題傾向於將它們放在 WordPress 定制器中的 WooCommerce 選項卡下。

信譽良好的頁面構建器還讓您有機會改進 WordPress 中的相關產品。 有時這些功能需要訂閱,但絕對值得檢查一下您是否已經有可用的東西。

例如,Elementor 頁面構建器提供了一個“產品相關”塊來拖放產品頁面上的任何位置。

來自 Elementor 的相關產品塊

然後,您可以在前端查看相關產品並自定義顯示的內容和外觀。

elementor 中推薦的前端視圖

概括

有幾種方法可以顯示 WooCommerce 相關產品,但最簡單的選擇是使用內置的相關產品功能。 除此之外,您可能會考慮:

  • 使用插件獲取更多相關產品功能
  • 使用主題或頁面構建器使相關產品更漂亮(並更好地融合)

請記住,在 WooCommerce 上激活相關產品只需幾分鐘。 之後,該系統幾乎可以自行運行,並提高您進行高價值銷售的機會。

如果您對將 WooCommerce 相關產品添加到您的商店有任何其他問題,請在評論中告訴我們。 此外,如果您有這方面的經驗,請分享您對最佳方法的看法。

免費指南

加快速度的 5 個基本技巧
您的 WordPress 網站

將加載時間縮短 50-80%
只需遵循簡單的提示。