How to Enable Product Enquiry Form in Single Product Page in WooCommerce?

Include and tweak “Enquiry Form” in Single Product Page in your WooCommerce shop.A customer requested to show an “Product Inquiry Form” button on the Single Product Page which would show, On click, a Contact Form with a naturally populated subject (Contact Form 7 module must be introduced obviously).

PHP : Add CF7 to the Single Product Page in WooCommerce

Table of Contents

1. Display Button and Echo CF7

[php]

add_action( ‘woocommerce_single_product_summary’, ‘wbcom_woocommerce_cf7_single_product’, 30 );

function wbcom_woocommerce_cf7_single_product() {

echo ‘<button type=”Send” id=”trigger_cf” class=”single_add_to_cart_button button alt”>Product Inquiry</button>’;

echo ‘<div id=”product_inq” style=”display:none”>’;

echo do_shortcode(‘[paste_your_contact_form_7_shortcode_here]’);

echo ‘</div>’;

}

// 2. Echo Javascript:

// a) on click, display CF7

// b) and populate CF7 subject with Product Name

// c) and change CF7 button to “Close”

add_action( ‘woocommerce_single_product_summary’, ‘wbcom_on_click_show_cf7_and_populate’, 30 );

function wbcom_on_click_show_cf7_and_populate() {

?>

jQuery(‘#trigger_cf’).on(‘click’, function(){

if ( jQuery(this).text() == ‘Product Inquiry’ ) {

jQuery(‘#product_inq’).css(“display”,”block”);

jQuery(‘input[name=”your-subject”]’).val(‘<?php the_title(); ?>’);

jQuery(“#trigger_cf”).html(‘Close’);

} else {

jQuery(‘#product_inq’).hide();

jQuery(“#trigger_cf”).html(‘Product Inquiry’);

}

});

</script>

<?php

}

[/php]

Is There A Plugin For That?

In the event that you’d love to code however don’t feel 100% sure with PHP code, I chose to search for a solid module that accomplishes a similar outcome.

Free WooCommerce Request a Quote Plugins

Presently, adding a contact structure to the single item page is fine. yet, imagine a scenario where you need a legitimate framework that expels the add to truck catches, makes a custom statement email and enables the client to add various items to the statement demand structure.

YITH WooCommerce Request A Quote. it has good reviews and 10,000+ active installations. Luckily, it can be found in the WordPress repository.

The YITH WooCommerce Request A Quote plugin is very handy. Users can immediately add one or multiple products to the “quote request” form, the admin is then notified and can then send a quotation email back to the user.
With just a single button in detail page of the concerned WooCommerce product, users can create their own list and receive an estimate from the administrators.

Here’s how a single product page looks like after you set up the free plugin:

How to Enable Product Enquiry Form in Single Product Page in WooCommerce?

1. Display Button and Echo CF7

Is There A Plugin For That?

Wbcom Designs

How To Create External And Affiliate Products In WooCommerce?

Display Content Above Add to Cart in Single Product Page in WooCommerce?

Leave a Reply Cancel reply