Note. As stated above, the Tooltip Element is an Inline Element, which means that you can access it through the Fusion Builder Element Generator. This Element can be used in all Elements that allow text editing in the Visual Editor and that therefore have access to the Fusion Builder Element Generator.
Step 1. Add a text based element via the Fusion Builder, for example, the Text Block Element.
Step 2. Add your content as normal, up to the point where you want the Tooltip to appear.
Step 3. Place your cursor at the end of your content and select the Fusion Builder Element Generator icon on the Visual Editor toolbar.
Step 4. Select the Tooltip Element.
Step 5. Add the Title, which is the text that displays in the Tooltip.
Step 6. Add the Content you want to trigger the Tooltip.
Step 7. Optionally, you can go to the Design tab and change the location and trigger for the Tooltip. When you are finished, click Insert.
Step 7. You are now back in the Text Block Element. You can add more normal text content if you wish. When you are finished click Save, and you are returned to your page. Preview to see your Tooltip in action.
NB. The Tooltip Content will always display in the main site color.
What’s the difference between a tooltip and a popover? These two elements are very similar in many ways, but their intended usage is quite different. If you want to give a small few word hint on how or what an element on the page does, use a tooltip. If you want to add any additional content, interactions, or content more than about a line; or if you need the content to remain open without the target being moused over, use a popover.