Reactions module will be available in WP Full Picture Pro version 10
When someone lands on your site, it has only one chance to attract them with your offer.
If the price is wrong, the content of the site doesn’t match what was in the ad, or when the website doesn’t give the visitor enough nudge towards the purchase, the conversion can never happen.
But there is a solution – real-time website personalisation.
What is Reactions module
Reactions module lets you personalize your website to every single visitor.
Technically speaking, it can fire JavaScript functions and change classes of HTML elements in response to actions that visitors takes on the site, traffic source, ad campaign, time of the day and many more.
What can you do with it?
Here are some simple examples:
- Help stuck shoppers
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 does it work
Step 1. Go to the Custom Triggers module and set up what will trigger changes on your website.
These can be many things e.g.:
- when someone visits your site from a specific ad campaign
- a specific date, time or date range
- value of products in cart
- the number of times someone visited cart page without making the purchase
- when someone’s mouse left the screen of a specific page
- if the user is browsing from a specific country
- when someone’s visitor score reached 20 points
- and many more
Step 2. Go to the Reactions module and choose what type of change you want to trigger.
You have two options:
- trigger a JavaScript function (with optional parameters that will be pushed to functions)
- change a class of an HTML element
Tips when setting up triggering JS functions
When you configure triggering JS functions, you can enter paths to JS functions and variables.
If the function you want to trigger, is inside some object, you can enter it with a path like this window > document > my_object > my_function
The same goes for variables. You can enter variables that are inside other objects. They do not need to be “hooked” to the “window” object. For example, you can use window > some_object > some_variable or fpdata > page_type.
Remember however, that the functions and variables cannot be set with “let” or “const” keywords. They must be accessible from the window object.
Also, please notice, that the fpdata object that I named above, is a special kind of object that WP FP creates. You can learn more about it here.
And this is everything you need to do.