Shortcode Usage

Basic

{etooltip content="Soft full-grain leather with brass hardware."}leather tote{/etooltip}

With theme and position

{etooltip content="Closed-back monitoring headphones." theme="light" position="top"}studio headphones{/etooltip}

Glass tip below the trigger

{etooltip content="Compact camera kit for travel." theme="glass" position="bottom"}mirrorless kit{/etooltip}

Brand tip with accent colour

{etooltip content="Polarised lenses and metal frame." theme="brand" color="#2563eb"}aviator sunglasses{/etooltip}

Linked tip

{etooltip content="Visit the product page." link="https://example.com/product"}product name{/etooltip}

Cursor follow

{etooltip content="Tracks the pointer." position="follow"}cursor follow tip{/etooltip}

Attributes

• content — tip text (required)
• theme — dark | light | glass | brand
• position — top | bottom | left | right | follow
• animation — fade | scale | slide | none
• link — optional URL
• color — trigger / accent colour
• class — extra CSS class on the trigger

Use the Editor - Easy Tooltip button to insert a starter shortcode from the article editor.