Greetings Actions – Time, Scroll, Click, Viewport

Use Actions to display the Greetings Template at a particular time or scrolling to a certain part of the webpage or clicking on an element or when an element reaches the viewport.

Click

Add ‘ctc_greetings’ class name to any element. When the user clicks on that element, the greetings dialog appears.

To add a class name – select any element and at the right sidebar settings at ‘Advanced–>Additional CSS class(es)’ add ‘ctc_greetings’ as the class name.

View Port (PRO)

When an element with the class name ‘ctc_greetings_now’ is in the viewport, the greetings dialog appears.

To add a class name – select any element and at the right sidebar settings at ‘Advanced–>Additional CSS class(es)’ add ‘ctc_greetings_now’ as the class name.

So now, when the user scrolls the page, and when the element with class name ‘ctc_greetings_now’ reaches viewport with a 25% margin to the screen the greetings dialog appears.

Time Action

Displays greetings dialog based on given time.

The value of the time action is taken as seconds.

Time Delay: Set the Time Action value to display the greetings dialog after a given time and set the initial stage to ‘close’.

Scroll Action

Displays greetings dialog when the user scrolls down the web page to the given scroll Action value.

The value of the scroll action is taken as a percentage.

Scroll Delay: Set the scroll action value to display the greetings dialog when a user scrolls down to the given Scroll Action and set the initial stage to ‘close’.

If the Initial Stage is ‘open’ greetings dialog displays by default with no time delay. But Once the user closes the greetings dialog on any page, the greetings dialog won’t appear until the user clicks to chat or will open based on the given time and scroll values.