Grid & Styler For Contact Form 7 And Divi Logo

Grid & Styler For Contact Form 7 And Divi

Create contact form 7 forms that look & feel like divi

  • An intuitive 4-column grid layout builder thats responsive
  • A versatile divi module to style your forms

Use Contact Form 7 In Divi Seamlessly

Contact Form 7 plugin creates and manages multi forms. Its a widely used forms plugin.

Contact Form 7 doesn’t have in-built support for creating form layouts. It neither has good default styles nor ability to style the form.

Grid And Styler For Contact Form 7 adds a grid builder to create form layouts and divi styler module to style the form.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

4 Column Grid Layout Support

We support up-to a 4-column grid layout. That is, we provide 1, 1/2, 1/3, 1/4, 2/3 and 3/4 columns. A row wraps one or more columns.

A row wraps one or more columns and each column wraps a form element. A collection of such rows creates a grid layout.

You can add the row and columns from within the default contact form 7 builder.

Contact Form 7 Grid Builder
Contact Form 7 Grid Builder
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Divi Contact Form 7 Styler Module

Contact Form 7 Divi Styler Module
Contact Form 7 Styler For Divi Theme

We include a divi module to style your Contact Form 7 forms. You can style form elements

Features

  • Form wrapper styles
    • Padding and Margin
    • Background
    • Border & border radius
    • Box shadow
  • Row margin and padding
  • Column margin and padding
  • Label styles for
    • Margin and padding
    • Font styles.
  • Text, textarea, select fields
    • Background
    • Border & border radius
    • Font styles
    • Margin and padding
  • Radio / Checkbox Options label styles for
    • Margin and padding
    • Font styles.
  • Acceptance field font styles
  • Button styles for
    • Alignment
    • Font styles
    • Margin and padding
    • Box shadow
    • Background
  • Field error styles for
    • Margin & padding.
    • Font styles
  • Form error styles for
    • Margin and padding.
    • Border and border radius
    • Background color.
    • Font styles
  • Form success message styles for
    • Margin and padding.
    • Border and border radius
    • Background color.
    • Font styles
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

REVIEWS

A much needed divi integration for contact form 7

My goto plugin for divi websites that use the contact form 7 plugin. The grid helps to layout the form elements. The divi module is very intuitive & helps visually style the form with numerous design options. A no-brainer plugin to have!

Nick Bowman, JK Web Designs

Lifetime

$ £ 79.99 ONCE
  • 4-column grid builder for contact form 7
  • A versatile divi module to style your forms
  • High priority support
All plans have a 14-days Money Back Guarantee refund policy.

You are fully protected by our 100% Money Back Guarantee. If during the next 14 days you experience an issue that makes the plugin unusable and we are unable to resolve it, we'll happily consider offering a full refund of your money.

Secure payments by Freemius - Sell and market freemium and premium WordPress plugins & themes

