Recipes are reaction-trigger combinations that function best together to capture your visitors’ attention and get them to take action.
These were compiled through extensive testing and deployments on dozens of commercial websites.
Interest + Subtle Reactions
Interest - The visitor is showing interest in a specific section or content.
Subtle - Subtle reactions allow you to animate elements on the site and draw attention to them.
Combination - When a visitor is showing interest in a specific section or content, animating a related element can draw attention to the next action you'd like them to take. For example, animate the "Add to Cart" button when the user is showing interest in the product information. Test out different subtle reactions to find the effect that works best for your visitors.
Idle + Spotlight
Idle - The visitor has been inactive on the page for a certain amount of time (away from the computer or on a different tab / window).
Spotlight - highlights an element on the page while slightly darkening the rest (clicking anywhere on the screen makes the effect disappear)
Combination - When visitors return from their "Idle state", they need to be reminded what is important on the page and what their next step should be. This is especially effective when used on form pages and cart pages.
Idle + Lightbox
Lightbox - appears on top of an existing page with a message.
Combination - The message could read “welcome back” and offer some kind of incentive for taking another action.
Page Exit + Lightbox
Page Exit - The visitor is showing exit intent by scrolling to the url bar and tabs section.
Combination - The lightbox is the "last attempt" to get the visitor to stay on the page. It is visible and prominent, and can make a final compelling offer to prevent the visitor from leaving.
Page Exit + Top Bar
Top Bar - The top bar, as the name suggests, appears from the top and delivers a message for the visitor.
Combination - Since the visitor has been scrolling upwards on the page, it is very likely he will see a message appearing from the top. A well-crafted, sentence-long message can compel these visitors to take action before leaving.
Click On + Side Notification
Click On - The visitor has clicked on something that isn't clickable (visitors tend to click on images and logos even when they aren't links, as well as on content while they're reading it).
Notification - Notifications appear from either side of the site, carrying a small message and call to action (optional).
Combination - The side notification allows you to show a message related to the element the visitor has just clicked on, encouraging the user to take action. This interaction feels intimate, and makes the user feel he has uncovered a message that is unique.
Scroll + Side Notification
Scroll - The visitor scrolls to a specific section of the page.
Combination - When the user is scrolling down, a side notification can offer relevant content, or direct them to the next action you'd want them to take.
Scroll + Bottom Bar
Bottom Bar - The bottom bar, as the name suggests, appears from the bottom of the page.
Combination - Since the Bottom Bar appears from the bottom, it flows well with the direction of scrolling, making it compelling for the visitor to click to sign up or get more information.
Form Leave + Bottom Bar
Form Leave - The visitor has started filling out the form, but stopped mid-way.
Combination - Since a form is usually filled from the top down, a message appearing from the bottom matches the direction the user was taking. This is a great way to encourage the visitor to complete the form ("just a few more steps and you're done", or re-assure them ("we only use this information to contact you back")
Have a successful Trigger - Reaction combination? Let us know!