Contact Form 7 WooCommerce Product Dropdown Field

productphoto Add WooCommerce products dropdown fields to the popular Contact Form 7 plugin. This field creates a drop down of all products. Contact Form7 form will be more useful to use for support purpose. You just have to install this plugin to add a new field type in Contact form 7 fields.

Demo Download Documentation Version 1.1.2

Video Demo

Screenshots

Download

Woocommerce Product Dropdown field for Contact Form7 Version 1.1.2

Buy Support for

One Site

$18.00Add to cart

Two Sites

$30.00Add to cart

Five Sites

$50.00Add to cart

Support Policy

Support is very straight forward: One year support for one domain. You can
use for any number of websites as you want, but one purchase = one year one domain support.

Need more Convincing?

30 days 100% Money Back Guarantee

Read What Others Say About Us?

We have Served 1000s of Global Clients

Secure Transactions with Paypal

Usages

Install Plugin

Install the plugin like any other 3rd party wordpress plugin or in short, download the zip from our site, go to plugin manager and click “Add New”, next window click
“Upload Plugin”. Now browse the zip file you downloaded and install, activate.

Using this plugin

After you activate this plugin in contact form7 any form edit view you will see new button/field type like this(click to see image). On click of
“Woo Products Dropdown” it will open a popup to configure the field, you will get two shortcode one to use in the form editor and other to use for email body, the next tab called “Mail”.

Here is an example how the shortcode looks for form [wooproductdropdown wooproductdropdown-XYX] where xyz will be any digit and for email body [wooproductdropdown-xyz] where xyz will be the same digit you found for form field. So, up to this setup what will happen is it will render a products as dropdown in frontend in the form for any visitor. After user submits any form in email alert admin will get the product id if user select any product from the dropdown.

All Possible tags supports

Example Tag for form input bellow

[wooproductdropdown* wooproductdropdown-97 catid:70 id:exampleid class:exampleclass woo_cart_redirect multiple show_image show_price]

Example Tag for form input bellow

[wooproductdropdown-97]

wooproductdropdown – is the main shortcode for CF7 field

wooproductdropdown* – with * means required, * is optional

catid:70 – here 70 is example category id of any woocommerce category, it means products will be shown from category id 70, cat id is optional. For multiple category use underscore, example catid:40_90

catidexclude:70 – here 70 is example category id of any woocommerce category, it means products will be shown from category id 70, cat id is optional. For multiple category use underscore, example catid:40_90. catidexclude is used to exclude category (New from V1.1.2)

id:exampleid – this if you want to put specific id tag to select html element, this is also optional, here
exampleid will be used as id tag in the select element

class:exampleclass – this if you want to put specific class name tag to
select html element, this is also optional. here
exampleclass will be used as class name tag in the select element

multiple – this param is multiple selection enable for select

show_image – new from version 1.0.3, now we can show product image in dropdown

show_price – new from version 1.0.3, now we can show product price with product title

show_variable – new from version 1.0.7, now we can show variation of any product, on select of any variable product a new dropdown after the product dropdown will appear with product variation. Please note that, is multiple select is enabled then this will not work. To variation id in email as selected in form submission use this shrotcode in email tab in form configuration
[wpcf7wooproductdropdownddvar]. This shortcode has more advance use like direct link to variation or direct add to cart link to variation can be achieved by using another shortcode ‘cbxwooproductvar_url’, see it’s usages bellow

woo_cart_redirect – new from version 1.1.0 – if you want to redirect to woocommerce cart page after submit (email sent successfully). To make this property work properly you need to check shortcode ‘cbxwooproduct_url’ and shortcode ‘cbxwooproductvar_url’ , from version 1.1.0 we added extra new params to these two shortcode named ‘auto_cart’ , please check how to set param ‘auto_cart’ in these two shortcode below shortcode params details

Showing product name in email in place of product id

