💡 ClickFix | Smart Conditions

[HideElement 63,79,81 in #o873cdb2cb775] [HideBlock #o95a3a9fb95a8,#o18b204965691] [IfAnchor #feature.overview][ShowElement 69,73,70 in #o873cdb2cb775][HideElement 63,79,81 in #o873cdb2cb775] [ShowBlock #o8b725d199808][HideBlock #o95a3a9fb95a8,#o18b204965691] [Redirect #obf93de62bd0d] [/IfAnchor] [IfAnchor #demo][ShowElement 63,79,70 in #o873cdb2cb775][HideElement 69,73,81 in #o873cdb2cb775] [ShowBlock #o18b204965691][HideBlock #o8b725d199808,#o95a3a9fb95a8] [Redirect #obf93de62bd0d] [/IfAnchor] [IfAnchor #how.to.implement][ShowElement 63,73,81 in #o873cdb2cb775][HideElement 69,79,70 in #o873cdb2cb775] [ShowBlock #o95a3a9fb95a8][HideBlock #o8b725d199808,#o18b204965691] [Redirect #obf93de62bd0d] [/IfAnchor] [Validate #o18b204965691-email IBAN “Please enter a valid IBAN”] [HideColumn 111 in #o18b204965691] [HideElement 11,12 in #o18b204965691] [IfAnchor #showdemomenu] [ShowElement 11,12 in #o18b204965691] [HideElement 10 in #o18b204965691] [/IfAnchor] [IfAnchor #hidedemomenu] [HideElement 11,12 in #o18b204965691] [ShowElement 10 in #o18b204965691] [/IfAnchor] [HideElement 14,15 in #o18b204965691] [IfAnchor #read.more][ShowElement 14,15 in #o18b204965691][HideElement 13 in #o18b204965691][/IfAnchor] [IfAnchor #hide][HideElement 14,15 in #o18b204965691][ShowElement 13 in #o18b204965691][/IfAnchor] [HideElement 37,38 in #o18b204965691] [Calc $timer=1] [IfVar $timer is '1'] [ShowElement 36,39,40,41 in #o18b204965691] [ShowAfter 3sec][Calc $update=1][/ShowAfter] [/IfVar] [IfVar $timer is '2'] [ShowElement 37,43,42,44 in #o18b204965691] [ShowAfter 3sec][Calc $update=2][/ShowAfter] [/IfVar] [IfVar $timer is '3'] [ShowElement 38,45,47,46 in #o18b204965691] [ShowAfter 3sec][Calc $update=3][/ShowAfter] [/IfVar] [IfVar $update is '1' AND $timer is '1'] [Calc $update=0] [Calc $timer=2] [/IfVar] [IfVar $update is '2' AND $timer is '2'] [Calc $update=0] [Calc $timer=3] [/IfVar] [IfVar $update is '3' AND $timer is '3'] [Calc $update=0] [Calc $timer=1] [/IfVar] [IfAnchor #one][Calc $timer=1][Redirect #done][/IfAnchor] [IfAnchor #two][Calc $timer=2][Redirect #done][/IfAnchor] [IfAnchor #three][Calc $timer=3][Redirect #done][/IfAnchor] [IfBump 50 is checked][FillBump 51 with unchecked][/IfBump] [IfBump 51 is checked][FillBump 50 with unchecked][/IfBump] [IfBump 50 is checked OR 51 is checked][ShowElement 52 in #o18b204965691][/IfBump] [Autocomplete #o18b204965691-f1744 options='XS,S,M,L,XL'] [Autocomplete #o18b204965691-f1745 options='Ms,Mr'] [IfField #o18b204965691-f1745 is 'Ms'][ShowElement 69 in #o18b204965691][/IfField] [IfField #o18b204965691-f1745 is 'Mr'][ShowElement 68 in #o18b204965691][/IfField] [IfField #o18b204965691-f1745 not ''][ShowElement 64 in #o18b204965691][/IfField] [IfField #o18b204965691-f2460 is 'Yes'][ShowElement 65 in #o18b204965691][/IfField] [IfField #o18b204965691-f2460 is 'No'][ShowElement 67 in #o18b204965691][/IfField] [Autocomplete #o18b204965691-f1746 options='Tesla,BMW,Peugeot,Chrysler'] [HideElement 82,84,83 in #o18b204965691] [IfAnchor #uk][ShowElement 82 in #o18b204965691][HideElement 84,83 in #o18b204965691][/IfAnchor] [IfAnchor #fr][ShowElement 84 in #o18b204965691][HideElement 82,83 in #o18b204965691][/IfAnchor] [IfAnchor #es][ShowElement 83 in #o18b204965691][HideElement 82,84 in #o18b204965691][/IfAnchor] [HideElement 87,26 in #o18b204965691] [IfAnchor #showshortcode.1][ShowElement 87,26 in #o18b204965691][HideElement 86 in #o18b204965691][/IfAnchor] [IfAnchor #hideshortcode.1][HideElement 87,26 in #o18b204965691][ShowElement 86 in #o18b204965691][/IfAnchor] [HideElement 90,27 in #o18b204965691] [IfAnchor #showshortcode.2][ShowElement 90,27 in #o18b204965691][HideElement 89 in #o18b204965691][/IfAnchor] [IfAnchor #hideshortcode.2][HideElement 90,27 in #o18b204965691][ShowElement 89 in #o18b204965691][/IfAnchor] [HideElement 92,48 in #o18b204965691] [IfAnchor #showshortcode.3][ShowElement 92,48 in #o18b204965691][HideElement 91 in #o18b204965691][/IfAnchor] [IfAnchor #hideshortcode.3][HideElement 92,48 in #o18b204965691][ShowElement 91 in #o18b204965691][/IfAnchor] [HideElement 94,55 in #o18b204965691] [IfAnchor #showshortcode.4][ShowElement 94,55 in #o18b204965691][HideElement 93 in #o18b204965691][/IfAnchor] [IfAnchor #hideshortcode.4][HideElement 94,55 in #o18b204965691][ShowElement 93 in #o18b204965691][/IfAnchor] [HideElement 95,70 in #o18b204965691] [IfAnchor #showshortcode.5][ShowElement 95,70 in #o18b204965691][HideElement 96 in #o18b204965691][/IfAnchor] [IfAnchor #hideshortcode.5][HideElement 95,70 in #o18b204965691][ShowElement 96 in #o18b204965691][/IfAnchor] [HideElement 98,85 in #o18b204965691] [IfAnchor #showshortcode.6][ShowElement 98,85 in #o18b204965691][HideElement 97 in #o18b204965691][/IfAnchor] [IfAnchor #hideshortcode.6][HideElement 98,85 in #o18b204965691][ShowElement 97 in #o18b204965691][/IfAnchor]

Top Features

Pricing

Case Studies

DFY

Contact

LOGIN

Smart Conditions

Feature Overview

Demo

How To Implement

Smart Conditions in ClickFix empower you to dynamically control and customize the behavior of elements on your Ontraport Pages. This feature offers a versatile set of rules and triggers, enabling you to create interactive and responsive content that adapts to user actions and decisions. With Smart Conditions, you can easily show or hide elements based on various criteria, such as user behavior, URLs, field values, and variables. Whether you want to create conditional menus, order bump prompts, or personalized content, Smart Conditions provide the flexibility and precision to make your Ontraport Pages truly dynamic and engaging.

Key Benefits:

Customize element behavior based on user interactions.
Create interactive menus, forms, and content that adapt to user choices.
Show or hide elements based on specific URLs, field values, and variables.
Enhance user experience with responsive and context-aware content.
Improve conversion rates and engagement by delivering personalized experiences.

Smart Conditions empower you to take full control of your Ontraport Pages, making them more dynamic and user-centric. Explore the possibilities and create compelling, customized experiences for your audience.

In the video you can see how you can create a mobile menu using this shortcode:

[ HideElement 61 in #oa6c935a4d21b]
[ HideColumn 56,58 in #oa6c935a4d21b]
[ IfAnchor #show.mobile]
[ ShowElement 61 in #oa6c935a4d21b]
[ HideElement 60 in #oa6c935a4d21b]
[ ShowColumn 56,58 in #oa6c935a4d21b]
[ /IfAnchor]
[ IfAnchor #hide.mobile]
[ ShowElement 60 in #oa6c935a4d21b]
[ HideElement 61 in #oa6c935a4d21b]
[ HideColumn 56,58 in #oa6c935a4d21b]
[ /IfAnchor]
< /div>

Demo

Submit

Name On Card

Card Number

CVC

Mobile Menu

Divider Text

In this demo we are using shortcode to make a dynamic menu.

- [ ShowElement] [ HideElement] to show or hide elements on the page

- [ IfAnchor] to trigger some actions manually

[ HideElement 11,12 in #o18b204965691]
[ IfAnchor #showdemomenu]
[ ShowElement 11,12 in #o18b204965691]
[ HideElement 10 in #o18b204965691]
[ /IfAnchor]
[ IfAnchor #hidedemomenu]
[ HideElement 11,12 in #o18b204965691]
[ ShowElement 10 in #o18b204965691]
[ /IfAnchor]

Divider Text

In this demo we are using shortcode to make a 'Read More' text.

- [ ShowElement] [ HideElement] to show or hide elements on the page

- [ IfAnchor] to trigger some actions manually

Hide

Click Learn More to learn how to accomplish this!

Show Shortcodes Used

Hide

[ HideElement 14,15 in #o18b204965691]
[ IfAnchor #read.more]
[ ShowElement 14,15 in #o18b204965691]
[ HideElement 13 in #o18b204965691][ /IfAnchor]
[ IfAnchor #hide]
[ HideElement 14,15 in #o18b204965691]
[ ShowElement 13 in #o18b204965691][ /IfAnchor]

Carrousel Images

Divider Text

In this demo we are using several shortcode that work together :

- [ Calc] to set a value to a $variable

- [ IfVar] to trigger some actions according to a $variable

- [ ShowElement] [ HideElement] to show or hide elements on the page

- [ ShowAfter] to delay some actions

- [ IfAnchor] to trigger some actions manually

Show Shortcodes Used

Hide

[ HideElement 37,38 in #o18b204965691]
[ Calc $timer=1]

[ IfVar $timer is '1']
  [ ShowElement 36,39,40,41 in #o18b204965691]
  [ ShowAfter 3sec][Calc $update=1][ /ShowAfter]
[ /IfVar]

[ IfVar $timer is '2']
  [ ShowElement 37,43,42,44 in #o18b204965691]
  [ ShowAfter 3sec][Calc $update=2][ /ShowAfter]
[ /IfVar]

[ IfVar $timer is '3']
  [ ShowElement 38,45,47,46 in #o18b204965691]
  [ ShowAfter 3sec][Calc $update=3][ /ShowAfter]
[ /IfVar]

[ IfVar $update is '1' AND $timer is '1']
[ Calc $update=0][ Calc $timer=2]
[ /IfVar]

[ IfVar $update is '2' AND $timer is '2']
[ Calc $update=0][ Calc $timer=3]
[ /IfVar]

[ IfVar $update is '3' AND $timer is '3']
[ Calc $update=0][ Calc $timer=1]
[ /IfVar]

[ IfAnchor #one][ Calc $timer=1][ Redirect #done][ /IfAnchor]
[ IfAnchor #two][ Calc $timer=2][ Redirect #done][ /IfAnchor]
[ IfAnchor #three][ Calc $timer=3][ Redirect #done][ /IfAnchor]

Bump Choices

Divider Text

Here you can see what clickfix can do with Orders Bumps

With shortcode like :

-[ IfBump] to trigger action if the bump is checked or unchecked

-[ FillBump] to check or unchek a bump automatically

- [ Autocomplete] to provide a list of options for the user to choose from when filling out a form field

Yes! I'd like to add Female Vest

Yes! I'd like to add Male Vest

Vest Size ?

Show Shortcodes Used

Hide

[ IfBump 50 is checked][ FillBump 51 with unchecked][ /IfBump]

[ IfBump 51 is checked][ FillBump 50 with unchecked][ /IfBump]

[ IfBump 50 is checked OR 51 is checked][ ShowElement 52 in #o18b204965691][ /IfBump]

[ Autocomplete #o18b204965691-f1744 options='XS,S,M,L,XL']

IfField

Divider Text

In this demo element will apear accordingly to what you choose.

- [ IfField] to trigger some actions according to a field value

- [ ShowElement] [ HideElement] to show or hide elements on the page

- [ Autocomplete] to provide a list of options for the user to choose from when filling out a form field

Title

What brand is it?

You must first own a vehicle to use our services.

Show Shortcodes Used

Hide

[ Autocomplete #o18b204965691-f1745 options='Ms,Mr']
[ IfField #o18b204965691-f1745 is 'Ms'][ ShowElement 69 in #o18b204965691][ /IfField]
[ IfField #o18b204965691-f1745 is 'Mr'][ ShowElement 68 in #o18b204965691][ /IfField]
[ IfField #o18b204965691-f1745 not ''][ ShowElement 64 in #o18b204965691][ /IfField]

[ IfField #o18b204965691-f2460 is 'Yes'][ ShowElement 65 in #o18b204965691][ /IfField]
[ IfField #o18b204965691-f2460 is 'No'][ ShowElement 67 in #o18b204965691][ /IfField]

[ Autocomplete #o18b204965691-f1746 options='Tesla,BMW,Peugeot,Chrysler']

Language Selector

Divider Text

In this demo you will be able to choose a welcome message depending of the language your client selected.

- [ ShowElement] [ HideElement] to show or hide elements on the page

- [ IfAnchor] to trigger some actions manually

What is your favorite language

Hello and welcome to ClickFix!

Bonjour et bienvenue chez ClickFix!

Hola y bienvenido a ClickFix!

Show Shortcodes Used

Hide

[ HideElement 82,84,83 in #o18b204965691]

[ IfAnchor #uk][ ShowElement 82 in #o18b204965691][ HideElement 84,83 in #o18b204965691][ /IfAnchor]

[ IfAnchor #fr][ ShowElement 84 in #o18b204965691][ HideElement 82,83 in #o18b204965691][ /IfAnchor]

[ IfAnchor #es][ ShowElement 83 in #o18b204965691][ HideElement 82,84 in #o18b204965691][ /IfAnchor]

CLICKFIX

PRODUCT

Template Library

Shortcodes

DISCOVER

Case Studies

Live Documentation

Support

Change Log