Select Page

Tooltips are small pop-up boxes with additional information about form fields. After the field label, there is a small icon which triggers the tooltip for that particular field. Whenever you hover over this icon it will display the tooltip. Tooltips are not only limited to the website’s contact forms some operating systems like Windows and Linux also use them in software.

In complex forms where much information needed from users, tooltips should be used on fields to help users understand the relevance of each field. Tooltips make the process of filling correct information easy for users.

Tooltip on Gravity Forms field

Tooltip on Gravity Forms field

Adding tooltips on form fields can be a difficult task. If you have experience with coding then using Javascript libraries you can add tooltips on Gravity form fields. For those people who are not web-developer or don’t have any knowledge about coding and want to add tooltips on Gravity forms fields can use a WordPress plugin to do so.

In this article, we will show how to add a tooltip on each choice of checkbox and radio in Gravity Forms using Gravity forms tooltip add-on.

Showing Tooltip for the checkbox item

Showing Tooltip for the checkbox item

About “Gravity Forms tooltip” add-on.

Gravity forms tooltips is a premium add-on of “Styles and Layouts for Gravity Forms”. It helps you to add tooltips on each Gravity forms field. Besides, it lets you add tooltips on each choice of radio and checkbox fields. It comes with four beautiful themes but you can customize your own theme for tooltips. It uses WordPress customizer so you can see the live preview of all changes on fields.

Required Plugins For the plugin

Required Plugins For the plugin

Note: Tooltips for Gravity Forms needs “Styles and Layout for GF” plugin. You should install this plugin otherwise you won’t get the tooltips option.

Styles and layouts for GF is a free WordPress plugin to style Gravity Forms. For more information about this plugin click on this link or download with this link.

Following are steps to add a tooltip on each choice of Checkbox and radio fields.

    •  To purchase the plugin click on this link. Once payment has been made you will receive an email with download details of the plugin.
    • To install and activate the plugin on your website, go to your WordPress dashboard. Click on the Add New option under the plugins tab. Now click on the upload button and choose the plugin zip file and install it. After installation, don’t forget to activate the plugin.

      Install plugin zip file.

      Install plugin zip file.

    • Open the page in frontend where you have added Gravity form on which you want to add tooltips and open customizer using top “Customize” button. Know more about opening the customizer using this link.
    • Once the customizer has opened, click on “Styles and Layouts” panel and select the form you have added in the page and the page will reload automatically. Now you can see all the available options for form.

      Styles and Layouts panel in Customizer

    • Click on “Tooltip” Section and all settings for tooltips will start showing.

      Add tooltip on Gravity Forms

      Tooltip section in Customizer

    • To enable the tooltips on that form click on the first checkbox with text “Enable tooltips”.
    • Now scroll to the customizer settings and then you can see text area boxes for each field with their label. Add your text in textarea of that Form field.
    • The checkbox and radio choices will also have a textarea field where you can add the tooltip text.

      Textarea for Radio button tooltip

      Textarea for Radio button tooltip

    For more information and any issue regarding this plugin contact us or leave a comment below.

    We have also written a tutorial for adding video tooltips and image tooltips in gravity forms.