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 the class name ‘ctc_greetings_now’ reaches the viewport with a 25% margin to the screen, the greetings dialog appears.
Time Action
Displays greetings dialog based on given time.
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.
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’, the 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.