Contact Form 7 Plugin
The Cost Calculator plugin is integrated with the Contact 7 plugin, and it is possible to use the custom contact form instead of the default one.
The Contact Form 7 plugin should be installed before enabling the Contact Form option in Send Form settings. To download the Contact Form 7 plugin go here: Download Contact Form
Creating a custom Contact form
To create a form, open Contact > Contact Forms on your WordPress dashboard. You can manage multiple forms from this location.
A contact form is already available for immediate use. Right next to the name Contact form 1, you can see the shortcode [contact-form-7 id="16" title="Contact form 1"]. By editing the contact form you can customize the contact form field.
While editing the contact form, the tabs on top of the text area offer some useful tags for composing/customizing the email. The text area already has a basic collection of tags. However, you can insert any element by inserting the proper tag.
Important!
Please make sure that your form contains the [textarea] field since the calculated data will be included in that field. The [textarea] field is used to display the total summary generated by the Cost Calculator plugin. Without this field, the administrator and customers may receive empty emails.
After creating Contact form fields it is required to set up the Mail template. To do this switch to the Mial tab and fill out the fileds:
At this point, most of the customization for the form is complete. You can use this form in the Calculator settings.
More details regarding contact form settings can be found in the Contact 7 documentation.
Choosing the Contact 7 form in the Calculator settings
After enabling the integration of the Contact form 7 Plugin, the other options in this section will be different from your choice of form. The first option includes all your forms with the built-in Contact form 7 plugin with the Default form of the Cost Calculator plugin. You can use either the default form or your own Contact forms Contact Form 7 Plugin
When you choose one of your Contact forms created in the Contact Form 7 plugin, you will see the generated text as ready email content. This text will be sent to the email that you set up in your chosen Contact Form 7 plugin.
Contact Form Content
displays the custom text and totals summary while submitting the form.
Contact Form Content will be displayed in the [textarea] field, and if you have custom text in Contact Form 7, it will be overwritten.
Formula (Total) Fields and elements that have been used to build the calculator are displayed using the following shortcodes:
[ccb-subtotal] - Displays the value of the fields that are used in the Cost calculator. Fields with a '0' value will not be added to the Contact Form.
[ccb-total-0] - Displays all formula fields with their value that have been selected in the Total Field Element setting in the Order Form section of the Individual Settings of the calculator.
So, it's totally up to the Total Field Element setting which formula field(s) will be added to the Contact Form.
Example
Here is the example of Contact Form 1 which is created in the Contact Form 7 plugin.
Now, let's see how it will appear in the calculator form after clicking the Submit button
The result of the message of the Contact Form 7 Plugin sent to the admin of the website:
Last updated
Was this helpful?