Reactions module is a behavioral targetting feature.
It lets you personalize your website to your visitors’ behavior. Specifically, you can use it to trigger JavaScript functions and change classes of HTML elements in response to:
- actions that visitors take on the site,
- traffic source,
- ad campaign that the visitor came from,
- time of the day,
- and many more.
What can you do with it?
- Push shoppers towards purchase
Show a popup when someone visits the cart page several times but never goes to checkout. You might offer help, a FAQ link, or a small incentive to finish the purchase. - Reward higher-value carts
Display a notification with a discount code when someone’s cart reaches a specific value. This can gently push them to complete the order instead of abandoning it. - Match the offer to the ad
Show alternative pricing, different benefits, or a special banner when someone comes from a specific ad campaign or region. This keeps the promise of the ad and makes the visitor feel, “Yes, I’m in the right place.”
And these are just a few ideas. You can mix and match rules to fit your goals.
How to set it up
Step 1. Decide what you want to trigger – JS functions or HTML changes
Choose the appropriate section in the left menu
Step 2. Decide when you want to trigger JS / change HTML
WP Full Picture lets you trigger JS functions and change HTML classes after:
- Standard (simple) events, like clicks, form submissions or views
- Custom events – advanced, multi-condition events that you define yourself, e.g. when a user from a google ad campaign fills in a form on the landing page.
- Engagement tracking events – when visitors reach a specific engagement level with the site, during a session
If you already set up any event tracking in WP FP, then you should already have some available event triggers to choose from (like on the image above). In such case, go to step 4. Otherwise, continue with step 3.
Step 3. Create new event triggers
To create new event triggers, click “Add / Edit” button in section that interests you.
Then, fill in the fields in the popup and save the settings.
Step 4. Set up what you want to trigger
Click the buttons above “Add / Edit” button, and fill in the details.
Tip if you want to trigger a JS function – PATHS
To trigger a JS function you need to provide its function name and (optionally) variable name(s). If they are accessible via the “window” object, then you simply fill in the fields with the function or viariable names.
However, if the function / variable is not accessible directly via the “window” object, e.g. window.my_object.my_function() then you need to use paths.
Paths let you target functions / variables that are inside other objects, e.g. window > my_object > my_function or fpdata > page_type.
Window is optional. If it is missing, it is assumed to be the first element of a path.
fpdata is a special object that WP FP creates. You can learn more about it here.
Remember, that functions and variables must be accessible from the window object, and so, they cannot be set with “let” or “const” keywords.
Important considerations
If the JS function that you want to trigger requires consent, remember to use conditions to check if the visitor agreed to specific uses of their data.