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.0.9

Video Demo

Screenshots

Download

Woocommerce Product Dropdown field for Contact Form7 Version 1.0.9

Buy Support for

One Site

$15.00Add to cart

Two Sites

$25.00Add to cart

Five Sites

$40.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 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

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

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)

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

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

If you have any confusion still check he below video

More Addon for Contact Form7

  • productphoto

    Contact Form 7 WooCommerce Orders

    $0.00