Click Trigger

The "Click" Trigger fires when the visitor clicks on specified element(s). Below you can find how to set up a box with "Click" trigger, all supported settings for this trigger explained as well as how to trigger it with the JavaScript Events API.

• How to create a click popup in Joomla
• Trigger Settings
• Use Cases
• Frequently Asked Questions

How to create a click popup in Joomla

To set up your box to trigger on Click go to your box > Trigger Tab > Trigger Section and apply the following settings:

• Click on Trigger Point and select on Click.
• Set the Trigger Element by specifying the ID or the Class of the element(s) that should fire this trigger. You can specify multiple elements separated by comma.
• Set whether to pervent the default action of the element from occuring(i.e. prevent following the link URL) in the Disable Default Action setting.
• Lastly, set the delay of the trigger by entering a number in milliseconds in the Delay setting.

Trigger Settings

Below you can find all settings that are configurable when you choose the "on Exit" Trigger.

Use Cases

Open box when user clicks on any element on your page

A use case would be to have a play button on your page to display a video. This play button can trigger a popup that holds the video you want your users to see, which can have a background overlay to remove distractions from your users in order to enjoy the video.

Frequently Asked Questions

How to Trigger using Javascript

Using the Javascript Events API v2, you can configure any box to be triggered using the "on Click" Trigger. Below you can find a Javascript snippet:

EngageBox.onReady(function() {
    // Get box instance
    const box = EngageBox.getInstance(5);

    box.bindTrigger('onClick', {
        trigger_selector: '.myDiv'
    });
});

You can read more on the Javascript Events API documentation, on Click Trigger.