💡 ClickFix | Graphic Helpers

[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]

Top Features

Pricing

Case Studies

DFY

Contact

LOGIN

Graphic Helpers

Feature Overview

Demo

How To Implement

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.

StarRating

This shortcode allows you to build a star rating system.

ProgressBars

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.

FunnelGraph

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

Demo

Submit

StarRating

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

Rating

[ 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]

Return Rating

ProgressBars

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]

Step 1

Step 2

Step 3

FunnelGraph

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]

CLICKFIX

PRODUCT

Template Library

Shortcodes

DISCOVER

Case Studies

Live Documentation

Support

Change Log