Title Tips
Explain terms in place with tooltips and a glossary.
Tooltips on any words through a Tooltip text format, plus a glossary block with A-Z letters, a jump bar, live search and definitions shown always, on click or as tooltips.
Gutenberg block
Requirements
- The block editor (Gutenberg)
- WordPress 6.5 or newer
- PHP 7.4 or newer
- Licence: Pro ($2 / year) — add it to the cart in Moduly
Add it to a page
- Open the page or post in the block editor.
- Click + (Block Inserter) and search for Title Tips — it is in the Moduly category.
- Insert it, then fill in its content on the canvas. Ready-made presets appear when you insert it, and later under Transform to in the block toolbar.
- Adjust it in the right sidebar: the Block tab holds the settings below, and the Styles tab its colours, typography and spacing.
Settings
General
| Setting | What you can set |
|---|---|
| Tooltip | Colour |
| Tooltip text | Colour |
Layout
| Setting | What you can set |
|---|---|
| Layout | list, table, cards or inline |
| Columns | 1–4 |
| Definitions | always, toggle or tip |
| Term look | plain, underline or pill |
| Tooltip side | top or bottom |
| Definitions | Colour |
| Cards | Colour |
| Term size (px, 0 = automatic) | 0–40 |
| Space between cards (px) | 0–48 |
Order, letters and search
| Setting | What you can set |
|---|---|
| Remove the term | List |
| Order | az or manual |
| Group by first letter | On / off |
| A–Z jump bar | On / off |
| Search box | On / off |
| Search box text | Text |
| Letter heading tag | h2, h3, h4, h5 or div |
| Open term links in a new tab | On / off |
| Accent | Colour |
| Terms | Colour |
| Lines and borders | Colour |
| Letters | Colour |
Styles tab: typography and spacing, from WordPress's own design tools.
Tips
- Start with the Layout choice — it changes the overall look the most; fine-tune the rest afterwards.
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
- Not sure where to start? Insert one of its presets and edit from there.
Troubleshooting
- The Tooltip button sits in the toolbar's More menu, like other non-core formats (Highlight, Keyboard input).
- In the editor preview, glossary tooltips don't open (the tooltip script runs on the front end only); the editing list shows every definition.
- Pre-existing elementorFrontendConfig is not defined front-end error for logged-in users (Elementor).
- A change not showing on the live site is almost always a page cache — clear your caching plugin or host cache.
Related
- Also available for Elementor (Title Tips), Divi (Title Tips).
- Works well with: News Ticker, Notice Box, Source Code.