[WordPress] 外掛分享： Product Dropdown Selector for Contact Form 7

前言介紹

• 這款 WordPress 外掛「Product Dropdown Selector for Contact Form 7」是 2025-01-23 上架。
• 目前有 10 個安裝啟用數。
• 上一次更新是 2025-07-13，距離現在已有 228 天。
• 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
• 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
• 尚未有人給過這款外掛評分。
• 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

pluginorbit |

外掛標籤

form selector | contact form 7 | product filter | product dropdown | Woocommerce dropdown |

內容簡介

總結：「The Product Dropdown Selector for Contact Form 7」外掛集成了 WooCommerce 與 Contact Form 7，提供了一個易於使用的方式，以高級篩選選項來添加產品下拉清單。此外掛能讓使用者根據類別、標籤、顏色、尺寸等篩選產品，顯示價格、圖片和標題等產品詳細資訊在下拉清單中，並且通過可自訂設置管理下拉清單的外觀和行為。

**問題與答案：**

1. 這個外掛的主要功能是什麼？
- **答：** 提供一個易於使用的方式，將 WooCommerce 與 Contact Form 7 整合，並且添加了可以進行高級篩選的產品下拉清單。

2. 透過這個外掛，使用者可以根據哪些條件篩選產品？
- **答：** 使用者可以根據產品的類別、標籤、顏色和尺寸等條件進行篩選。

3. 請描述一下這個外掛的外觀和行為可以進行哪些自訂設置？
- **答：** 外掛提供自訂欄位名稱和 ID、高級產品篩選、不同的下拉清單佈局選擇、條件性選項顯示/隱藏、響應式設計、與 WooCommerce 整合、顯示特色和暢銷產品選項、支援多個下拉清單、以及添加可進行自訂樣式裝飾的自訂 CSS 類等自訂設置。

4. 如何使用這個外掛在 Contact Form 7 表單中添加產品下拉清單？
- **答：** 在啟用外掛後，使用者需要前往 WordPress 儀表板的「Contact > Contact Forms」，編輯或創建一個新表單，然後使用生成的短代碼插入產品下拉欄位。使用者可以根據需要自訂選項（如產品類別、標籤等），保存表單後，在頁面或文章中使用短代碼即可。

原文外掛簡介

The Product Dropdown Selector for Contact Form 7 plugin integrates WooCommerce with Contact Form 7, enabling you to easily add a product dropdown field with advanced filtering options. This plugin simplifies the process of adding WooCommerce product selectors to your forms and allows for customizable layouts (e.g., Dropdown or Select2).
Key Features:

Customizable Field Name and ID: Define the field name and ID for the product dropdown.
Advanced Product Filters: Filter products by category, tag, color, size, stock status, price (set min and max value), product ID (enter product IDs separated by “-“, e.g., 1-2-3) and more filter options.
Dropdown or Select2 Layout: Choose between a simple dropdown or a more advanced Select2 layout for the dropdown with custom formatting options.
Search Bar and Multiple Selection for Select2: Enable or disable the search bar and allow multiple product selection in the Select2 layout.
Conditional Display of Options: Show/hide certain options, like the product details section, based on the selected layout style (Dropdown or Select2).
Order By and Order Direction Options: Sort products by Date or Title, with Ascending or Descending options.
Responsive: Works well on both desktop and mobile devices.
WooCommerce Integration: Seamlessly pulls product data from WooCommerce, ensuring the dropdown is always up-to-date.
Featured and Best-Selling Products: Include options to filter by featured or best-selling products.
Multiple Dropdowns Support: Add multiple dropdowns in one form.
Product Images Support: Option to display product images in the dropdown.
Customizable Product Image Size: Set the size of product images in the dropdown.
Customizable Appearance: Add custom CSS classes to the dropdown for styling purposes.

Learn More:
✨Documentation
✨Live Demo
Usage
Once the plugin is activated, follow these steps to add the product dropdown to your Contact Form 7 forms:

Go to Contact > Contact Forms in the WordPress dashboard.
Edit or create a new form.
Insert the product dropdown field using the generated shortcode.
Example:
[product_dropdown product-dropdown-345 id:product-dropdown category:Music layout_style:dropdown show_dropdown_style show_price show_img pdscf7_img_size:80 order_by:date order_direction:ASC]
Customize the options as needed (e.g., product category, tags).
Save the form and use the shortcode in your pages or posts.

