We use cookies to understand how you interact with our site, to personalize and streamline your experience, and to tailor advertising. By continuing to use our site, you accept our use of cookies and accept our Privacy Policy.

Your Digital Commerce Experts

A Trick to Reward Positive Purchase Intent

A Trick to Reward Positive Purchase Intent
Liquid Web & Nexcess
Nexcess Is Now Part Of The Liquid Web Family
Find all your favorite content for WordPress and WooCommerce here on Nexcess.net

Need a new way to convert visitors, especially those with purchase intent?

Visitor engagement with an online store usually indicates some sort of purchase intent, and the longer and more in-depth the interaction, the more likely it is for the interaction to end in a sale.

Rewarding positive purchase intent is a great way to increase your client’s chance of turning a browser into a buyer.

Here’s an Example

Let’s say a user is visiting your client’s custom toothbrush website for the first time, and you’d like to offer them a discount only after they interact with the website. After all, you don’t want to give every existing customer a discount if they’re already buying from you, and you also probably want to make the discount more exclusive by giving it only to those visitors that engage deeply with the website.

Here’s the Flow

website workflow for purchase intent

Tools for This Project

WordPress website running the latest version of WooCommerce
Ahoy Plugin
Ahoy for WooCommerce Plugin
Ninja Forms Plugin
Promotional coupon created with WooCommerce’s native coupon functionality

Subscribe to the Liquid Web eCommerce newsletter for more ways to increase profitability for WooCommerce stores.

Let’s Get Started

Create a Form for the Question You’ll Ask

We’ll be asking the website visitor to answer a question, but in order to do that, we’ll need to create a form to handle the input. In this example, we’ll be asking the prospect for their favorite color. To do that, we’ll use a Ninja Form.

Head over to Ninja Forms and add a new Blank Form.

ninja forms blank form

The blank form should look something like this in the Ninja Forms designer.

blank form in Ninja Forms designer

We’ll need a list of colors for a person to choose from, so select Radio List from the available field types.

radio list in blank Ninja Form

Next, we’ll edit the items and titles.

edit items and titles to appropriate copy for form in Ninja Form

In order to provide our users with a promotion upon completion of the form/question, we’ll want to update the Success Message under the Emails & Actions tab.

update success message on ninja form

Finally, publish your new form.

publish new ninja form

Input creation, ✔️

Next, we’ll need to create a message popup that will engage the site visitor (but not an existing customer).

Ahoy does a great job with messaging and integrates directly with Ninja Forms. First, we’ll create a new message within the Ahoy plugin, and enter a title and message headline.

new message in ahoy

Next, let’s make sure that after a visitor interacts with the message to completion, they don’t see the message anymore. Under “How often should users see this message?,” select “Only once (after user closes the message)”.

For this example, we’ll also set the time delay to 0s so that the popup shows immediately on the first visit.

setting time delay and options on ahoy

Now it’s time to connect the message to Ninja Forms.

  1. We’ll select Ninja Forms as the type of call to action.
  2. Enter some text that’s relevant to the question we’re asking (in this case, Choose your favorite color!).
  3. Change the auto-close time to 50 (this is how long the window will stay around after the form is submitted).
  4. Select the Ninja Form we created in the dropdown for which form do you want to use.

integrating Ninja Form and Ahoy

The last thing we need to do is make sure the form only displays if Ahoy detects that the visitor is not an existing customer that has already completed a purchase. To do this, we’ll set the condition to Is Not Customer Has Purchased.

setting ahoy conditions for displaying message

Now it’s time to see our handy work in action!

Message Flow in Production

As you can see, the Ahoy popup will appear by default in the lower right of the page. I’ve themed my popup to match the colors of the site.

watching ahoy display during purchase intent

First, we ask the user to choose their favorite color.

user given option for favorite color to signify purchase intent

When the user clicks the “Choose your favorite color!” button, they’re presented with the Ninja Form to select their favorite color.

radio list displayed

Finally, upon successful completion, they’ll receive a promo code (it will disappear after 50 seconds). Pro tip: Since you’re using Ninja Forms to power the form, you can also opt to have the offer emailed directly to the customer if they provide their email address.

user signifies purchase intent and gets promo code

This recipe can be further modified to provide different messaging and offers based on the context of the user’s interaction with the store and their purchase intent.

Take a WooCommerce Store to the Next Level

The 4 Keys to Generating Seven Figure Sales on WooCommerce - eBook