Share Your Thoughts

Contact Form 7 Styler

The Contact Form 7 Styler element is giving the complete controls for styling. With it, you can see the form on builder editor and customize the design of the form’s elements like the label, input fields, submit button, error messages, success message, etc.

Activate The Element

At first, you will activate the Contact Form 7 Styler element after activating your license key. You will go to your Dashboard -> Zion Builder -> ZiUltimate page. Under the Elements tab, you will get the elements list. Checkmark the Contact Form 7 Styler element and save the settings.

Activate Contact Form 7 Styler element
Activate Contact Form 7 Styler

How To Use

Make sure that you already created a form with Contact Form 7 plugin. Open the builder editor and add the Contact Form 7 Styler element on the page. You will select the form from the dropdown list and the selected form will show on the builder editor. Now you can change the color, fonts, spacing, size, etc from the settings panel.

Settings of Contact Form 7 Styler Element
Settings of Contact Form 7 Styler Element

Custom Field Source Type

Sometimes we shall show the form dynamically based on a custom field value. Assume that you created a template for a single details page and show the different forms based on a custom field value. The source type “Custom Field” will solve this kind of requirement. You can make the custom field for your content with ACF, PODs, MetaBox, or any other plugin. Make sure that your custom field is returning the CF7 form’s ID.

Feel free to contact if you are getting any issues or need any improvements.