Overview of Bootstrap for Gravity Forms Addon

Bootstrap for Gravity Forms is an add-on for the Gravity Booster plugin. With this add-on, you can enable Bootstrap on Gravity Forms with a single click and customize the look and color of the progress bar as well as the theme for Bootstrap.

Key Features and Benefits

Bootstrap for Gravity Forms is an intuitive as well as feature-rich add-on. Below are some of the main benefits of using this addon.

• No code Solution for applying Bootstrap design.
• Ability to turn it on or off in a single click.
• Customize the look and feel of the form by changing the theme color, button color, and progress bar

Requirements

 Bootstrap for Gravity Forms is a WordPress plugin with the following requirements

• WordPress 4.0+
• Gravity Forms 2.0+
• Gravity Booster 3.0+

The plugin is highly compatible so, even if your website is very old even then it is likely that it will work without any issues.

Installation Guide

The installation process for the plugin is very straightforward. You can upload the plugin directly from your website’s dashboard or with FTP. Below you will get a detailed step-by-step guide for installing and activating the plugin from your website’s backend.

Downloading the Addon

Bootstrap for Gravity Forms is a premium plugin. Follow the steps below to download the addon.

• Purchase the addon by clicking here. 
• After a successful purchase, you will get a download link for the addon in your email. You can also download the zip file for the plugin from your WPMonks account.

Uploading and Activating the Plugin

After downloading the Bootstrap for Gravity Forms, the next steps involve uploading, activating, and adding the license key for the addon. Follow the steps below

• Login into your WordPress dashboard and then navigate to Plugins -> Add new.
• Click on the upload button and select the zip file. 
• After the file is successfully uploaded then it will ask you to activate the plugin. If you haven’t installed and activated the Gravity Booster plugin yet then it will ask to you install it as well.

Adding and Activating Licence

Adding and activating the license key for the Bootstrap for Gravity Forms addon will let you update the plugin directly from your website’s backend. 

Follow the steps below

• Go to your WPMonks account and click on View Downloads and Details. On this page, you can copy the license key for the addon.
• Now login into the WordPress backend and click on Forms -> Booster. Here click on the settings ( gear ) icon.
• Under Licences, paste the key under the Bootstrap Licence field. Click on the Activate button. 

Applying Bootstrap to Gravity Forms

Bootstrap for Gravity Forms is based on v5 of the library. Applying it will enhance the appearance of your forms and make them look sleek. It now only affects the input fields but checkbox and radio inputs as well. The form design looks great on all screen resolutions, be it desktops, tablets, or mobile phones. 

Steps to Apply Bootstrap Design to Gravity Forms

• Open your website’s backend and then navigate to Forms -> Booster. 
• Select the form on which you want to implement Bootstrap design.
• Now go to the Bootstrap panel and then click on the Enable Bootstrap Design option.
• Click on the Save button to show the design on the front end as well.

Customization Options for Bootstrap Design

There are multiple settings that you can change to customize the look and feel of the Bootstrap design. It makes your form blend perfectly with the overall design of your website.

• Theme Color: This defines the overall theme of the form field interactions. The color you select here reflects in form borders, the submit button, the checkbox, and radio inputs. You can use your theme’s primary or secondary color to make the forms blend in.
• Add Stripes to Progress Bar: Once Bootstrap design is enabled then it also makes your Gravity Forms progress bar look sleek. By enabling this option you can show stripes inside the progress bar.
• Animate Stripes: This will start the animations in the stripes. It is continuous animation.
• Colored Border Buttons:  This option will use the theme color as the border of the button instead of using it as the background color.

After making the customizations don’t forget to Save the changes to make them permanent.

List of Gravity Form fields supported by Bootstrap Addon

Although this plugin will work with almost any gravity form field but it has been specifically tested for Text, Number, Email, Website, Date, Phone, Post Title, Post Tags, Quantity, Post Custom, Field, Name, Select, Option, Shipping, Checkbox, Post Category, Radio, Address fields.

Just in case any of the Gravity Form fields don’t show Bootstrap then you can create a support ticket and we will enable Bootstrap for that field.

Frequently Asked Questions

On how many forms can I enable bootstrap design?

You can enable Bootstrap on as many forms as you like. There is no restriction on the number of forms.

Can I enable Material Design and Bootstrap in one form?

Both Material and Bootstrap are separate libraries and using them together will create conflicts so can either use Bootstrap or Material in one form.

Will I  get support if any of my fields don’t show as expected?

Yes, you are entitled to support and we will help you make your form look as you want it to.

Which version of Bootstrap does this plugin come with?

We regularly update the bootstrap library used in this plugin.  At the moment this plugin is based on Bootstrap 5.

Will this also change the CSS of other HMTL elements on my website?

This add-on uses a prefixed version of Bootstrap that will only be applied to forms on which it has been enabled without affecting any other HTML element on the website.