The External Link Click Trigger

The “Extenral Link Click” Trigger fires when the visitor clicks on the specified element(s) or any element that redirects to an external (3rd-party) site. Below you can find how to set up a box with the “External Link Click” trigger, all supported settings for this trigger explained as well as how to trigger it with the JavaScript Events API.

How to create an external link click popup in WordPress

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 External Link 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. If you leave this empty, it will trigger on any external link.

Trigger Settings

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

SettingValueDescription
Trigger PointExternal Link ClickFires when the visitor clicks on specified element
Trigger Element.myElementSpecify the ID or the Class of the element(s) that should fire this trigger. You can specify multiple elements separated by comma.

Example 1: .item-100, .item-101
Example 2: #logo

Keep in mind that query selectors must always begin with an underscore (_), a hyphen (-), or a letter(a–z), followed by any number of hyphens, underscores, letters, or numbers.

Note: Leaving this empty will make sure the popup will trigger on any external links.

Use Cases

Open box when user clicks on external links/buttons on your page

A use case for this trigger would be to have links that redirect your users to external sites that are 3rd-party resources or any links that may be entered by your users such as in comments or similar. By utilizing this trigger, you can notify your users that they are about to leave your site and go to an external site.

Frequently Asked Questions

How to Trigger using Javascript

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

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

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

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

Was this helpful?