Trigger Elements

Trigger Elements define which parts of the page fire the event. Everything is standard CSS selectors, so it works with any theme or page builder.

Parent Selector

The CSS selector for the element(s) that should trigger the event on click:

.cta-button              /* class */
#signup-form             /* id */
a[href*="pricing"]       /* attribute contains */
nav .menu-item > a       /* nested */

Track multiple instances

When the selector matches several elements (e.g. every card in a grid), enable this so each match gets its own listener. Leave it off for unique elements.

Child Selectors (Pro)

Scope parameter extraction to elements inside the parent. Example: the parent selector matches a product card, and a child selector pulls the product title from .card-title within the clicked card.

Tips

Test selectors in your browser console with document.querySelectorAll('your-selector') before saving. Prefer stable, semantic classes over auto-generated ones from page builders.