Event driven pop-ups

Characteristics of event-driven pop-ups

Event Driven Popups are one of the methods of selecting the action that will be executed once the criteria are met. All instructions about the settings and criteria for actions on sites are described in the article here - Configuration of Actions on sites

These popups differ from the standard ones. It is displayed only after the user acts on the site.  An example of such action can be clicking on a button.

Configuration

After selecting the type of action, click "add" (the maximum number of actions is 10). After that, it will be possible to select a popup creation prepared in advance. Creating popup is described in a separate article in our Help Center - Pop-up creations

The most important step during the configuration is to set the appropriate item selector. In the Item Selector field, indicate the CSS selector of the item that will trigger an action once clicked, e.g: #tagID or .tagClass. If possible, use selectors that point to the ID - this will ensure that the element is correctly indicated.

Then select the "Event Type" after which the popup will display. The default setting is "After click", which will cause the popup to display once you click on the indicated location.

The "Custom event" option is an event that must be pre-programmed and implemented on the monitored page. The "Event name" field contains the name of the previously programmed event.

Then when the event is triggered, a popup will be displayed on the page. An example of a custom event could be filling in a specific field, or dragging an image on the page. Instructions about creating events can be found here: Creating and triggering events @ Mozilla Developer Page

After defining all the options in a standard way, we run the action on site.

Be aware the action on site triggered by the event cannot be launched in test mode.

The thing you should also remember is to assign an appropriate capping of the action. Within one page view, capping will be counted as one and after one of the popups is displayed. This may be important once you add more than one popup triggered by an event.