License
This plugin is licensed under the GPLv3 or later license.

各版本下載點

• 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
• 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Product Dropdown Selector for Contact Form 7」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

---

1.0 | 1.1 | 1.2 | 1.3 | trunk |

延伸相關外掛（你可能也想知道）

• HUSKY – Products Filter Professional for WooCommerce 》HUSKY – Products Filter Professional for WooCommerce（前名為WOOF）是一款針對WooCommerce的產品搜尋外掛程式，它允許你的網站客戶通過類別、屬性、...。
• YITH WooCommerce Ajax Product Filter 》電子商務產品篩選是一個必備的工具，可以幫助您的顧客縮小產品範圍、根據特定功能（大小、顏色、類別等）找到他們感興趣的產品。, , 可靠的產品過濾是讓訪客...。
• Product Filter for WooCommerce by WBW 》WooCommerce產品篩選外掛程式允許客戶透過價格、類別、標籤、分類法和屬性篩選您的產品/商品。每個篩選準則都可自訂，讓您擁有最大的控制權。, 100％的Elemen...。
• Filter Everything — Product Filter & WordPress Filter 》新穎且強大的 WordPress/WooCommerce 產品篩選外掛, 按照任何條件建立功能強大的分層篩選系統！這個外掛可篩選任何文章類型，包括自訂文章類型和產品。它設計...。
• Themify – WooCommerce Product Filter 》在線購物可能非常費時，特別是當你需要篩選成百上千種產品的時候。使用產品篩選器，您可以幫助購物者輕鬆找到 WooCommerce 商店中的產品。這個免費的 WordPre...。
• WowStore – Store Builder & Product Blocks for WooCommerce 》ProductX Gutenberg WooCommerce Blocks 是一個綜合性的解決方案，可透過顯示 WooCommerce 產品網格、WooCommerce 進階產品輪播、WooCommerce Ajax 產品篩選...。
• Better Post & Filter Widgets for Elementor 》**外掛總結：**, Better Post & Filter Widgets for Elementor 這款多功能的篩選外掛專為 Elementor 打造，讓您輕鬆完全控制 WordPress 和 WooCommerce ...。
• Premmerce Product Filter for WooCommerce 》Premmerce Product Filter for WooCommerce 外掛是一個方便且靈活的工具，可用於管理 WooCommerce 商品的篩選器。此外，此外掛有一個單一的小部件，可管理所...。
• annasta Filters for WooCommerce 》annasta WooCommerce Product Filters 是一個先進的 WooCommerce 过滤器解决方案，可快速灵活地搜索您商店的产品。我们的免費外掛提供许多高级功能，包括内置...。
• Smart Search & Product Filter for WooCommerce – Searchanise 》Searchanise 的「智能搜索和商品篩選」是一個全方位的即時搜索解決方案，可提高您的店鋪轉換率。我們的客戶報告至少有 20% 的轉換率提升，有些甚至在數個月內...。
• Product Filter Widget for Elementor 》Elementor的商品篩選工具外掛讓您輕鬆篩選您的產品。, 使用此外掛，您現在可以輕鬆地按照屬性、類別、價格等篩選您的產品, 特色, , 使用類別、價格、庫存、評...。
• Dynamic AJAX Product Filters for WooCommerce 》總結：, Dynamic AJAX Product Filters for WooCommerce 是 WooCommerce 商店所有者的終極解決方案，他們想要為客戶提供無縫、高效的購物體驗。透過快速的 AJ...。
• ST Elementor Addons 》<h3>ST Elementor Addons 是一款輕量級的外掛，為 Elementor 添加了可自定義按鈕小工具。這個小工具讓您可以：</h3>, <ul>, <li>...。
• TyresAddict – Tyre Product Filter for WooCommerce 》此外掛可在 WooCommerce 輪胎商店中依尺寸、季節、車款和輪胎品牌篩選輪胎 。, 使用元數據進行搜索，建議使用 Tyre Custom Metadata，以編輯輪胎元數據。, Wi...。
• Filter Plus – Product Filter & WordPress Filter 》Filter Plus 是一個先進的 WooCommerce 過濾外掛程式，允許使用者在商店中添加多種過濾器，例如按類別、產品搜尋等等。使用 Filter Plus 外掛，您可以在 Word...。