Tooltip Module in Divi 5.8: Small UI Text That Can Improve Conversions

Affiliate disclosure: this article contains an affiliate link. If you buy Divi through it, we may earn a commission at no extra cost to you.

Divi 5.8, released June 20, 2026, added a Tooltip module to the builder. Tooltips are tiny: a few words that appear on hover or tap to explain something a visitor is unsure about. Used well, that small UI text removes friction at the exact moment a buyer hesitates — and a hesitating buyer who gets a quick answer is more likely to convert.

What the Tooltip module actually is in Divi 5

In Divi 5 the Tooltip is wired into the broader Interactions system, which Elegant Themes describes as three parts: triggers (a user action like hover, click, or scroll), effects (what happens, such as revealing hidden content), and targets (the element affected). A tooltip is the everyday case of that — a hover trigger that reveals a small text element near its anchor.

Placement is controlled with vertical and horizontal offset plus an offset origin — the anchor corner or edge the tooltip is measured from: top, top-left, top-right, bottom, bottom-left, bottom-right, or center variants. That matters because a tooltip that covers the thing it explains, or runs off-screen on mobile, does more harm than good.

Where tooltips earn their keep

Pricing tables. This is the highest-value spot. A plan row that says "Priority support" or "5 seats included" raises a question the visitor would otherwise have to leave the page to answer. A tooltip on that line — "Replies within 4 business hours" or "Add more seats anytime for $X" — answers it in place. The classic pattern is a small "?" icon next to a feature label.

Product feature lists. Spec names like "IP67" or "USB-C PD" mean nothing to a non-expert. A tooltip translating the jargon ("dust-tight and survives 30 min underwater") lets you keep the scannable label and still teach the buyer.

Form fields. A tooltip beside a confusing field — "Why do we need this?", "Format: MM/YY" — reduces form abandonment without cluttering the layout with permanent helper text.

Onboarding and dashboards. First-run tooltips that point at a control and say what it does help new users without a separate tutorial page.

Where tooltips annoy instead of help

• On mobile. Hover does not exist on touch; a hover-only tooltip is invisible to phone users. Make essential information visible by default and treat the tooltip as an enhancement, or use a tap trigger.
• For anything critical. If a visitor must read it to make a decision, it should be on the page, not hidden behind a hover. Tooltips are for secondary clarification.
• Everywhere at once. A page where every other word has a tooltip feels like work. Reserve them for the two or three genuine points of confusion.
• Covering the trigger. Set the offset so the tooltip appears beside, not on top of, the element it explains.

A quick rule of thumb

Ask: would the visitor leave the page to find this answer? If yes, a tooltip keeps them here. Would they need it to decide at all? Then it is not tooltip material — put it in the layout.

FAQ

Does the Divi 5 Tooltip module require code?

No. It is built on Divi's Interactions (triggers, effects, targets), all configured visually in the builder.

Do tooltips work on touch devices?

Hover-based tooltips do not trigger on touch. Use a tap/click trigger or make the key information visible by default and treat the tooltip as a bonus for desktop.

Where do tooltips help conversions most?

Pricing-table feature rows and confusing form fields — both are moments where a hidden one-line answer stops a visitor from bouncing.

Bottom line

The Tooltip module added in Divi 5.8 is a small feature with outsized impact on pricing tables, spec lists, and forms — as long as you keep critical information visible, mind touch devices, and use tooltips only where a real question exists.

Get Divi 5

Sources and further reading