To create unlimited Enquiry buttons for your product or service you just need below items:

  1. One Enquiry Form using Contact Form 7 plugin
  2. One Button using Wpi Designer Button plugin
  3. One page with multiple Products/Services

Demo

Buttons

Using this plugin you can create Designer Buttons using Button Generator.

Enquiry Now

Your Name (required)

Your Email (required)

Subject

Product Name

Your Message

CTA Buttons

You can create beautiful & awesome CTA buttons with small effort.

Enquiry Now

Your Name (required)

Your Email (required)

Subject

Product Name

Your Message

Share Buttons

Creating Share buttons is simple and easy.

Enquiry Now

Your Name (required)

Your Email (required)

Subject

Product Name

Your Message

 

To create Enquiry Form button for Please follow below steps.

Steps::

  1. Install “Contact Form 7” plugin
  2. After installing above plugin Click on “Contact” menu in WordPress admin Sidebar Menu
  3. Click on “Add New” button
  4. Click on “text” button for inserting text field in the form template
  5. Enter “product_name” in “name” field and next click on “Insert tag” button
  6. Check the inserted “product_name” input text field which we use later in Enquiry button
  7. Copy Shortcode
  8. Save the form
  9. Click on “Buttons” menu link under WPI menu in WordPress Menu
  10. Click on “Add New” button
  11. Enter “Enquire Now button” in as name
  12. Click on “Button Section”
  13. Enter “Enquire Now” in “Button text” field
  14. Click on “Back” Button
  15. Click on “Link Section”
  16. Select “Popup” from the “Button Type” dropdown list
  17. Paste form Shortcode(“Contact Form 7”) in “Popup” Input field
  18. Click on “Back” Button
  19. Click on “Advanced Section”
  20. Select “Send” from the “Send Custom data..” dropdown list
  21. Enter “product_name” in the “Custom Field One” input field
  22. Click on “Publish” button
  23. Insert newly created Enquiry button shortcode in any page/post
  24. Imp: In every Enquiry button shortcode you have to add “Custom_product_name” attribute with required value as product name like “Product 1” or “Product 2” or “Product 4”

Images For above Steps::

“Contact form 7” plugin Installation

contact form 7 plugin

Add New Form in Contact Form 7

contact form 7 plugin_new Form

Click on “text” button for inserting text field in the form template

contact form 7 plugin_text

Enter “product_name” in “name” field and next click on “Insert tag” button

contact form 7 plugin_text_product_name

Check inserted “product_name” input text field which we use later in Enquiry button

contact form 7 plugin_text_product_name_2

Copy Shortcode

contact form 7 plugin_shortcode

Save the form

contact form 7 plugin_save

Click on “Buttons” menu link under WPI menu in WordPress Menu

contact form 7 plugin_wpi_button

Click on “Add New” button

contact form 7 plugin_wpi_button_add_new

Enter “Enquire Now button” in as name

contact form 7 plugin_wpi_button_add_new_name

Click on “Button Section”

contact form 7 plugin_wpi_button_add_new_Button_section

Enter “Enquire Now” in “Button text” field

contact form 7 plugin_wpi_button_add_new_Button_text

Click on “Back” Button

contact form 7 plugin_wpi_button_add_new_Button_section_back

Click on “Link Section”

contact form 7 plugin_wpi_button_add_new_link_section

Select “Popup” from the “Button Type” dropdown list
Paste form Shortcode(“Contact Form 7”) in “Popup” Input field

contact form 7 plugin_wpi_button_add_new_link_section_button_type

Click on “Back” Button

contact form 7 plugin_wpi_button_add_new_link_section_back

Click on “Advanced Section”

contact form 7 plugin_wpi_button_add_new_Advanced_Section

Select “Send” from the “Send Custom data..” dropdown list

contact form 7 plugin_wpi_button_add_new_Advanced_Section_Send Custom data

Enter “product_name” in the “Custom Field One” input field

contact form 7 plugin_wpi_button_add_new_Advanced_Section_custom_field1

Click on “Publish” button

contact form 7 plugin_wpi_button_add_new_Advanced_Section_publish

Insert newly created Enquiry button shortcode in any page/post

contact form 7 plugin_wpi_button_add_new_shortcodes

Imp: In every Enquiry button shortcode you have to add “Custom_product_name” attribute with required value as product name like “Product 1” or “Product 2” or “Product 4”

contact form 7 plugin_wpi_button_add_new_shortcodes_attr

Note:

Details about Shotcode [wpi_designer_button id=69 custom_product_name="CTA Buttons"]

  • In above shortcode “wpi_designer_button” is shortcode name
  • “id” attribute is button id
  • “custom_product_name” attribute is used for sending our product name to enquiry form (Contact form 7)

Single Enquiry button for multiple products

[wpi_designer_button id=69 custom_product_name="Buttons"]

[wpi_designer_button id=69 custom_product_name="CTA Buttons"] [wpi_designer_button id=69 custom_product_name="Share Buttons"]

Single Enquiry form for Single Enquiry Button

[contact-form-7 id="433" title="Contact form 1"]