[HideElement 63,79,81 in #oc25be18ba23f] [HideBlock #o95a3a9fb95a8,#od34e22eb64c9] [IfAnchor #feature.overview][ShowElement 69,73,70 in #oc25be18ba23f][HideElement 63,79,81 in #oc25be18ba23f] [ShowBlock #o8b725d199808][HideBlock #o95a3a9fb95a8,#od34e22eb64c9] [Redirect #obf93de62bd0d] [/IfAnchor] [IfAnchor #demo][ShowElement 63,79,70 in #oc25be18ba23f][HideElement 69,73,81 in #oc25be18ba23f] [ShowBlock #od34e22eb64c9][HideBlock #o8b725d199808,#o95a3a9fb95a8] [Redirect #obf93de62bd0d] [/IfAnchor] [IfAnchor #how.to.implement][ShowElement 63,73,81 in #oc25be18ba23f][HideElement 69,79,70 in #oc25be18ba23f] [ShowBlock #o95a3a9fb95a8][HideBlock #o8b725d199808,#od34e22eb64c9] [Redirect #obf93de62bd0d] [/IfAnchor] [HideColumn 22 in #od34e22eb64c9] [Validate #od34e22eb64c9-email IBAN “Please enter a valid IBAN”] [Autocomplete #od34e22eb64c9-f1744 options='0,1,2,3,4,5'] [Calc $rating=#od34e22eb64c9-f1744] [Calc $progress=1] [IfAnchor #step.1][Calc $progress=1][/IfAnchor] [IfAnchor #step.2][Calc $progress=2][/IfAnchor] [IfAnchor #step.3][Calc $progress=3][/IfAnchor]
💡 ClickFix | Graphic Helpers


Graphic Helpers

Unlock the potential of your Ontraport pages with ClickFix's versatile Graphic Helpers. This set of powerful shortcodes equips you with creative tools to enhance your web pages:

  • FunnelGraph: Easily create dynamic graphs based on your data to visually represent information.

  • StarRating: Implement a star rating system to engage and gather feedback from your audience.

  • ProgressBar: Display progress bars on your pages using data from various sources like Ontraport fields, URL parameters, or calculated variables.

These shortcodes empower you to transform your web pages into visually compelling, information-rich experiences. They offer easy integration and customization options, allowing you to convey complex data or add interactive elements effortlessly. Elevate your Ontraport pages with ClickFix's Graphic Helpers, whether you're showcasing data, boosting engagement, or creating visually stunning experiences.

This shortcode allows you to build a star rating system.

This special Shortcode will show a progress bar on your page using data from different sources :

  • from a regular Ontraport [Merge] field
  • from a url parameter
  • from a [Calc] variable on your page

X is the current score, Y is the maximum score.

This shortcode allows you to make a nice Graph based of several data.

The StarRating shortcode can be used in two ways,

You can use a $variable  and it will display stars based on Rating out of 5

[ StarRating max=5 rating=$rating]
[StarRating max=5 rating=$rating]
Or you can use it to fill the field Return Rating 
[ StarRating max=5 rating=4 rater=f1745]
[StarRating max=5 rating=4 rater=f1745]
Here we used the ProgressBar shortcode to show the Rating $variable out of 5 juste like the StarRating

[ ProgressBar x=$rating y=5 height=30]
[ProgressBar x=$rating y=5 height=30]

You can also change the size 

[ ProgressBar x=$rating y=5 height=50]
[ProgressBar x=$rating y=5 height=50]

Or color

[ ProgressBar x=$rating y=5 height=30 color=#f7941e]
[ProgressBar x=$rating y=5 height=30 color=#f7941e]

You can also show the progress on a multistep form

[ ProgressBar x=$progress y=3 height=30 color=#2879FF]
[ProgressBar x=$progress y=3 height=30 color=#2879FF]

The FunnelGraph shortcode will show the Rating $variable and the Return Rating $variable

[FunnelGraph height=150 width=150 direction=vertical labels='Rating,Return Rating' colors='green,blue']($f1744,$f1745)[/FunnelGraph]

[ FunnelGraph height=150 width=150 direction=vertical labels='Rating,Return Rating' colors='green,blue']($f1744,$f1745)[/FunnelGraph]

[Calc $f1744=f1744]
[Calc $f1745=f1745]

[FunnelGraph height=150 width=150 direction=vertical labels='Rating,Return Rating' colors='green,blue|green,blue'](8,17)|(12,14)[/FunnelGraph]

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.
Divider Text
Consult an expert
And let us figure out together if ClickFix is right for you
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