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
    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.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.2.1
Last Updated: 03/04/2023
WordPress Version: 4.9 and above
Tested On: WordPress 6.2