👋🏼Welcome to my WP-Host blog where I am excited to share my knowledge and expertise on WordPress hosting and website construction tutorials with you. Let’s connect and learn from each other! You can reach me at email@example.com.
Add an inquiry popup to the Woocommerce product page (using the plugin): The previous wordpress tutorial shared with you how to add an inquiry button to woocommerce, but the style is relatively simple. So today I will share with you another method, using a plug-in to add an inquiry pop-up effect to woocommerce.
Add an inquiry button to the Woocommerce product page
Continue to share the wordpress website building tutorial. Similarly, the wordpress tutorial shared in this article is also used in the actual wordpress website building project of 【WP-Host/悦然wordpress建站】.
Table of Contents
Let’s take a look at the effect first. As shown in the picture above, the product page of this woocommerce plugin has only one [Inquiry] button.
After clicking this button, it will pop up a product inquiry window.
This requires two plug-ins, one is [Contact Form 7] form plug-in (wpforms is also available), and the other is [WooCommerce Quote or Inquiry Contact Form 7] shopping button replacement plug-in, these two plug-ins can cooperate with each other to achieve the above picture in the effect.
1.Install the Contact Form 7 plugin
Contact Form 7
Add an inquiry form after enabling the plugin, you can refer to my settings below:
After installing and enabling the plug-in, enter the plug-in settings, as shown in the figure above, this plug-in can automatically identify the form created in the Contact Form 7 plug-in, select the form, then set the color and text of the inquiry button, and finally save it to take effect.
【WordPress Hosting / 悦然wordpress建站】I am a WordPress hobby from China, and I like to communicate with friends from all over the world to learn WordPress website building and maintenance related knowledge.