[HideElement 63,79,81 in #o155ad0ed4bed] [HideBlock #o31c721c5e85a,#o29a18cc01728] [IfAnchor #feature.overview][ShowElement 69,73,70 in #o155ad0ed4bed][HideElement 63,79,81 in #o155ad0ed4bed] [ShowBlock #oeefae1426ab9][HideBlock #o31c721c5e85a,#o29a18cc01728] [Redirect #ofefad6bca37b] [/IfAnchor] [IfAnchor #demo][ShowElement 63,79,70 in #o155ad0ed4bed][HideElement 69,73,81 in #o155ad0ed4bed] [ShowBlock #o29a18cc01728][HideBlock #oeefae1426ab9,#o31c721c5e85a] [Redirect #ofefad6bca37b] [/IfAnchor] [IfAnchor #how.to.implement][ShowElement 63,73,81 in #o155ad0ed4bed][HideElement 69,79,70 in #o155ad0ed4bed] [ShowBlock #o31c721c5e85a][HideBlock #oeefae1426ab9,#o29a18cc01728] [Redirect #ofefad6bca37b] [/IfAnchor] [ToolTip 37 in #o29a18cc01728 delay=1 content="This Tooltip will follow the cursor" follow-cursor=yes placement=bottom theme=material interactive=yes] [ToolTip 38 in #o29a18cc01728 delay=1 content="This Tooltip will not follow the cursor" follow-cursor=no placement=bottom theme=material interactive=yes] [ToolTip 39 in #o29a18cc01728 delay=1 content="This Tooltip is placed at the top of the element" follow-cursor=no placement=top theme=material interactive=yes] [ToolTip 42 in #o29a18cc01728 delay=1 content="This Tooltip is placed at the bottom of the element" follow-cursor=no placement=bottom theme=material interactive=yes] [ToolTip 41 in #o29a18cc01728 delay=1 content="This Tooltip is at the left" follow-cursor=no placement=left theme=material interactive=yes] [ToolTip 40 in #o29a18cc01728 delay=1 content="This Tooltip is at the right" follow-cursor=no placement=right theme=material interactive=yes] [ToolTip 43 in #o29a18cc01728 delay=1 content="This Tooltip is using the theme light" follow-cursor=no placement=bottom theme=light interactive=yes] [ToolTip 46 in #o29a18cc01728 delay=1 content="This Tooltip is using the theme light-border" follow-cursor=no placement=bottom theme=light-border interactive=yes] [ToolTip 45 in #o29a18cc01728 delay=1 content="This Tooltip is using the theme material" follow-cursor=no placement=bottom theme=material interactive=yes] [ToolTip 44 in #o29a18cc01728 delay=1 content="This Tooltip is using the theme translucent" follow-cursor=no placement=bottom theme=translucent interactive=yes] [ToolTip 47 in #o29a18cc01728 delay=1 content="This Tooltip is interactive" follow-cursor=no placement=bottom theme=material interactive=yes] [ToolTip 48 in #o29a18cc01728 delay=1 content="This Tooltip is not interactive" follow-cursor=no placement=bottom theme=material interactive=no] [ToolTip 52 in #o29a18cc01728 delay=1 content="{a href='https://clickfix.io/pricing' target='_blank'}Click Here{/a} to join ClickFix" follow-cursor=no placement=bottom theme=material interactive=yes] [ToolTip 53 in #o29a18cc01728 delay=1 z-index=999999 content="{iframe width='320' height='240' src='https://www.youtube.com/embed/X1DEK5ikTIw'}{/iframe}" follow-cursor=no placement=bottom theme=material interactive=yes]
💡 ClickFix | Tooltips
settings

LOGIN

Tooltips

ClickFix's Tooltips feature offers an innovative way to enhance your Ontraport pages with interactive and informative elements. With tooltips, you can provide additional context, explanations, or instructions to your website visitors, improving user experience and engagement.


Feature Highlights:

  1. Interactive Information: Tooltips allow you to present extra information when users hover their mouse over specific elements on your Ontraport pages. This feature is especially useful for clarifying complex concepts or providing brief explanations.

  2. Improved User Guidance: Guide your visitors through your page's content or forms by using tooltips to highlight key features or steps. This reduces confusion and ensures a smooth user journey.

  3. Customizable Design: Tailor the appearance of your tooltips to match your brand's style. Choose fonts, colors, and sizes that align with your page's design, ensuring a cohesive and professional look.

  4. Easy Implementation: Adding tooltips to your Ontraport pages is straightforward. With ClickFix's user-friendly interface, you can effortlessly create and customize tooltips without needing extensive coding knowledge.

  5. Enhanced Engagement: By offering quick access to supplementary information, tooltips keep users engaged and informed, encouraging them to explore your content further.

  6. Mobile-Friendly: Tooltips are designed to work seamlessly across various devices, including smartphones and tablets, ensuring a consistent user experience.

  7. Targeted Communication: Use tooltips strategically to draw attention to specific elements that require further explanation. This precision enhances communication and reduces the need for lengthy descriptions on the main page.

  8. Versatile Applications: Tooltips can be used for a variety of purposes, from explaining product features to providing guidance on form fields, making them a versatile tool for enhancing user interactions.

The Tooltips feature from ClickFix empowers you to create engaging and informative Ontraport pages that deliver a user-friendly experience. By incorporating tooltips, you can streamline user guidance, communicate effectively, and elevate your website's overall usability.

This shortcode will add a Tooltip : "content" when you hover your cursor over an element with the ID %id_of_element% the block with the ID #block_id.

Exemple :

[ ToolTip 37 in #o29a18cc01728 delay=1 content="This Tooltip will follow the cursor" follow-cursor=yes placement=bottom theme=material interactive=yes]

Clickable Link Exemple :


[ ToolTip 52 in #o29a18cc01728 delay=1 content="{a href='https://clickfix.io/pricing' target='_blank'}Click Here{/a} to join ClickFix" follow-cursor=no placement=bottom theme=material interactive=yes]
You can add target='_blank' to your link to make it open in a new page.

Embed Youtube Video Exemple :


[ ToolTip 53 in #o29a18cc01728 delay=1 content="{iframe width='320' height='240' src='https://www.youtube.com/embed/X1DEK5ikTIw'}{/iframe}" follow-cursor=no placement=bottom theme=material interactive=yes]

NOTE: All shortcodes you see on this page have a space after the opening bracket "[" so you can see them. In order for them to work on your page you'll need to remove the space between the opening bracket "[" and the first letter of the shortcode command.

chevron_right
Documentation
arrow_drop_down_circle
Divider Text
Enter Your Email Below and Join 700+ Ontraport Users on their ClickFix Journey.
If you need help to implement this into your account or you need more information, hit "Consult an Expert" down there, send your request and we'll take it from there.
arrow_drop_down_circle
Divider Text
settings
OR
chevron_right
Consult an expert
And let us figure out together if ClickFix is right for you
arrow_drop_down_circle
Divider Text

"The Team at ClickFix are the ultimate Ontraport hackers. They make the impossible possible, and have helped out a ton of our clients with their tools."

Landon Ray
Ontraport CEO

© [TheYear] ClickFix.io | Terms of Service | Privacy Policy
[bot_catcher]