Blog  Learn  Widget Demos  Developer Portal  Login to AB Tasty

Articles in this section

"Conditions" tab

Avatar
Product Team
  • Updated
Follow

Introduction

More and more widgets in the widget gallery have a common "Conditions" tab. Let's discover these extra options which will make your widget display (triggering) and re-display (recurrence) the most  converting way possible.

Why can't I see the triggering or the recurrence in the editor?

The triggering and recurrence features of the widgets are the only JavaScript code (along with the Account JavaScript code) that is not executed in the editor. You will need to QA the widget properly to "see" the triggering and the recurrence being executed.

 

 

Triggering

Capture_d_e_cran_2020-10-23_a__17.30.05.png

  • When the page is loaded: Displays the widget when the page is loaded, at "DOM Ready" meaning when the DOM (all the elements of a page) is ready (are loaded). It is the default trigger.

Capture_d_e_cran_2020-10-23_a__17.29.56.png

  • As soon as possible: Displays the widget as soon as the AB Tasty tag can be executed. This option can be useful to display the widget even if the page is heavy to load, or with infinite scroll, lazy loading...

Capture_d_e_cran_2020-10-23_a__17.29.47.png

  • At exit intent: Displays the widget when the user moves their cursor towards the top of the page (as in about to close the browser active tab or switch tab).

Capture_d_e_cran_2020-10-23_a__17.29.37.png

  • After x seconds of inactivity: Displays the widget when the user remains inactive on the website for a given amount of time (no scroll, no click, no move). Contrarily to the other triggers, the delay slider on this one defines the number of seconds of inactivity (default for this trigger is 10 seconds).

Capture_d_e_cran_2020-10-23_a__17.29.22.png

  • At click on an element: Displays the widget when the user clicks on a defined HTML element of the page. It can be a button, an image, a <div>, the <body> element... 

Capture_d_e_cran_2020-10-23_a__17.29.12.png

  • When an element is visible: Displays the widget when a defined HTML element appears in the visitors viewport. This element can be present at pageload in the "fold", or at the footer of the page. It basically can be used as a scroll percentage trigger. 

element-visible-vs-scroll-rate.png

Triggering a widget based on a scroll percentage does not really help for responsive websites. Pick element visibility instead.

 

Capture_d_e_cran_2020-10-23_a__17.29.02.png

  • Custom trigger: Displays the widget according to the custom code you configured using the resolve() function. If this function returns true, the widget is triggered. If the function returns false, the widget doesn’t trigger. It can cover many use cases and specific needs. A specific behavior (right click, double click, rage click, text selection, horizontal scroll...). Pretty much everything that the browser can be aware of.

 

 

Extra triggering options

Capture_d_e_cran_2020-10-23_a__17.30.37.png

  • Delay (seconds): Displays the widget after a given time interval. Available only for the following triggers: "When the page is loaded", "As soon as possible", "At exit intent", "After x seconds of inactivity", "When an element is visible".
  • Trigger only once per page: Choose to trigger the widget several times or only once per page. Available only for the following triggers: "At click on an element" or "Custom trigger". 
  • Auto-hide after redirection: If the widget is a link or contains a link in button, you may need to hide the widget once it has been clicked. You can also add a delay to hide it.

 

 

Recurrence

Capture_d_e_cran_2020-10-23_a__15.38.29.png  Capture_d_e_cran_2020-10-23_a__15.39.24.png

When the widget has been triggered once, you can display it again based on several options available from a drop-down list.

  • The widget will be displayed: Define is the widget will be displayed only once, every time, every x days, weeks or months.

- "Ok but if I select 5 days and the visitors comes back only 12 days after?"

- "He will see the widget again."

  • After closure, the widget will be displayed: If the widget can be closed, then you will be able to set the recurrence after closure. Which means that if a visitor closes the widget, he will see it (again) next time (every time), every x days, weeks or months or just this time (when he closed, then no more).
  • After click, the widget will be displayed: If the widget contain a link or is a link, then you will be able to set the recurrence after click. Which means that if a visitor clicks on the widget link, he will see it (again) next time (every time), every x days, weeks or months or just this time (when he clicked, then no more).

- "Ok but I would like to set recurrence every thursday at 5:00 PM."

- "It is not possible, yet."

 

The recurrence options apply the first time the widget is displayed on the web page.

  • Every time: Enables to display the widget always (at every trigger)
  • Every session: Enables to display the widget again each time a visitor is running a new session ; sessions are based on the session storage of the browser and will stop when the visitor closes the window. Meaning that opening a new tab in the same browser is considered as a new session.
  • Every x days: Enables to display the widget again depending on the specified number of days
  • Every x weeks: Enables to display the widget again depending on the specified number of weeks
  • Every x months: Enables to display the widget again depending on the specified number of months
  • Once (no recurrence): Enables to display the widget only once (the first time it is triggered)

 

Related articles

Comments

0 comments

Article is closed for comments.