Note : this page is a summary of all the shortcodes made available to you by ClickFix. To get the full documentation for a specific shortcode, go to https://doc.clickfix.io
Getting Started
  • Get Help : If you cannot find an answer from your question or you notice a bug or a mistake in this documentation, please log into https://app.clickfix.io and connect to the Help Center.

Conditions 🆓/➰/💡/♾️

Conditions Shortcodes are similar to Campaign Triggers in the sense that they allow you to execute actions upon a thing Happening or something becoming True / a Condition being Validated. Conditions Shortcodes will always have an Opening [If] and a closing [/If] Shortcode.
arrow_drop_down_circle
Divider Text
This shortcode will Trigger one or more Actions - %[do_something]% - and/or display a String -%keyword%- based off a #%trigger.anchor% being Triggered.

You can also use it with WildCards with the help of the $ sign (see Examples and Demos for more information on this Feature).

[IfAnchor #%trigger.anchor%]
%[do_something]%
%keyword%
[/IfAnchor]

Advanced :
[IfAnchor #%trigger.$variable%]
%[do_something]%
$%variable%
[/IfAnchor]

arrow_drop_down_circle
Divider Text
This shortcode will Trigger one or more Actions - %[do_something]% - and/or display a String - %keyword%- based off your %target_field% and your %target_value% being Compared via your %operator%.

[IfField %target_field% %operator% %target_value_01%,%target_value_02%]
%[do_something]%
%keyword%
[/IfField]

arrow_drop_down_circle
Divider Text
This shortcode will Trigger one or more Actions - %[do_something]% - and/or display a String - %keyword%- based off your %bump_id% being checked or not.

[IfBump %bump_id% %is/not% checked]
%[do_something]%
%keyword%
[/IfBump]

arrow_drop_down_circle
Divider Text
This shortcode will Trigger one or more Actions - %[do_something]% - and/or display a String - %keyword%- based off your %bump_id% being checked or not.

[IfBump %bump_id% %is/not% checked]
%[do_something]%
%keyword%
[/IfBump]

arrow_drop_down_circle
Divider Text
This shortcode will Trigger one or more Actions - %[do_something]% - and/or display a String - %keyword%- based off your %$var% and your %target_value% being Compared via your %operator%.

[IfVar %$var% %operator% %target_value_01%,%target_value_02%]
%[do_something]%
%keyword%
[/IfVar]

arrow_drop_down_circle
Divider Text

Graphic Helpers 🆓

arrow_drop_down_circle
Divider Text
CSS shortcodes can be used to add custom styling to the different parts of your Ontraport Pages:

Blocks / Columns / Elements / Fields* / Rows*

*NOTE: To target Fields & Rows, you’ll need an advanced understanding of how CSS selectors & the inspector panel works.

[CSS] - Targets Blocks

[CSS #%id_of_target_block_01%,#%id_of_target_block_02% “%css-property01%:%value01%;%css-property02%:%value02%;”]

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

A CSS declaration always ends with a semicolon, and the shortcode declaration is surrounded by square brackets

arrow_drop_down_circle
Divider Text
This shortcode will style a Phone Field to add a Country dropdown, automatically filled up with the proper country using the visitor's IP address.

[PhoneStyle field=%target_field_1%,%target_field_2%]
arrow_drop_down_circle
Divider Text
This shortcode will make the block with ID #block_id floating at the position even after you scroll the page, you can also use bottom=%value_bottom% and right=%value_right%, any combination of those attributes.

[FloatingBlock %block_id% left=%value_left% top=%value_top%]

arrow_drop_down_circle
Divider Text
This shortcode will allow you to display a progress bar anywhere you want based on data collected either :

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.

[ProgressBar x=%value_x% y=%value_y%]

arrow_drop_down_circle
Divider Text
The Screen Targeting shortcodes are used to modify your Ontraport pages based on the size of the screen* being used by your visitor.

*NOTE: You can also target the orientation of the device in the case of tablets/mobiles for even more control over how the page acts.

These shortcodes are based on the concept of Media Queries which are normally used strictly for CSS purposes.

However, they’ve been modified to allow you to execute any shortcode or even to display text strings based on the screen parameters that you set.

[IfScreen min-width:%number%px]
%[do_something]%
%keyword%
[/IfScreen]

This shortcode will Trigger one or more Actions - %[do_something]% and/or display a String - %keyword% for any screen that is AT LEAST %number%px wide.

[IfScreen min-width:%pixels%px and max-width:%pixels%px]
[/IfScreen]
arrow_drop_down_circle
Divider Text
Shortcode will make the block sticky, it will stick to the position after scrolling to the certain position(%top_offset%).

[StickyBlock %block_id% %top_offset%]

arrow_drop_down_circle
Divider Text
Shortcode will make the block sticky, it will stick to the position after scrolling to the certain position(%top_offset%), if you pass the argument freeze=yes, the column will always stay to it's first position.

[StickyColumn %id_of_column% in/of %block_id% %top_offset% freeze=%freeze%]

arrow_drop_down_circle
Divider Text
Shortcode will make the block sticky, it will stick to the position after scrolling to the certain position(%top_offset%).

[StickyElement %id_of_element% in/of %block_id% %top_offset% freeze=%freeze%]

arrow_drop_down_circle
Divider Text

Page Manipulation 🆓

Page Manipulation Shortcodes can be used to hide (and then display again) parts of your Ontraport Pages : Blocks / Columns / Elements / Fields
Covering everything but Rows, which we cannot identify individually.
Page Manipulation Shortcodes can : Be used in combination with our Conditions Shortcodes / Be combined together (for better or worst. For example if you hide a Column that contains an Element and then you try to show that Element, the surrounding Column being hidden, your Element will not display).
arrow_drop_down_circle
Divider Text
This shortcode will show or hide a block or a series of blocks on an Ontraport Page.
[HideBlock #%id_of_target_block_01%,#%id_of_target_block_02%]
arrow_drop_down_circle
Divider Text
This Shortcode will show or hide a Field or a series of Fields on an Ontraport Page on an Ontraport Form.

[HideField %target_field_01%,%target_field_02%]
[ShowField %target_field_01%,%target_field_02%]

arrow_drop_down_circle
Divider Text
This shortcode will show or hide a column or a series of column, within a specific block, on an Ontraport Page.

NOTE: We recommend using the [ShowElement]/[HideElement] Shortcodes whenever possible as HideColumn has a tendency to break page formatting unless used on a single column row.

[HideColumn %id_of_column_01%,%id_of_column_02% in #%block_id%]
[ShowColumn %id_of_column_01%,%id_of_column_02% in #%block_id%]

arrow_drop_down_circle
Divider Text
This Shortcode will show or hide an Element or a series of Elements, within a specific Block, on an Ontraport Page.

[HideElement %id_of_element_01%,%id_of_element_02% in #%block_id%]
[ShowElement %id_of_element_01%,%id_of_element_02% in #%block_id%]

arrow_drop_down_circle
Divider Text
This Shortcode will create a system of Tabs from your Blocks automatically, meaning it will hide and show the Blocks based on the Anchor clicked.

You will then simply need to link buttons to #%id_of_target_block_01% and #%id_of_target_block_02% so your Visitors can use the Tabs feature.

This Shortcode will hide all the Blocks that make up the Tabs by default, so if you want to start with a specific Block displayed on page load, you can do so by adding a [HideBlock #%id_of_target_block%] that immediately follows your [Tabs] Shortcode.

You can target as many Tabs as you want in your [Tabs] Shortcode.

[Tabs #%id_of_target_block_01%,#%id_of_target_block_02%]

arrow_drop_down_circle
Divider Text

Data Manipulation 🆓/➰/💡/♾️

arrow_drop_down_circle
Divider Text
This shortcode allows you to build anything from very basic calculations (increment or decrement a field when a button is clicked for example) to highly complex quote forms.

[Calc %target_field_01%,$%variable_01%=%target_field_02% +|-|*|/ $%variable_02% round=x display]

arrow_drop_down_circle
Divider Text
This shortcode will Encrypt a Field before it is sent to you.

You can use this to let your Visitors submit sensitive data without it ever being sent/stored unencrypted over the Internet.

In Ontraport you will only see an Encrypted version of your visitor's Input, and you will need to use your %private_key% in order to read it in the future (see below).

[EncryptBeforeSubmit fields=%target_field_01%,%target_field_02% form=#%id_of_target_block% key=%public_key%]

arrow_drop_down_circle
Divider Text
[Autocomplete #%target_field% options='a,b,c,d']

Will allow you to choose among the options what to fill up %target_field% with.

[Autocomplete #%target_field_01% options=#%target_field_02%]

Will allow you to choose among the options contained in %target_field_02% what to fill up %target_field_01% with.

arrow_drop_down_circle
Divider Text
Will turn a string into a numeric, to remove currency data when merging Price fields for example.

[ToNumber $mvyar=[Merge]]

arrow_drop_down_circle
Divider Text
his shortcode will Synchronize the Value of Fields with the same Field Name on a page.

You can use this if you want to build a One Page Survey for example, or a One Page, Mulsti Step checkout form with multiple Form Submissions (the data is sent to Ontraport even if they don't complete every step of the Form) through our MultiStep Shortcode.

Note that you can just add [SynchFields] to your page to Synchronize all the Fields of all your Forms, but doing this might noticeably slow down your page if you have too many Fields / Forms.

[SyncFields %target_field_01%,%target_field_02%]

arrow_drop_down_circle
Divider Text
Will synchronize the coupon code into a field on the page.

[SyncCoupon #fieldid,fieldname]

arrow_drop_down_circle
Divider Text

Better Fields ➰/💡/♾️

arrow_drop_down_circle
Divider Text
[PhoneVerification field=xxx message="A Message" submit=no/yes background-color=#XXXXX dropdown-divider-color=#XXXXX dropdown-bg-hover=#XXXXX line-height=39px margin-top=1px margin-left=1px]
arrow_drop_down_circle
Divider Text
This shortcode will let your visitors give you their physical address using just one visible search field, and prefilling the default Ontraport address fields using the searched address.

[GetAddress %target_field% hide=%hide% language=%language% gkey=%google_key%]

You can also map the different part of the address to fields of your choice like this :

[GetAddress %target_field%language=%language% gkey=%google_key% address=billing_address1 city=billing_city zip=billing_zip state=billing_state country=billing_country]

If you do this you will need to hide the fields manually.

arrow_drop_down_circle
Divider Text
You may access our Upload Box Feature and your token by clicking here.

[UploadBox %field_id% %your_token%]

arrow_drop_down_circle
Divider Text
Will make an upload box that'll allow you to turn an image or any file into a date:// string to be stored inside a long text field.

[UploadToField %field%]

arrow_drop_down_circle
Divider Text
[EmailVerification field=xxx(default : look for email) reject=risky(level at which we stop) message="Your email is invalid" suggestion=yes/no submit=yes/no]
arrow_drop_down_circle
Divider Text
This shortcode will allow you to pop up a QR-Code scanner through a button linking to a #%trigger.anchor%, allowing your visitor to scan it through their webcam or their phone's camera.

Upon succesful scanning, the visitor will then be automatically redirect to %redirect_url%, in which you can use {QR} to insert the QR code's data.

You can have as many different [QrScan] Shortcodes as you want on a page, allowing you to have multiple buttons => multiple redirection urls => multiple functions.

[QrScan #%trigger.anchor% %redirect_url%={QR}]

arrow_drop_down_circle
Divider Text
This shortcode will transform the target field into a drawing box, allowing your users to sign, either with their mouse or with their finger if they are on a touchscreen.

The signature image will be encoded and stored as a "data://" String that can be used as image src attribute or any place where image url goes.

You can use this image by simply calling the value of the field in place of the image url in an email or an Ontraport Page.

[Signature %target_field%]

arrow_drop_down_circle
Divider Text

Our Scheduling Better Field is a set of Shortcodes and Webhooks that will let you build very simple or infinitely complex Appointment Booking Setups.
This shortcode will transform the target Date and Time Field into a Calendar Booking field, allowing your users to pick a free Date and Time on your Calendar.

This will then fill that Date and Time field with the proper Date/Time/Timezone combination, which will then be sent to Ontraport upon form submission.


Note that in order to avoid any Double Booking, you must set your "Log an event into your calendar" webhook in order for the event to be added to your calendar.

[Schedule %target_field% %public_scheduling_token%]

arrow_drop_down_circle
Divider Text
This Webhook will add an event to your calendar.

To use this Magic Hook, get your %private_scheduling_token% and simply POST this WebHook from your Ontraport Campaign :

https://klikfx.com/api/schedule/log-event?token=%private_scheduling_token%

arrow_drop_down_circle
Divider Text
This Shortcode will set an Ontraport Countdown Timer to the next available time for the Scheduling Module related to Token.

[ScheduleTimer token=%public_scheduling_token% block=#%block_id% display=yes/no]

arrow_drop_down_circle
Divider Text
This Webhook will populate a contact or an object's fields with "click to add to calendar" links for different services, allowing you to then send an email to the person you're having an appointment with so they can simply add the event to their preferred calendar.

To use this Magic Hook, get your %private_scheduling_token% and simply POST this WebHook from your Ontraport Campaign :


https://klikfx.com/api/schedule/add-to-calendar-links?token=[%private_scheduling_token%]
arrow_drop_down_circle
Divider Text

Others 🆓/➰/💡/♾️

arrow_drop_down_circle
Divider Text
This Shortcode will copy all the selected field from one block to the targeted block.

[CopyFields %field_name_1%,%field_name_X% of #%source_block_id% to #%target_block_id%]

arrow_drop_down_circle
Divider Text
This shortcode will generate a random numeric number.

Can be used as a unique identifier to identify users in a multistep form if you don’t require their email address as a first step for example.

[Random]

arrow_drop_down_circle
Divider Text
Will set your bump: %bump_id% in the block: #%id_block% as either %checked% or %unchecked%.

[FillBump %bump_id% in #%id_block% with %checked/unchecked%]

arrow_drop_down_circle
Divider Text
- [FillCoupon %url_parameter%]

Will Fill and Submit the Coupon Field with the value of your %url_parameter%.


- [FillCoupon "%coupon%"]

Will Fill and Submit the Coupon Field with %coupon%.

arrow_drop_down_circle
Divider Text
It is not possible for a Frame (in our case, an Ontraport Form embedded in a Page) to access parameters from the URL.

This shortcode will let you send those parameters manually to the Frame so you can exploit it (for prefilling Fields for example.

Note that when using Frames you must add the ClickFix import script ( <script src="https://klikfx.com/js/1"></script>) to both the Page Header and a Custom HTML Block at the Ontraport Form level.

[FillFrame #%frame_id% %url_parameter_01%,%url_parameter_02%]

arrow_drop_down_circle
Divider Text
Will search for a string on the page and replace it with another string.

Can be used for translation of the payment forms for example, in which case you should add

monitor=#blockid of your payment form

Because the payment form tends to evolve / needs to be retranslated as the user interacts with the page (if they enter a coupon code for example).

[SearchReplace search="A string" replace="Another string" monitor=#%blockid%]

arrow_drop_down_circle
Divider Text
This Shortcode will Submit the Form contained in the Block with ID #%id_of_target_block%.

If no #%id_of_target_block% is provided, this Shortcode will Submit the first form found on the page.

So for Ontraport Forms, you can simply use [Submit].

[Submit #%id_of_target_block%]

arrow_drop_down_circle
Divider Text
Step 1

[Timer type=%timer_type% field=%target_field% display=yes/no]

This Shortcode will set an Ontraport Countdown on an Ontraport Page to a date and time related to your %timer_type% and Fill the %target_field% with a TimeStamp (allowing you to transfer this TimeStamp over to Page 2, or to send it via Email to your Visitor).

Note that your %target_field% will be hidden automatically.

Your %target_field% must be either a Numeric, a Text or a Long Text Field (it does not work with Date Fields).

Step 2

[Timer param=%url_parameter% submit=#%id_of_target_block%]

This Shortcode will collect the TimeStamp from your %url_parameter% and submit the Form with ID #%id_of_target_block% once the Timer has expired.

arrow_drop_down_circle
Divider Text
This shortcode will prevent a Form Submission if the %validation_type% deems the content of the %target_field% non-valid and will display your custom %validation_message% in place of the Ontraport one.

[Validate %target_field% %validation_type% "%validation_message%"]

arrow_drop_down_circle
Divider Text
- [FillField %target_field% with "%keyword%"]

Will Fill the Field %target_field% with %keyword%.


- [FillField %target_field%with url %url_parameter_01%,%url_parameter_02%]

Will Fill the Field %target_field% with the value of your %url_parameter_01%, and if not found of your %url_parameter_02%.


- [FillField %target_field%with url %url_parameter_01%,%url_parameter_02% or "%keyword%"]

Will Fill the Field %target_field% with the value of your %url_parameter_01%, and if not found of your %url_parameter_02%, and if not found it will Fill it with %keyword%.


- [FillField %target_checkbox_field%with %checked/unchecked%]

Will set your %target_checkbox_field% as either %checked% or %unchecked%.

arrow_drop_down_circle
Divider Text
Mostly Deprecated : On your Ontraport Pages you can now just do [%url_parameter%] to get the same functionality. This Shortcode - as most of our Shortcodes - can be used outside of Ontraport Pages though.

This Shortcode will display the Value found in the Browser URL for %url_parameter_01%. If not found it will look for %url_parameter_02%, and if this is not found it will display your "%keyword%".

[FromURL %url_parameter_01%,%url_parameter_02% or "%keyword%"]

arrow_drop_down_circle
Divider Text
This shortcode will :

-Stop the automatic Ontraport Redirection upon Visitor Submission of the Form contained in the Block with ID #%id_of_target_block%
Post the data of the Form contained in the Block with ID #%id_of_target_block%

-Trigger your #%trigger.anchor% upon the Form contained in the Block with ID #%id_of_target_block% being Submitted.
You can have as many [MultiStep] as you want on an Ontraport Page, allowing you to create seamless multi-step experiences for your Visitors while still saving all the Data to Ontraport (in case they don't get to the last step).

[MultiStep #%id_of_target_block% #%trigger.anchor%]

arrow_drop_down_circle
Divider Text
This shortcode will Redirect a Visitor to a %url% or an #%anchor%(triggering any related [IfAnchor] in the process).

You are Required. to provide an Anchor or a URL to Redirect the Visitor to.

Redirect %url%]

or

[Redirect #%anchor%]

arrow_drop_down_circle
Divider Text
This shortcode will Trigger one or more Actions - %[do_something]% - and/or display a String - %keyword%- after a certain %time%.

Please note that :

This Shortcode requires an Opening Shortcode, [ShowAfter], and a Closing Shortcode, [/ShowAfter]
This Shortcode doesn't require line-breaks.

[ShowAfter %time%]
%[do_something]%
%keyword%
[/ShowAfter]

arrow_drop_down_circle
Divider Text
[TheYear]

Will display the current year.

arrow_drop_down_circle
Divider Text
[Today %format%(optional)]
arrow_drop_down_circle
Divider Text
[UpdateQuantity id=%quantity field id% quantity=%quantity%]

Will update the quantity of a specific product.

You can get the %quantity field id% using our Chrome Plugin. Simply highlight Fields IDs and click on the quantity you want to update to Copy the id to your clipboard.

A %quantity% can be a numeric or a $var.

arrow_drop_down_circle
Divider Text
[bot_catcher]