So, in email user or admin (depends on how you configure the email body for admin alert or visitor or who ever gets email) gets product id which needs further search in backend products listing to understand which product. To ease this, we have another shortcode which is not related with contact form 7 but can be used in the email body. The shortcode is

[cbxwooproduct_url id="product id here"]

now if we use the id that is selected from form submit as input for for this shortcode then the combined shortcode will be like this, suppose the product id xyz is from form’s submission.

If we use this shortcode
[cbxwooproduct_url id="[wooproductdropdown-xyz]"] in email template body in contact form7 then in email admin will get product url with name(hyperlink)

Shortcode “cbxwooproduct_url” has more parameters or attributes. See bellow the possible attributes and their default value.

Attribute NameDefault ValuePossible Values & Usages
idempty or null, if no id given this shortcode returns nothing.any woocommerce product id(here for this plugin we have explained how woo product dropdown email shortcode can be used as input for product id)
rich11 = rich hyperlink(needs for html email), 0 = text based link(used for plain text email)
edit00 = product front end link(good to use for visitor email alert), 1 = product backend edit link(practically used for admin email alert)
auto_cart01 = automatically add to woocommerce cart if product is not variable product, 0 = don’t add to cart, this param is new in version 1.1.0 and works in background

Example usages [cbxwooproduct_url rich=1 id="[wooproductdropdown-550]"]

Shortcode “cbxwooproductvar_url” has more parameters or attributes. See bellow the possible attributes and their default value.

Attribute NameDefault ValuePossible Values & Usages
idempty or null, if no id given this shortcode returns nothing.any woocommerce product id(here for this plugin we have explained how woo product dropdown email shortcode can be used as input for product id)
rich11 = rich hyperlink(needs for html email), 0 = text based link(used for plain text email)
cart00 = Link will be for variation link to the product page, 1 = variation add to cart link for that prpduct for that variation
auto_cart01 = automatically add to woocommerce cart, 0 = don’t add to cart, this param is new in version 1.1.0 and works in background

Example usages [cbxwooproductvar_url rich=1 cart=0 id="[wpcf7wooproductdropdownddvar]"]

Default Product selection or redirect user to contact page from any woocommerce product page (New from v1.1.0)

This is bit technical or you have to link to the contact page following some specific url format. You need page id in which you have put the contact form, you need product id , in case you want to show product variation you need product variation id. The following function or php code will help how you can create the url of your own. Please note that this function is not part of our plugin but you have to put it in your theme and call it.

If you are not comfortable with we have some shortcode ready for this so that you can show button or link in woocommerce product page , say a button or link says “I am interested in this product”. What you need is a url to put or a link. We have two shortcodes, one returns link/url and another returns anchor tag.
Shortcode: [wooproductdropdownforcf7_interested_url page_id="xyx" product_id="" variation_id=""]
This shortcode returns the expected url

Attribute NameDefault ValuePossible Values & Usages
page_idId of the page where you have put the contact form or your contact page idNumeric id of the contact page
product_idproduct’s numeric id or don’t use this param for automatic detection from the product page
variation_idproduct variation idLeave blank or don’t use this param if you don’t understand

Shortcode: [wooproductdropdownforcf7_interested_link page_id="xyx" product_id="" variation_id="" text="I am interested in this product" target="_self"]
This shortcode returns expected anchor link tag

Attribute NameDefault ValuePossible Values & Usages
page_idId of the page where you have put the contact form or your contact page idNumeric id of the contact page
product_idproduct’s numeric id or don’t use this param for automatic detection from the product page
variation_idproduct variation idLeave blank or don’t use this param if you don’t understand
textLabel or text of link, default is ‘I am interested in this product’Any text you want, but there needs to be something as text
targetlink target, on click will it open in same window or new window, default is “_self”possible value _blank, _self

If you have any confusion still check the below video

More Addon for Contact Form7

  • productphoto

    Contact Form 7 WooCommerce Orders

    $0.00