Introduction to Gravity Forms Tooltips

Gravity Forms doesn’t have support for tooltips. So, you have to rely on field descriptions to show additional information about the field. However, with Tooltips for Gravity Forms, you can add beautiful tooltips with animations, colorful themes, and some amazing icons.

Benefits of Using Tooltips in Forms

Tooltips have multiple advantages over using the field description in providing a better user experience as well as aesthetics. Below are some of the main advantages

Enhanced User Guidance:

With the Tooltips addon, you can add as much information as you want, and it won’t take up screen space. The tooltips only show in a pop-up window when somebody hovers over the tooltip icon present next to the field label.

Enhanced Usability

Gravity Forms field descriptions are very limited in what you can show inside them. However, with tooltips, you can add any HTML element. It’s great if you want to include images, YouTube, or Vimeo videos to provide additional information about the field.

Improved Conversion Rates

If a form field is confusing, then there is a chance that people will leave the form in between. The other thing they will do is fill the field incorrectly, which results in bad form submission data. Tooltips will solve both these issues.

Installation

System Requirements

Tooltips for Gravity Forms are highly compatible with old and new WordPress installations. You can check the system requirements below

• WordPress: 4.0 or later
• PHP: 7.0 or later
• Gravity Forms: 2.0 or later
• Gravity Booster: 3.0 or later

Installation and Activation of Tooltips for Gravity Forms

We need to install the free Gravity Booster plugin from the official WordPress plugin repository before installing and activating the Tooltips for Gravity Forms add-on.

Steps to Install Gravity Booster Plugin

• Log in to your WordPress backend and then navigate to Plugins -> Add New. Here, search for Gravity Booster.
• Install and activate the plugin

Steps to Install Tooltips for Gravity Forms

• Tooltips for Gravity Forms is a premium add-on. You can purchase it by clicking here. 
• After your purchase, you will immediately get an email with a download link for the plugin. You can also download the plugin anytime from your WPMonks account page.
• Now go to Plugins -> Add New and click on the Upload button. Here, select the file you recently downloaded. Once uploaded then activate the addon.

Steps to Add License Tooltips for Gravity Forms License Key

• Log in to your WPMonks account by clicking here.
• Now you will see a table with all your purchases. Here, click on View Licences and then Manage Sites.
• This will bring up the screen where you can see your license key as well as manage the websites on which it is already activated. Copy the license key.
• Go to your WordPress dashboard, then Forms -> Booster. Here, click on the gear ( settings ) icon. This will bring up the interface to add your license key.
• After adding the license key, click on the Save Settings button, and the license key will get activated. Having a license key for the addon will ensure that you will continue to get updates till the expiry of the key.

Getting Started

After you have installed and activated the Tooltips for Gravity Forms addon, the next step is to use it. In this section, we will learn about how to use it to show tooltips for field labels as well as checkbox and radio options.

Steps to Add Tooltips for Field Labels and Choice Options

• From your WordPress dashboard, navigate to Forms -> Booster. Her,e select the form in which you want to add the tooltips. After the form selection, the page will reload with all the available settings on the left side and the form preview on the right side.
• Now, click on the Tooltips panel. This will bring up all the tooltip settings along with the textboxes to add tooltips for each field. We recommend that you click on the field label in which you want to add a tooltip from the form preview on the right side. Clicking the field will bring up the text area for adding tooltips for only that particular field.
• If you click on the checkbox or radio option, then it will bring up the textarea for all the options of that field. This way, you can add tooltip content for each option.
• Once you have added the tooltips then they will automatically show in the preview. 
• Click on the Save button to make your changes live.

Settings to Customise the Appearance of Tooltips

The Tooltips for Gravity Forms add-on comes with multiple options that let you customise the way icons and the content of tooltips look inside the form. You can use the following settings

• Enable Tooltips: This checkbox will enable/disable tooltips on your form.
• Icon Type: From here, you select between default, custom, and show on label options. The default option will let you choose from 9 different types of tooltip icons. With a custom option, you can upload your image and use it as an icon. This gives you full control over the appearance of the tooltip icon. If you choose the Show on label option, then the tooltip icon won’t appear; instead, the tooltip will show when the user hovers over the field or choice label.
• Icon Size: You can change the size of the icon using this option. Icon size can be set as small as 9px and as large as 24px.
• Icon Top Margin: It is possible to change the vertical position of the icon with this setting. You can also give the top margin negative values. Also, there is no constraint for the type of unit to use ( px, %, em, rem, etc ).
• Icon Left Margin: This setting can be used to add distance between the field label and the tooltip icon. Similar to the top margin setting, it can have negative values.
• Tooltip Animation: This will add animation to how the tooltip will appear when the user hovers the mouse over the icon. There are five different animations ( Fade, Grow, Swing, Slide, and Fall ).
• Tooltip Position: You can select the position of the tooltip text. It can be set to top, left, right, and bottom for the icon.
• Tooltip Delay: With this option, you can specify how much delay there will be for displaying the tooltip when the user hovers over the tooltip icon. The default value for delay is 0.
• Tooltip Trigger: The tooltip can be made to display on mouse hover or click.
• Maximum width: This setting can be used to set the maximum width for tooltip text.
• Tooltip Theme: The addon comes with 6 built-in themes and an option to create a custom theme, so that it’s both easy as well as flexible in terms of style customization.

Steps to Create a Custom Tooltip Theme for Gravity Forms

Tooltips for Gravity Forms is one of the most customizable plugins. You can even customise the design of the tooltip, which opens when a user hovers over the tooltip icon. It provides you with a no-code solution with easy-to-use controls for generating your theme. To create your theme, you can follow the steps shown below.

• Select the Custom option under the Tooltip Theme setting.
• Now can set the background colour, font size, tooltip font color, border radius, border color, border width, as well as tooltip icon color.
• All the design changes you make for the theme will be live previewed so that you can quickly and easily create the kind of theme you want for the tooltips.

Frequently Asked Questions

On how many forms can I use this addon?

You can use this add-on on unlimited forms. There are no restrictions on the number of forms

Are tooltips responsive/mobile-friendly?

Yes, tooltips will automatically adjust depending on which device you view them on. The text will never extend horizontally beyond the screen size.

Can I use tooltips for each checkbox and radio option?

Yes, you can add tooltips for each checkbox and radio option with the latest version of the Gravity Forms Tooltips addon.

Can I insert links, videos, and images in tooltips?

Yes, you can insert any type of HTML, be it embed code for images, video, or links. The tooltips are interactive, and users can click on links and play videos there.

Can I get Support for the addon?

Yes, if you have any questions or have any custom requirements for the Tooltips for Gravity Forms addon, then feel free to contact us.