How To Add a Tooltip

Create a tooltip to provide a comment or illustration that shows up when the visitor hovers over the word or button.

An example of a tooltip with an image, heading, and text popping up over a text block on a published webpage.

1. Select a word or a part of text that you want to comment on.

Page editor: text selected in a TX01 block with the text editing toolbar displayed at the top.

2. Insert the link. It can start with "http://" and be a link to an external resource, or you can insert a hash and a word: #anyword (see examples below).

The link settings pop-up window in the text editor with the "Link color and style" option and the "Apply" button in block TX01.

Text editor toolbar: the "Apply" button in the pop-up window for adding a link to the selected text.

3. Go to the Block Library and add a T198 block from the "Other" category to the page.

Block Library: block "T198 Tooltip for link" under the "Other" category.

4. Open the Content panel of the block and specify the link exactly as you added it to the word or text fragment in the "URL" field.

Block Content panel: the "LINK HOOK" field.

Block Content panel: the link hook field under "LINK HOOK".

Publish the page or click on Preview to see how the tooltip works.