Gutenberg Block Styler For Gravity Forms Logo

Gutenberg Block Styler For Gravity Forms

Interactively create beautiful gravity form styles within gutenberg block editor.

  • Style customisation options for various gravity form elements.
  • Real-time styling with the gutenberg editor.
  • Save time with continuous feedback loop.

The Ultimate Gutenberg Block Gravity Forms Styler

Override the default bland gravity form style & customize as per your website branding.

Gravity forms is one of the leading form builder. Website owners use it to collect visitor information. Contact forms, calculator forms, job application forms etc are common use cases.

The default gravity form style is pretty bland. A form’s style must comply to the website branding.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Gutenberg Block With Styling Options

Gutenberg is fast-loading interactive WordPress Visual Editor. It’s fast, interactive, customizable & widely accepted. More and more people including agencies are using it for building websites.

Gutenberg Block Styler For Gravity Forms provides a gutenberg block to interactively style a gravity form.

Gutenberg Styler For Gravity Forms - Block Preview

It provides ton of style options for all the different elements of a gravity form. All the style customization happen real-time within the gutenberg editor. This gives you live feedback that allows you to make any adjustments instantly.

Here’s a brief overview on styling & embedding options.

  • General – Set CSS ID, toggle for google font loader.
  • Shortcode Params – Select and embed a gravity form.
  • Form Wrapper – It’s the main wrapper that contains the form. Set styles for margin, padding, background, border & border radius
  • Form Title – Set margin, padding and typography for the form’s title.
  • Form Description – Set margin, padding and typography for the form’s description.
  • Progress Bar Wrapper – A multi-page gravity form can have a progress bar to show page progress. The progress bar wrapper is a main container around the progress bar. Set margin and padding for it.
  • Progress Bar Title – One of the elements of a progress bar is the title. Set styles for margin, padding, typography and opacity.
  • Progress Bar – It’s the main progress bar element. Set background color for progress completed and the color for the percentage text.
  • Section Break Container – A section break is a content separator for your gravity form. The section break container is the main wrapper for the section break. Set styles for margin, padding and border bottom color.
  • Section Break Title – Style the margin, padding and typography for the title of the section break.
  • Section Break Description – Style the margin, padding and typography for the description of the section break.
  • Standard Field Label – It’s the label for the input elements on the form. Set styles for margin, padding and typography.
  • Required Field Indicator (Asterix) – For a required field, an asterix prefixes next to the label. Set style for asterix color.
  • Sub-Label – Complex gravity form input element like name has multiple input elements like first name, last name etc. Sub-label is the label for such elements. Set styles for margin, padding and typography.
  • Input Field Container – It’s the main container wrapping the input field. Set styles for margin and padding.
  • Input Field Description – Each input field can have a description. Set styles for margin, padding and typography.
  • Input Field – It handles generic style for input fields like text, email, tel, url, textarea and select elements. Set styles for margin, padding, typography, border, border radius and background.
  • Input placeholder – A text and textarea element can have placeholder text. Set style for typography for such elements.
  • Footer – A footer for gravity form holds the submit buttons. Set styles for margin and padding for the footer.
  • Button – A gravity form has submit, next and previous button. Set styles for button margin, padding, alignment, typography, background, border and border radius.
  • Confirmation Message – On successful submission of a form, a confirmation message is show. Set styles for margin, padding, background, typography, border and border radius of such message.
  • Validation Message (Form) – This validation message shows on the top of the gravity form. Set styles for margin, padding, typography, background and border.
  • Field Validation – This styles the validation error shown next to a field. Style the field errors margin, padding, background, border and typography.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Lifetime

$ £ 79.99 ONCE
  • Style customisation options for various gravity form elements
  • Real-time styling with the gutenberg editor
  • Save time with continuous feedback loop
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

== 6.4.0 ==

31/12/2023 - php8.1 compatible
Freemius upgrade

== 6.3.0 ==

16/09/2023 - Freemius upgrade

== 6.2.1 ==

03/04/2023 - Upgraded freemius

== 6.1.0 ==

07/10/2022 - Upgraded server side render and freemius SDK

== 6.0.0 ==

07/07/2022 - Latest version of freemius sdk, working with latest version of gravity forms. wp 6.0 compatible.

== 5.0.0 ==

26/02/2020 - Released

== 4.0.0 ==

12/02/2020 - Added gravity forms style options for input, label, footer, confirmation message, form & field validation errors.

== 3.0.0 ==

07/01/2020 - Added gravity forms style options for progress bar, section

== 2.0.0 ==

20/12/2019 - Added gravity forms style options for wrapper, title, description

== 1.0.0 ==

04/12/2019 - Initial version with freemius integration

Version: 6.4.0
Last Updated: 31/12/2023
WordPress Version: 4.9 and above
Tested On: WordPress 6.4.2