Overview & Getting Started
Welcome to the documentation for Gutenberg Block Styler For Gravity Forms. This plugin empowers WordPress site owners to customize Gravity Forms styling directly inside the Gutenberg Block Editor with real-time live preview feedback.
Pre-Requisites
Section titled “Pre-Requisites”- A WordPress Website
- Gravity Forms Plugin
- Gutenberg Block Styler For Gravity Forms Plugin
WordPress Setup
Section titled “WordPress Setup”- Log in to your WordPress Admin Dashboard.
- Ensure Gravity Forms (version 2.5 or higher) is installed and active on your website.
FREE DOWNLOAD
Start your FREE trial. No credit card required.
Install “Gutenberg Block Styler For Gravity Forms”
Section titled “Install “Gutenberg Block Styler For Gravity Forms””- Log in to your WordPress Admin Dashboard.
- Navigate to Plugins > Add New.
- Click Upload Plugin at the top of the page.
- Select the downloaded
gutenberg-block-styler-for-gravity-forms.zipplugin file. - Click Install Now, then click Activate Plugin.
- Enter your license key when prompted to activate your license and enable automatic updates.
FREE DOWNLOAD
Start your FREE trial. No credit card required.
Styling Gravity Forms In Gutenberg Block Editor
Section titled “Styling Gravity Forms In Gutenberg Block Editor”- Open or create a page/post in the WordPress Gutenberg Block Editor.
- Click the plus icon (+) to add a block and search for Gravity Forms.
- Select your desired Gravity Form from the dropdown menu.
- In the right-hand sidebar under Block Settings, expand the Form Styler panel.
- Customize form colors, typography, input field borders, padding, and button styles with real-time visual feedback.