FAQs

  • image/svg+xml image/svg+xml
    Does this plugin work with external image URLs?

    It works with external images. However it would show a non-responsive image as it cannot compute the srcset attribute.

  • image/svg+xml image/svg+xml
    Does the "Gravity Forms For Divi" plugin support theme "Extra" by Elegant themes?

    Yes, the Gravity Forms For Divi plugin supports theme Extra by Elegant themes.

  • image/svg+xml image/svg+xml
    Does the FAQ Manager plugin supports Divi theme?

    Yes, we support divi theme. We have included a Faq List divi module. For details visit https://wptools.app/how-to/how-to-use-divi-faq-module-on-a-theme-page/

  • image/svg+xml image/svg+xml
    How to cancel your recurring subscription?
    • Login to your accounts Renewals & Billing section
    • Active subscriptions will have a green label on the STATUS column and will start with AUTO RENEW ON
    • Click the row of the subscription that you’d like to cancel.
    • In the subscription’s advanced panel, and then click the Cancel Auto-Renew link.
    • A confirmation dialog giving you the option to set up an email reminder instead of canceling right away shows on the browser.
    • You can submit a feedback and let us know why you are canceling the subscription. Your feedback will help us improve our offering.
    • Press the Send & Cancel renewals button to complete the cancellation

     

  • image/svg+xml image/svg+xml
    What are the dependencies for "Divi Responsive Image Sizes" plugin

    Yes – It depends on Divi theme from elegant themes.

  • image/svg+xml image/svg+xml
    Does the FAQ Manager plugin support gutenberg block editor?

    Yes, we support Gutenberg Block Editor. We have included a FAQ List block within the plugin. For details visit https://wptools.app/how-to/add-faq-section-in-wordpress-with-faq-gutenberg-block/

  • image/svg+xml image/svg+xml
    How to update your payment-method / credit card / PayPal?
    • Login to your accounts Renewals & Billing section.
    • Locate the subscription that you'd like to update its payment method and select it by clicking on its row.
    • This will open the subscription’s advanced panel.
    • Then, click on the Update button next to the payment method, and checkout with your new payment method.
    • The initial payment will be automatically prorated based on the next renewal date.
  • image/svg+xml image/svg+xml
    How to upgrade from a single site license to N-sites license?
    • Login to your accounts Renewals & Billing section.
    • Locate the subscription that you'd like to upgrade its license's sites limit and select it by clicking on its row
    • This will open the subscription’s advanced panel.
    • Then, next to the plan, click on the Upgrade To .. dropdown list and choose the plan and license you'd like to upgrade to
    • The initial payment will be automatically prorated.
  • image/svg+xml image/svg+xml
    Can I use the FAQ Manager plugin on any theme?

    Yes, you can use the FAQ Manager on any theme. We have included a WordPress Shortcodewpt_faqs, that can be used to list FAQs alongside any WordPress theme.

    For details visit – https://wptools.app/how-to/faq-shortcode-documentation/

  • image/svg+xml image/svg+xml
    How to move a license from one website to another?
    • Login to the Websites section.
    • Click on the row of the website that has the license you'd like to deactivate.
    • If there are multi-products running on that site, the next screen will show you all the products.
    • Click on the relevant product to open the details panel.
    • Click the Deactivate button under the LICENSE section.
    • Once deactivated, you’ll be able to reuse the license on any other website.
  • image/svg+xml image/svg+xml
    Does this plugin generate FAQ structured schema data for SEO?

    Yes, this plugin automatically handles FAQ structured schema data. This ensures, search engines like Google & Bing, can read them.

    FAQ structured data are known to increase traffic to your website. It’s totally upto search engines to include your FAQs on the search results.

    To verify the correctness of your FAQ items, kindly read this article https://wptools.app/how-to/verify-faq-schema-data-using-google-structured-data-testing-tool/

  • image/svg+xml image/svg+xml
    How to add a Tax / VAT ID and business details to your invoices?
    • If you didn't enter a Tax / VAT ID during checkout, then it's possible to do it afterwards.
    • It's important to have these details on your invoice.
    • Go to My Profile and update the billing information.
    • Orders History will have invoices with your Tax / VAT ID.
  • image/svg+xml image/svg+xml
    Do you offer a FREE trial for the FAQ Manager plugin?

    Yes, we offer a 7-day FREE trial for the FAQ Manager plugin. We don’t ask for upfront payment details during the trial.

    If you happen to purchase the plugin, we offer a 14-day money back gaurantee. For details on the gaurantee please refer to the moneyback guarantee section just below the pricing table.

  • image/svg+xml image/svg+xml
    How do I get a PDF invoice for my payments?
    • You can access your payments in the Orders History section.
    • To get a PDF invoice of a payment, click the button of the payment’s record.
  • image/svg+xml image/svg+xml
    Does the FAQ Manager plugin supports theme "Extra" by Elegant Themes?

    Yes, the FAQ Manager plugin works with theme “Extra” from Elegant themes.

    It works in the frontend builder, like Divi Theme. Hence the instructions are same that we use for Divi Theme – https://wptools.app/how-to/how-to-use-divi-faq-module-on-a-theme-page/

  • image/svg+xml image/svg+xml
    How to install and activate a plugin?
    1. Download the plugin

      After purchasing a product, you'll receive 2 emails.
      The first will provide you with a link to download the plugin, along with your license key.
      The second email, after successful payment, will provide a receipt and a secure link to download your PDF invoice.
      Note: For lifetime license you’ll receive a single email.
      For Apple's Safari browser, disable its default ZIP auto extraction setting before downloading.
      Safari user's watch this video https://youtu.be/CbKgEv47WVA

    2. Upload the paid product to WordPress

      Now that you've downloaded the premium zip file, you are ready to upload it to your WordPress website.
      How to upload and activate a plugin/add-on? Watch this video

    3. Activate the product with your License Key

      Product purchased from within the WP Admin dashboard have the license key activated on upgrade.
      Otherwise, on activation, a license activation screen shows up.
      Enter the key provided in your email and click Agree & Activate License.
      Your product is now activated and you'll can begin to set it up.

  • image/svg+xml image/svg+xml
    How do I update my plugin?
    • Plugin updates become available automatically through your WordPress admin dashboard.
    • When one is available, click Update. As long as you have an active license, it will update to the latest version.

Changelogs

== 1.6.0 ==

03/01/2024 - php8.1 compatible
WordPress 6.4.2 compatible

== 1.5.2 ==

19/10/2023 - Freemius upgrade

== 1.5.1 ==

09/07/2023 - Divi module selector bug fix

== 1.5.0 ==

01/01/2023 -
Freemius upgrade
Bug fix for form response at top
Added classes for grid columns
`Size` attribute fix for cf7 fields

== 1.4.2 ==

14/04/2022 - composer bug fix.

== 1.4.1 ==

17/03/2022 - Upgraded freemius

== 1.4.0 ==

11/02/2022 - Added support for sticky scroll.; divi 4.1.0+ compatible

== 1.3.0 ==

09/01/2022 - Added toggle field "Show Response At Top". On "Yes", the form response is set at the top. On "NO", the form response location is set to default or on place where `response` tag is used.

== 1.2.2 ==

19/11/2021 - Fixed responsive css for column wrapper in tablet and mobile.

== 1.2.1 ==

11/08/2021 - Fixed scrolling issue when cf7 success/error; Bug fix when multiple cf7 forms on page, multiple success/error response elements were presented on a single form

== 1.2.0 ==

27/06/2021 - Fixed selector issue for form success and error messages.

== 1.1.0 ==

19/02/2021 -
Added compatibility for Divi 4.5.1+
Compatible with WordPress 5.4.2

== 1.0.2 ==

12/11/2020 -
Fixed button and ajax loader layout issue
Fixed last column's control with issue.
Added 7 day Free trial.

== 1.0.1 ==

26/04/2020 - Added single column form field.

== 1.0.0 ==

01/04/2020 - First version of the plugin; Divi module styler for contact form 7; Added following form fields
Row
1/2 Column
1/3 Column
1/4 Column
2/3 Column
3/4 Column

Version: 1.6.0
Last Updated: 03/01/2024
WordPress Version: 5.3.2 and above
Tested On: WordPress 6.4.2