Add an enquiry form on the product page
People visit your store, some converts, some not, some understand everything, some not.
They may not be interested in your product or they may just need to know something but they left because there are not enough information.
What if they have questions? By default they can’t ask you anything directly from the product page. The only option is to contact you directly via email, via phone call or any other way you specified in your site and contact page.
There’s a way to let them ask you questions directly from the product page via email, by adding an enquiry form in the tabs below the product summary, where the description and additional information are.
How to do this?
As always, there are various way to do it, and today you will learn two of them.
The easy way
The easiest way is by using a plugin. You can use Product Enquiry Form to add a form on all product pages. It will appear exactly in the tabs after the product’s summary.
The email sent through that form will be received in your inbox using the email specified for the admin in the WordPress general settings.
It also supports reCAPTCHA by using their API to avoid spam emails.
The hard way
If you don’t want to buy the plugin above and have some coding skills, you can code the form by yourself. First you have to install and create a form with a 3rd-party plugin like Contact Form 7 or Ninja Forms.
Create a form with the plugin and copy its shortcode. You will need it later.
Now open your functions.php file located in wp-content/themes/your-theme-name/ and add this code at the end of the file:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| add_filter( 'woocommerce_product_tabs', 'woo_edit_tabs' ); | |
| function woo_edit_tabs( $tabs ) { | |
| // Adds the new tab | |
| $tabs['enquiry_form'] = array( | |
| 'title' => __( 'Ask a question', 'woocommerce' ), | |
| 'priority' => 50, | |
| 'callback' => 'woo_enquiry_form' | |
| ); | |
| return $tabs; | |
| } | |
| function woo_enquiry_form() { | |
| echo '<h2>' . __( 'Do you have a question?', 'woocommerce' ) . '</h2>'; | |
| echo '<p>' . __( 'Drop us a line by compiling the form below. We will be more than happy to reply to any of your questions!', 'woocommerce' ) . '</p>'; | |
| echo do_shortcode( '[your_form_shortcode_here]' ); | |
| } |
Note: Replace [your_form_shortcode_here] with the shortcode you copied before!
You will now have an enquiry form on your product page.
If you don’t want to add code at all, you can also create the custom tab by using the plugin WooCommerce Tab Manager.
I love reading your posts. You post in an easy way and always offer 2 ways. I will try to add the above product enquiry form functionality in my site via code. I have contact form 7 so I will utilize that. I will let you know how it goes. One question: instead of adding this code to functions.php, can I add it to my-customizations.php? That was suggested by woothemes.
Hi Amit,
thanks for reading and for following me 🙂
Sure you can, but we always suggest to use a child theme instead.
You can find more info about that here: https://codex.wordpress.org/Child_Themes
Hi Nicola
I was able to implement this using the “Hard Way” with Contact Form 7. It works very well.
Is there a way to add the Product Title inside the email message? Would be great to get that working!
Probably yes, but that would need to be done on Contact Form 7, not WooCommerce.
Honestly I’m not that expert with it and I don’t know what hook to use to add the product name in the email. You may want to ask this question on the support forum at wordpress.org or directly to the Contact Form 7 author.
Thanks again for your expert help! I was able to customize it so that the Product Title was included in the subject of the email sent out when the form was submitted.
That sounds great Amit!
I’m happy you figured it out!
Amit Ramani,
Good to hear this can be done, how did you manage to achive this->(pupolating subject field with product-title)?
Hello there,
I am using a child theme, therefore I assume I should add your code to this one ?
X – Child Theme: Renew: Funzioni del tema (functions.php)
Am I right ?
Thanks,
Roc
Hi Roc,
yep, you’re right!
Ciao Nicola, ho visto sul tuo sito che sei un esperto di WordPress e soprattutto Woocomerce
Volevo chiederti se hai una soluzione al mio problema.
sto preparando un portale turistico con wordpress.
Ogni tour ha un suon Vendor (dc Marketplace plugin) e i tour possono essere prenotati (woocomerce booking). il problema e che quando si richiede la disponibilità di una data l’email “nuova prenotazione” arriva all admin_email e non all’email del vendor. In piu vorrei che il vendor potesse confermare tutto cliccando su un link contenuto nell email senza andare nel back end.
HI,
I would like to ask if it is possible the text to be translated with wpml string translation or anything else :
the text:
__( ‘Ask a question’, ‘woocommerce’ ),
Do you have a question?
‘;
echo ‘
Drop us a line by compiling the form below. We will be more than happy to reply to any of your questions!
‘;
thank you very much
Hi Lubo,
Technically the text is already available through WPML, probably you will find it in the menu String Translations.
Maybe you have to change the textdomain from
woocommerceto the one used by your theme.I’m not 100% sure though, the WPML support team might know more about this.
Hi Nicola,
Thanks for your quick response I just do not see the strings when searching all domains will ask the wpml support to see what they have to say 🙂
like your snippets and tips
Not sure honestly, maybe you need to rescan the theme? If you go to WPML > String Translation, scroll down, there’s a link named Translate texts in admin screens ».
Maybe it will be available there!
Hi Nicola,
The answer from the support is:
Thank you for contacting our support forum.
The reason why this is occurring is because the texts are not being wrapped in the appropriate gettext calls.
To fix this just follow the instructions in the link below.
https://wpml.org/faq/language-setup/
so I am not sure that i can do it properly but will try 🙂
if you can update the snippet will more than helpful, in that way the strings probably will be available for translation via wpml string translation
thanks Nicola
Fixed! Thanks!
Hi Nicola,
I did realise this earlier but now I decide to write to you.
e.g. when we use the code in multilingual site as probably many people do, how to be able to add form short code based on selected language
e.g. something like that to be added to your code https://www.ryadel.com/en/add-a-slideshow-to-your-wordpress-home-page-using-meta-slider-plugin/ in order to use the form/s in specific language
thanks for looking
Hi Lubo,
Replace this line:
with
if ( ICL_LANGUAGE_CODE == 'it' ) { echo do_shortcode( '[your_italian_form_shortcode_here]' ); } elseif ( ICL_LANGUAGE_CODE == 'de' ) { echo do_shortcode( '[your_german_form_shortcode_here]' ); } else { echo do_shortcode( '[your_english_form_shortcode_here]' ); }Thanks Nicola it works as expected 🙂 great
You’re welcome 😉
Hello Nicolas !
Thank you for this great post !
I have a little question, when I will receive an enquiry, do I will know from which product the user has send the enquiry ? Do I will receive the URL for example ?
Thank you soo much for your help !
Have a great time !
Marianne
Hi Marianne,
That depends on what plugin/form you use. The code in my article simple prints the form from a shortcode, built with a 3rd-party plugin.
If the plugin includes the URL of the page where the form is, then yes.
Hi Expert,
Where i call to woo_enquiry_form() function to display in product details page ?
Thanks
Hi,
You don’t need to call it. If you use my snippet above it already calls that function automatically.
Hi,
Can you please let me know how to add this inquiry form to only specific product categories ?
Thanks.
Hi Nicola,
thank you for your code!
I tried it with Storefront (2.2.5), Woocommerce (3.2.1), Contact Form 7 (4.9) but unfortunately it didn’t work out. Used it in my functions.php of Storefront Child Theme. Changed just the shortcode as guided:
“echo do_shortcode( ‘[contact-form-7 id=”176″ title=”Produkt Anfrage”]’ ); ”
Have got any idea for me maybe?
Susanne
Hi, everything works fine! I haven’t realized, this code adds a tab. Sorry 🙂
Cool! Thanks for confirming Susanne 🙂
hii
i tried using same method, but it didnt work for me. i put same code as mentioned in the end of functions.php, but it brought the code on my home page, instead linking the form on each products page. please help..how to copy paste it?
Hi Samarah,
Your
functions.phpprobably includes the sign?>at some point. Make sure to include my code before this sign.Hi Nicola,
I was able to use this code snippet successfully on my my clients’ website using Gravity Forms.
Thank you for providing such useful information. I so enjoyed reading your information.
Lyse
Hi Lyse,
I’m happy it works for you!
wow it solved in hard way …
one question i wanted add form at the side of product page , how can i do that ?
Great. I just wanted to do this, and your post came in handy at the perfect time.
Thanks a lot Nicola.
excellent! Thanks
this code working for me