快樂插件的簡單數字下載產品網格小部件:裝飾數字產品的簡單方法

已發表: 2022-06-29

Happy Addons 團隊最近推出了一大堆小部件來幫助 Easy Digital Downloads (EDD) 用戶。 在這些小部件中, EDD 產品網格是唯一的一種。 如果您是 Elementor 用戶,那麼使用此小部件,您可以有組織地展示您商店的數字產品。

此外,您可以使用 Happy Addons EDD Product Grid 小部件包含/排除產品,將產品輪播添加到您的商店。

在此博客中,我們將了解 Happy Addons 的新Easy Digital Downloads 產品網格小部件,並了解如何使用此有效的 Elementor 小部件設計令人驚嘆的產品網格。

讓我們從小部件的基本介紹開始。

快樂插件 輕鬆數字下載 產品網格小部件一覽

Easy Digital Downloads Product Grid Widget

Happy Addons 的 Edd 產品網格小部件允許您以網格佈局展示商店的數字產品。 您可以以不同的設計格式展示產品。 這是完全可定制的,並帶有現成的樣品。

主要特點

  • 設置不同的設計佈局
  • 使用查詢包括和排除產品
  • 管理產品數量
  • 添加自定義徽章。

使用快樂插件 EDD 產品網格小部件的好處

Easy Digital Downloads 的默認功能沒有足夠的功能在響應式網格中添加產品。 然而,Happy Addons 的EDD Product Grid小部件解決了這個問題。 您可以輕鬆自定義默認產品頁面或以自己的風格創建新頁面。

您還將獲得其他好處。 喜歡,

  • 展示特色/暢銷產品
  • 增加銷量
  • 改善客戶的用戶體驗

在您的 Elementor 網站上有效展示數字產品(6 個簡單步驟)

在這一部分中,我們將向您展示如何使用 Happy Addons 的 EDD 產品網格小部件來設計產品網格功能。

我們將使用 Happy Addons 單品登陸頁面模板進行演示。 您還需要在您的網站上安裝並激活以下插件:

先決條件

  • 輕鬆數字下載 (EDD)
  • 元素(免費)
  • 快樂插件(免費)
  • 快樂插件專業版

讓我們開始吧:

  • 第 1 步:添加 EDD 產品網格小部件
  • 步驟 2:配置內容佈局設置
  • 第 3 步:如何添加選定的產品
  • 第 4 步:如何刪除選定的產品
  • 第 5 步:高級產品網格內容設置
  • 第 6 步:使用可用樣式選項進行自定義

第 1 步:添加 EDD 產品網格小部件

首先,您需要將小部件添加到網頁的右側部分。 從左側的 Elementor 小部件庫區域中找到小部件,然後拖放小部件。 您可以按照下圖進行操作。

Add EDD Product Grid Widget
拖放 Edd 產品網格小部件

步驟 2:配置內容佈局設置

添加小部件後,您將獲得如下圖所示的界面。 轉到Content->Layouts部分以管理小部件的不同設置。 您可以從“經典懸停”兩個中選擇一個設計皮膚。 在這裡,我們選擇了Hover作為我們的設計皮膚。

您可以設置在Column中顯示多少產品。 此外,您可以啟用顯示徽章選項、編寫徽章標籤並激活顯示價格功能。

要顯示購物車按鈕,您應該顯示購物車按鈕選項。 如果需要,您可以顯示銷售計數顯示快速查看按鈕

您還可以控制不同設備上的圖像大小

Content Layout Settings
配置內容佈局

第 3 步:如何添加選定的產品

您可以使用Query->Include選項將產品添加到網格中。 在這裡,您可以使用Query->Features Products包含產品。 或者,您可以使用Query->Terms選項手動搜索和添加產品。

Query Include
添加選定的產品

第 4 步:如何刪除選定的產品

如果您需要從網格中刪除產品,您可以使用Query->Exclude選項。 您可以排除當前產品,使用條款選項或嘗試手動選擇過程。 在這裡,我們使用手動選擇選項排除了兩種產品。 您可以按照下圖進行操作。

Exclude Products using Query
刪除選定的產品

第 5 步:高級產品網格內容設置

Content->Advanced區域中,您將獲得一些其他重要部分。

Advanced Product Grid Content Settings
高級內容設置
  • 顯示類別:您可以通過啟用此選項來顯示產品類別。
  • 顯示摘錄:如果您想顯示產品描述,您可以激活此設置。
  • 顯示加載更多按鈕:要加載更多產品,您可以啟用此功能。
  • 按鈕文本:您可以編寫按鈕級別。
  • 按鈕 URL :另外,插入按鈕 URL。

第 6 步:使用可用樣式選項進行自定義

您可以更改此小部件的默認設計。 您將在樣式區域中獲得所有必要的樣式選項。 你可以風格化,

  • 佈局
  • 徽章
  • 圖片
  • 內容
  • 購物車和快速查看
  • 加載更多按鈕
  • 快速查看模態
EDD Product Grid Style Options
產品網格樣式選項

查看 EDD 產品網格小部件的完整官方文檔。 或者,如果您趕時間,可以查看視頻指南。

視頻指南

最終預覽

這是我們完成定制後的單品頁面的最終外觀。

嘗試快樂插件並自定義您的電子商務商店!

開始定制您的數字產品

使用像 Easy Digital Downloads Product Grid 小部件這樣的正確工具,您可以讓您的產品頁面對您的客戶更具吸引力。 設計良好的產品頁面不僅可以改善客戶的用戶體驗,還可以提高轉化率。

在上面的指南中,我們展示瞭如何使用 Happy Addons 的 EDD 產品網格小部件在有組織的網格佈局中展示您商店的產品。 Happy Addons 還附帶其他必要的 Easy Digital Downloads Elementor 小部件。 您也可以嘗試使用它們來使您的在線商店更加實用。

如果您趕時間,可以查看視頻指南。

如果您在使用此小部件時遇到任何困難,請發表評論。 我們要求您加入我們的時事通訊並留在我們的社交渠道。

訂閱我們的新聞

獲取有關 Elementor 的最新消息和更新