How to use the Engagement events condition (web channel)?

With the Engagement events condition, you can track how visitors interact with your page. This allows you to trigger automated workflows based on people’s engagement with content on the page.

The Engagement events condition reacts when visitors interact with the page, such as clicking on the page elements or scrolling through the content.

Automation now has two channels: Email and Web. The Email channel is used to reach your email subscribers, while the Web channel allows you to engage both email subscribers and non-subscribed website visitors. Subscribed users can move from the Web to the Email channel to continue their journey, but not the other way around.

To use this condition, you must have Web Connect properly installed on your website. This script is essential for integrating various GetResponse services and enables the transmission of event data via Web Connect, whether through our plugins or your custom implementations.

Configuration

  1. Drag Engagement events element from Conditions section in WEB channel in the automation workflow editor.

    web channel automation section with 'Engagement events' condition selected under basic web conditions

  2. From the dropdown menu, select a domain. If your domain is not visible there, make sure the Web Connect is properly installed on the site linked with it.

    'Engagement events' condition settings

  3. When configuring the condition, you can:
    • Define when the next step will be triggered – when all or any actions occur.
    • Define a list of Engagement events. You can configure up to six events. From the dropdown menu, select the type of event:
      • Click – provide a CSS selector so the automation can identify the exact element that needs to be tracked.
      • Scroll to element – provide a CSS selector so the automation knows the specific element the visitor has scrolled to.
      • Scroll by percentage  – specify the percentage of the page that must be scrolled to trigger the event.
    • You can also enable Run multiple times for this conditions, so it will trigger every time the defined criteria are met.

      Engagement events' condition site path and define a parameter settings

CSS examples

Here are some practical examples you can use when configuring your events:

  • Track a button click

    .buy-now-btn

    This will trigger the event when a visitor clicks a button with the class buy-now-btn.

  • Track a specific link

    a[href="/pricing"]

    This will trigger the event when a visitor clicks a link that leads to the /pricing page.

  • Track scrolling to a section

    #features

    This will trigger the event when the visitor scrolls to the section of the page with the ID features.

Setting up a trigger using CSS selectors requires basic knowledge of HTML and CSS. If you’re unfamiliar with these concepts or the structure of your website’s code, we recommend consulting your web developer.

Please note that GetResponse does not provide technical support for setting up CSS selectors. However, if you need general guidance, you can refer to online resources or seek assistance from a professional.

Use cases

You can use the Engagement events condition to:

  • Tag visitors based on their interests (e.g., scrolls to certain articles).
  • Show popups based on user behavior.
  • Send push notification or push notification prompt based on specific page interactions.

Related articles

Popular resources