Do you want to show tooltips in your Gravity Forms (with extra information about a certain field)? With Gravity Forms Tooltips you can add HTML and shortcode inside your Tooltips. Even for every radio button and checkbox item.
Adding a Tooltip
After activating the Gravity Forms Tooltips Add-on for Gravity Forms you’ll find an extra Field Settings tab called ‘Tooltip’. In it you can add the text and use HTML.
Shortcode and HTML inside Tooltip
You can use HTML and WordPress shortcodes inside the HTML Tooltip. We tried it with the GravityWP – Count add-on, our shortcode to filter and count entries (or a sum of a Number Field for multiple entries) and used it inside the Tooltip. Works like a charm.
We also used HTML inside the Tooltip, adding a button (Bootstrap styled). This is also allowed:
Styling Gravity Forms Tooltips
You can style how the Tooltip looks like in the Gravity Forms Settings > Tooltips page. Options:
- Pick an icon for the Tooltip and define the Icon Size and the Icon color
- Tooltip content Font Size, Text Color and Background Color
- Placement of the Tooltip: Top Left, Top, Top Right, Right, Bottom Right, Bottom Left, Left
- Set a maximum width of the Tooltip
If you want to style the Tooltip for an individual Form, go to settings to Override the global tooltip options.
Our Premium add-ons for Gravity Forms
n8n Connector
Connect Gravity Forms to n8n and automate your workflows with secure, flexible, and powerful webhooks. Go beyond simple notifications and build advanced, two-way automations.
Entry to Database
Integrates Gravity Forms with internal or external databases, offering flexible mapping of form fields to database columns and real-time synchronization between entries and database rows.
Advanced Number Field
Functionality for Number Fields, like rounding or only absolute numbers, fixed point notation, range calculation, custom units like % or m2 & show as slider.
API Connector
Connect Gravity Forms to External API's: Query the API using form field values and automatically fill other form fields with the API response.
Read tutorials about
Gravity Forms Discount Code Field: Apply Fixed or Percentage Discounts in a Form
Learn how to create a Gravity Forms discount code field that applies fixed or percentage discounts. This tutorial shows how to calculate subtotals, discount amounts, and final totals using tested form logic.
Gravity Forms Zoom Integration: Create Zoom Meetings From Booking Forms
Learn how to connect Gravity Forms to Zoom without Zapier using GravityWP API Connector. This step-by-step tutorial shows how to create Zoom meetings from booking form submissions and save the returned meeting details back to Gravity Forms.
Gravity Forms monday.com Integration: Create New Items From Form Submissions
Learn how to connect Gravity Forms to monday.com without Zapier using GravityWP API Connector. This step-by-step tutorial shows how to create new monday.com items from form submissions and save the returned monday.com item ID back to Gravity Forms.
Gravity Forms Pipedrive Integration: Send Form Contacts to Pipedrive Without Zapier
Learn how to connect Gravity Forms to Pipedrive without Zapier using GravityWP API Connector. This step-by-step tutorial shows how to send form contacts, custom fields, and the returned Pipedrive Person ID directly from WordPress to Pipedrive CRM.
