cross-sell | The Blog Pros

June 3, 2024

How to Show Product Recommendations in WordPress (7 Easy Ways)

Do you want to show product recommendations in WordPress?

Displaying product recommendations can encourage users to make additional purchases, boosting your sales and revenue. It can also improve user engagement by convincing visitors to stay longer on your site.

In this article, we will show you how to easily show product recommendations in WordPress, step by step.

Why Show Product Recommendations in WordPress?

If you have an online store, then showing product recommendations on the cart or checkout page can increase the average order value on your site.

By suggesting relevant products, you can help customers discover items they might be interested in, leading to a more satisfying shopping experience.

For instance, if a customer purchases a hat in your clothing store, you can recommend sunglasses because both these options protect from the sun and are often bought together.

You can show these recommendations as a slide-in cart, order bump, upsell, or cross-sell products, and even send automated emails to users upon purchase to gain traction.

Having said that, let’s take a look at how to easily show product recommendations in WordPress.

For this tutorial, we will be using multiple methods, so you can use the links below to jump to the one of your choice:

Method 1: Show Product Recommendations on the Products Page
Method 2: Show Product Recommendations on the Cart Page
Method 3: Show Product Recommendations as a Sliding Cart
Method 4: Show Product Recommendations as Order Bumps
Method 5: Offer Post-Purchase Recommendations With Emails
Method 6: Show Product Recommendations in Popups
Method 7: Display Product Recommendations in Easy Digital Downloads
Bonus: Properly Set Up eCommerce Tracking In WordPress

Method 1: Show Product Recommendations on the Products Page

If you want to show relevant recommendations on the products page, then this method is for you.

You can easily do this using the default upsell feature in WooCommerce, so you won’t need any other plugin for this method.

Upsells basically means recommending a more premium version of the product the user is purchasing. However, you can also add other relevant products in this section.

First, you must visit the Products » Add New page from the WordPress dashboard to create a new product. You can also edit an existing one if you want.

Once you have added the details, scroll down to the ‘Product Data’ section and switch to the ‘Linked Products’ tab from the left column.

Here, you can add different products to your WooCommerce store in the ‘Upsell’ section. To do this, just enter the name of the product, and you will be shown the search results from which you can choose a product to add.

After that, scroll back to the top and click the ‘Publish’ button to store your settings and make your product live.

Now, visit your WooCommerce store to view the upsell products under the ‘You may also like’ section.

For more details, see our tutorial on how to upsell products in WooCommerce.

Method 2: Show Product Recommendations on the Cart Page

If you want to display product recommendations on the cart page just as the customer is moving to the checkout, then this is the method to use.

WooCommerce offers the default cross-sell option that allows you to show relevant and complementary products without using any plugin.

First, open the product of your choice in the WooCommerce editor and scroll down to the ‘Product Data’ section.

Here, switch to the ‘Linked Products’ tab where you can add relevant products to be displayed on the carts page in the ‘Cross-sells’ section.

Once you are done, just click the ‘Publish’ or ‘Update’ button at the top to store your settings.

Now, visit your store and add a product in the cart to head over to the Cart page. Here, you will notice that the product recommendations are displayed in the ‘You may be interested in…’ section.

Cross sell product recommendations preview

Method 3: Show Product Recommendations as a Sliding Cart

You can use this method if you want to show product recommendations in a sliding cart.

FunnelKit is a popular WooCommerce plugin that lets you add a sliding cart to your store and also show relevant recommendations within this cart to encourage users to make more purchases.

First, you need to install and activate the Sliding WooCommerce Cart by FunnelKit plugin. For details, see our tutorial on how to install a WordPress plugin.

Upon activation, head to the FunnelKit » Cart page and toggle the ‘Enable Cart’ switch to ‘On.’

After that, you can select the sliding cart visibility, icon position, coupon field, summary, and checkout settings from the section below. For more details on this, see our tutorial on how to easily add a sliding cart in WooCommerce.

Once satisfied, you must switch to the ‘Upsells’ column from the left and toggle the ‘Enable Cart Upsells’ switch to ‘On.’

Note: Keep in mind that you will need the pro version of the plugin to unlock the upsells feature.

How to add upsells and cross-sells to WooCommerce

This will open new settings on the page from where you can configure the display layout for product recommendations. You will be able to see a preview for each layout style on the right corner of the screen.

After that, you must select if you want to show cross-sell or upsell products as recommendations. You can also choose the ‘Both’ option.

Then, you can add a heading to be displayed at the top of product recommendations and choose the number of recommendations to be displayed.

Configure upsell and cross sell settings

Once that is done, scroll down to the ‘Upsells and Cross-Sells’ section to view the list of all the products on your online store.

From here, expand a product’s tab and click the ‘Add Upsell’ or ‘Add Cross Sell’ button to add recommendations.

Remember that upsell products are like the premium version of the product that the customer has added to the cart, while cross-sell products are the ones that are related to the product the user is purchasing.

FunnelKit's advanced conversion features

Upon clicking on one of the buttons, a popup will open on the screen from where you can search and add the product that you want to be displayed in the recommendations.

You can follow the same process for all the products on your online store.

Adding a linked product on your online store

Once you are done, just click the ‘Save’ button at the top to store your settings.

You can now visit your WooCommerce to view the sliding cart with product recommendations.

An example of a cross-sell promotion, created using FunnelKit Funnel Builder

Method 4: Show Product Recommendations as Order Bumps

Use this method to display relevant product recommendations as an order bump, which is a technique used on the checkout page to show relevant products to customers at a lower price point.

This can often convince them to buy it right before finishing the checkout process.

To create order bumps, you will need to install and activate the Funnelkit Builder. For details, see our step-by-step guide on how to install a WordPress plugin.

Note: FunnelKit Builder has a free plan, but you will need the pro version to unlock the order bumps feature.

Upon activation, visit the FunnelKit » Settings page from the admin sidebar and switch to the ‘License’ tab in the left column.

Then, enter your license key and click the ‘Activate’ and ‘Save Changes’ button to store your settings. You can get this information from your account on the FunnelKit website.

Next, you will need to create a checkout page on your WooCommerce store using FunnelKit. For more information on this, see our tutorial on how to customize your WooCommerce checkout page.

Once that is done, go to the FunnelKit » Store Checkout page from the WordPress dashboard and click the ‘Add Order Bump’ button.

Clicking the Add Order Bump button on FunnelKit

This will open a popup where you must add a name for the order bump that you are creating and click the ‘Add’ button.

The plugin will now add the order bump to your checkout funnel. Here, click the ‘Edit’ button to start the process.

Clicking the Edit button on an order bump in FunnelKit

This will take you to a new screen where you must click the ‘Add Product’ button to open a popup.

Here, just type and add the products that you think will complement the buyers’ purchase and then click the ‘Add Product’ button.

Adding products to a FunnelKit order bump

Next, you can select a discount type for the products that you chose from the dropdown menu and can even offer more than one quantity for each item to customers.

Once you have done that, just click the ‘Save Changes’ button to store your settings.

Configuring the product offer's discount type in FunnelKit

Then, scroll down to the ‘Order Bump Settings’ section, where you can select the order bump’s behavior and display position during checkout.

For instance, if you select the ‘Add Order Bumps to Cart Items’ option as the bump behavior, then customers will be suggested these products to add as an extra purchase.

However, when choosing ‘Replace Order Bumps with a Cart Item (used for upgrades)’, you give customers the option to replace their purchase by upgrading to a higher-end version of the product.

After that, switch to the ‘Design’ tab from the top. Here, you can configure how the order bump offer will look to customers.

You can add a title and description and change the text colors, background color, toggle color, border, font size, price display, and box padding and width. Once you are satisfied, just click the ‘Save’ button to store your settings.

Clicking Choose Skin in the FunnelKit Order Bump Design tab

Now, it is time for you to switch to the ‘Rules’ tab, where you have to click the ‘Add Rules’ button.

This will display some new settings on the screen that you can use to display the order bump for specific products. The rules can be based on the cart, customer, geography, or date and time.

For example, if you want to display the order bump on the checkout for a specific product, then you must choose the ‘Customer Product Purchased’ option from the dropdown menu on the right.

After that, just add the product name in the text field on the right and click the ‘Save Changes’ button to store your settings.

An example of the order bump trigger rules in FunnelKit using the AND button

Now, visit your WooCommerce to view the order bump on the checkout page of a specific product.

If you want to know more about trigger rules for order bumps, then you can see our beginner’s guide on how to create an order bump in WooCommerce.

What FunnelKit's order bump looks like in checkout

Method 5: Offer Post-Purchase Recommendations With Emails

If you want to send a post-purchase recommendation email to customers, then this method is for you. For this, you will need FunnelKit Automations, which is a powerful automation plugin.

You can create a workflow with it that will automatically send a recommendation email to users sometime after their purchase.

First, you need to install and activate the FunnelKit Automations plugin. For instructions, see our tutorial on how to install a WordPress plugin.

Note: You can sign up for the FunnelKit free plan to do this.

Upon activation, visit the FunnelKit Automations » Automations page from the WordPress dashboard and click the ‘Create Automation’ button.

This will take you to the ‘Add Automations’ page, where you will see a list of premade templates offered by the plugin.

From here, switch to the ‘WooCommerce’ tab and select the ‘Post Purchase Sequence’ template.

Doing that will open a preview of the automated workflow in a new tab from where you must click the ‘Import Recipe’ button.

This will open a new prompt. Here, add the name for the workflow that you are making and click the ‘Create’ button.

The FunnelKit Automation editor will now be launched on the screen. You can start by clicking on the ‘Order Created’ tab. This is the trigger that will start the workflow.

A popup will appear on your screen, where you will have to select the order status. For instance, if you select the ‘Processing’ option, then the email will be sent to users after they place their order.

However, when choosing the ‘Completed’ option, customers will receive an email after they get the order at their address. Just configure these settings and click the ‘Save’ button.

Once you do that, click the ‘Delay’ tab.

This will open the prompt on the screen where you can choose how long after the purchase the email should be sent to users. For example, you can choose 1 hour from the dropdown menu.

After that, click the ‘Save’ button to store your settings.

Next, click the ‘Action’ tab in the editor to open its settings in the popup. Here, you can start by configuring the subject line of the email.

Then, click the ‘Merge Tags’ option at the top.

On doing that, a popup will open up where you have to switch to the ‘Orders’ tab.

Next, scroll down to the ‘Order Cross Sells’ option and click the copy button next to it.

Click the Copy button next to the Cross Sells option

The prompt will now automatically close, and you can scroll down to the text builder in the ‘Action’ popup.

Here, you can change the email content according to your liking and add the cross-sells tag. Now, users will see a list of relevant products that you added for the purchased product using WooCommerce or FunnelKit.

Once you are done, just click the ‘Save and Close’ button.

Add the merge tag in the text editor and click the 'Save' button

You can now view your automated workflow again to see if you want to make any changes.

After that, toggle the ‘Inactive’ switch at the top to ‘Active’.

Now, your customers will receive an email with product recommendations exactly an hour after purchase.

Method 6: Show Product Recommendations in Popups

If you want to show product recommendations in popups, then this method is for you.

For this, you will need OptinMonster, which is the best lead generation and conversion optimization tool on the market. It allows you to create popups, gamified spin the wheels, banners, and floating bars using its premade templates and visual editor.

It also has exit intent technology that lets you display product popups to users just as they are planning to leave your store.

To create a product recommendation popup, you will need to create an account on the OptinMonster website.

Once you do that, open your WordPress dashboard and install the free OptinMonster plugin, which will connect your website with the tool.

Upon activation, the OptinMonster setup wizard will open up, where you must click the ‘Connect Your Existing Account’ button. You can then follow the onscreen instructions to complete the process.

Next, visit the OptinMonster » Settings page and click the ‘Auto Generate Keys + Connect WooCommerce’ button.

If you don’t do this, then campaigns created with OptinMonster won’t be shown in your store.

Auto generate keys and connect WooCommerce

Once that is done, head over to the OptinMonster » Templates page from the WordPress dashboard and select ‘ Popup’ as the campaign type.

Next, click the ‘Use Template’ button for a template that you want to use. For this tutorial, we have used the ‘Product Recommendations’ template.

This will open a prompt where you can add a name for the campaign that you are creating.

Once you do that, OptinMonster’s drag and drop builder will be launched on the screen. Here, you can use different blocks to add an image, details, and CTA for a product. For more instructions, see our tutorial on how to create a WooCommerce popup to increase sales.

Then, click the ‘Product Details’ button in the popup preview to open its settings in the left column. You can now add the URL for the product’s page in the ‘Redirect URL’ field.

Now, switch to the ‘Display Rules’ tab from the top. Here, you will be setting conditions for the product recommendation popup appearance.

To do this, open the ‘Time on Page’ dropdown menu and choose the ‘Page Targeting’ option.

This will allow you to show your popup to users on a specific product’s page, letting you cross-sell or upsell the product.

Upon choosing this option, select ‘contains’ from the dropdown menu in the middle and then add the URL of the product page where you want to display the specific recommendation popup.

You can also choose the ‘Exit Intent’ option to display the popup as the user is about to leave your store.

If you want, you can change the feature’s intensity to show it to more customers.

Finally, switch to the ‘Publish’ tab from the top.

Here, click the ‘Publish’ button to make your popup live. Then, click the ‘Save’ button to store your settings.

You can now visit your online store to view the product recommendations popup in action.

If you selected a specific page for the popup, then you must head to that page to view the results.

Method 7: Display Product Recommendations in Easy Digital Downloads

If you sell digital downloads on your online store, then the above methods may not be suitable for you.

In that case, you can use Easy Digital Downloads, which is the best plugin for selling digital goods, to show product recommendations.

First, you need to install and activate Easy Digital Downloads. For details, see our guide on how to install a WordPress plugin.

Note: EDD has a free plan, but you will need the pro version to unlock the Cross-sell and Upsell add-on.

Upon activation, visit the Downloads » Settings page from the WordPress admin sidebar to enter your license key. You can get information from under your account on the EDD website.

Then, click the ‘Activate’ button.

Add a license key for your easy digital downloads plugin

Once you have done that, you must set up your store to start selling products. For instructions, see our beginner’s guide on how to sell digital downloads in WordPress.

Next, head over to the Downloads » Extensions page and locate the ‘EDD Cross-sell and Upsell’ addon, and click the ‘Install’ button under it.

Once the addon is installed, it will automatically show an activated toggle like this:

Activate the EDD Cross-sell Upsell addon

Now, it’s time for you to visit the Downloads » Settings page and switch to the ‘Extensions’ tab.

From here, you can configure the heading for upsell and cross-sell products. Remember that the upsell products are like a premium version of the product the user is purchasing, while cross-sell products are the ones that are related to the purchased products.

You can add your headings according to your liking and also adjust the number of product recommendations to be shown from the dropdown menus.

After that, just click the ‘Save Changes’ button to store your settings.

Add headings for cross sell and upsell sections

Now, open the digital product where you want to add product recommendations.

Once the block editor appears, simply scroll down to the ‘Cross-sell and Upsell’ section, where you can add custom headings for each section.

If you don’t add a heading, then the default headings you configured will be added to the page.

After that, select the upsell product recommendations from the dropdown menu. You can follow the same process for cross-sell products as well.

Once you are done, just click the ‘Update’ or ‘Publish’ button to store your settings.

Now open the product page on the website front-end, and you will see that the upsell product will be recommended on the product page.

On the other hand, the cross-sell products will be recommended to users when they are on the checkout page.

This is how the cross-sell products looked on our demo website.

Cross-sell product recommendation preview

Bonus: Properly Set Up eCommerce Tracking In WordPress

Once you have added product recommendations, it is time for you to set tracking for your online store to find your top-selling products, see which campaigns perform the best, and understand how people find and use your website.

This will help you find what kind of products customers are likely to buy along with others in your store. For example, you may notice that anyone who is buying sunscreen is also purchasing a hat.

With this information, you can show relevant product recommendations to customers and boost your conversions.

To do this, you will need MonsterInsights, which is the best Google Analytics solution on the market.

Upon plugin activation, simply connect your website with Google Analytics. For details, see our tutorial on how to install Google Analytics in WordPress.

Then, head over to the Insights » Addons page from the WordPress dashboard and install the eCommerce addon.

Now visit the Insights » Settings page and switch to the ‘eCommerce’ tab. Here, you must toggle the ‘Use Enhanced eCommerce’ switch to ‘On.’

Once you do that, MonsterInsights will start recording analytics and find the data you need, including conversion rate, transactions, revenue, average order value, and top products.

For details, see our tutorial on how to properly set up eCommerce tracking in WordPress.

We hope this article helped you learn how to show product recommendations in WordPress. You may also like to see our beginner’s guide on how to pass payment processing fees to customers in WordPress and our top picks for the best email marketing services to grow your email list.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Show Product Recommendations in WordPress (7 Easy Ways) first appeared on WPBeginner.

August 10, 2020

How to Create a WooCommerce Popup to Increase Sales (6 Proven Methods)

Do you want to create a WooCommerce popup to boost sales?

Lightbox popups allow you to easily grab customer attention and nudge them into making a purchase. You can use WooCommerce popups to offer coupons, promote sales, get visitors onto your email list, and more.

In this article, we’ll show you how to easily create a WooCommerce popup to increase sales. We will show you different types of popups and how to apply them to your store.

Why You Need to Create a WooCommerce Popup

Have you ever wondered why you keep seeing popups on all major eCommerce websites?

It’s because popups do a great job of converting website visitors into paying customers. They help online stores to quickly grab customer attention by showing them targeted messages at just the right time.

If you run a WooCommerce store, you can use popups to help you:

Increase sales by delivering timely messages to your customers. For instance, you could make the popup appear when users are about to leave your store.
Recover abandoned cart sales by offering a coupon or free shipping.
Sell more products through cross-sells (promoting related products) and upsells (promoting a better featured product).
Build your email list, social following, or remind your customers of ongoing sales and promotions.

That being said, let’s take a look at how to use WooCommerce popups to boost sales and conversions on your store.

We’ll be using OptinMonster for this tutorial. OptinMonster is a powerful conversion optimization tool that lets you turn abandoning website visitors’ into subscribers and customers.

It seamlessly integrates with WooCommerce and have powerful personalization options built specifically for WooCommerce stores.

Tip: To create coupons for your offers, we recommend using Advanced Coupons. It allows you to create lots of different smart coupons for your WooCommerce site.

Getting Started with OptinMonster

Before you begin creating a WooCommerce popup, you need an OptinMonster account that’s connected to your WordPress site.

First, go to the OptinMonster website and sign up for an account.

Tip: OptinMonster’s Pro plan lets you use most of the features we’ll be covering. If you want to create a ‘spin to win’ campaign, you need the Growth plan.

Once you’ve signed up for OptinMonster, you need to connect your OptinMonster account to your WordPress site. To do this, you first need to install and activate the OptinMonster plugin on your WordPress site. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you should see the OptinMonster welcome screen in your WordPress admin. Simply click the ‘Connect Your Account’ button.

Now, follow the on-screen instructions to connect your OptinMonster account with your WordPress site.

Once you’ve done this, you will see the Campaigns page. Here, you need to click on the ‘Create New Campaign’ button:

In the rest of this tutorial, we’ll cover several different types of WooCommerce popups. You can use these quick links to jump straight to the instructions for each one.

How to Create a WooCommerce Coupon Popup
How to Create a WooCommerce Cart Abandonment Popup
How to Create a WooCommerce Cross-Sell Popup to Promote Related Products
How to Create a WooCommerce Upsell Popup to Get Customers to Spend More
How to Create a Gamified WooCommerce ‘Spin to Win’ Popup
How to Create a Fullscreen Popup for WooCommerce

How to Create a WooCommerce Coupon Popup

Coupons are a great way to increase sales. You can use a popup to ensure that customers know about your coupon and encourage them to use it.

To create a coupon popup, simply select the ‘Popup’ campaign type. Then, select your template by bringing your mouse over it and clicking the ‘Use Template’ button. We’re going to use the ‘Coupon’ template:

OptinMonster will prompt you to name your campaign and choose which site you want it to load on.

Now, it’s time to design your coupon. Simply click on any part of the coupon to edit it. You can change the text, font, colors, and more. Here, we’re editing the header text for the coupon:

You can also remove parts of the coupon. For instance, you might decide that you don’t want to have an email sign up box. You could simply display a coupon code within the popup to encourage the customer to use it instantly.

Tip: The default coupon code is SAVE25. This is displayed on the screen after the customer enters their email address. It’s easy to change or remove this under the ‘Success’ view for your popup.

Don’t forget to click the ‘Save’ button once you’re finished with making changes to the coupon design:

For more help, take a look at our step by step instructions on creating a coupon popup. That tutorial also explains how to integrate OptinMonster with your email list.

Once you’ve created your coupon popup, you need to set the display rules. Click the ‘Display Rules’ tab in the top bar. By default, the coupon will appear after 5 seconds have expired, on all pages of your site.

You might want to change this to a longer or shorter duration, or base it on how long the visitor has been on your site as a whole. You might also want to only show the coupon on certain pages of your site.

We’re going to get our coupon popup to appear after our potential customer has been on our site for at least 15 seconds. This means they’ll see the coupon even if they move between several different product pages rapidly:

The final step is to publish your coupon popup and make it live on your site. Follow our instructions at the end of the article for help with this.

How to Create a WooCommerce Cart Abandonment Popup

You may be losing a huge amount of money to cart abandonment.

A popup is a great way to prompt visitors to finish checking out. You can create a special WooCommerce popup to appear when a user is on the shopping cart page and moves to leave your site.

First, create a new campaign in OptinMonster. You need to select ‘Popup’ for the campaign type. Then, go ahead and choose a template for your popup. We’re going to use the ‘Abandoning Checkout’ template:

Now, give your popup campaign a name and click the ‘Start Building’ button:

Your chosen template will open up in the campaign builder. You can change the text, colors, fonts, and more. Simply click on the element you want to change:

Once you’ve finished making changes, don’t forget to click the Save button on the top right.

Now, it’s time to set your popup so that it displays on your WooCommmerce shopping cart page. First, click the ‘Display Rules’ tab at the top of the screen.

Click the ‘time on page’ dropdown here if it’s not already selected, then click on ‘Exit Intent’. OptinMonster’s exit intent technology allows you to show your message at the precise moment user shows the intent to leave your website.

Next, scroll down the page. Leave the first dropdown here as ‘current URL path’ and set the second dropdown to ‘exactly matches’. In the box that appears, enter the URL of your shopping cart page.

Don’t forget to save your changes. Then, go to the Publish tab to put your coupon live on your online store. You can find instructions on this later in our tutorial.

How to Create a WooCommerce Cross-Sell Popup to Promote Related Products

Another great way to boost sales is to cross-sell your products. Cross-selling is when you promote a product that goes with something the customer is already buying.

For instance, if your customer buys a summer shirt, then they might also be interested in buying a sun hat. Or if they buy greetings cards, then they may also want wrapping paper.

To create a cross-sell popup in OptinMonster, you first need to create a new campaign. Make sure you select ‘Popup’ for the campaign type, then choose any template you want.

We’re going to use the ‘Shopping’ template for our popup.

Next, OptinMonster will prompt you to name the campaign and choose which website you want to load it on. Once you’ve done this, simply click the ‘Start Building’ button.

You will be taken into the campaign editor. Here, you can change any aspect of your template by clicking on it. We’ve uploaded a different image for our campaign:

It’s easy to change the text, buttons, and more. You can even include the coupon straight away like we have, by deleting the email newsletter signup field. We added extra text blocks to our popup to give the coupon code:

If you keep the email sign up, make sure you edit the ‘Success’ view of the popup to display your chosen coupon code.

Tip: If you do use the email sign up, you also need to link OptinMonster to your email provider under the ‘Integrations’ tab. There are instructions on this in our step by step guide on creating a coupon popup.

Once you’ve finished creating your campaign, don’t forget to click the ‘Save’ button on the top right.

In order to show your campaign to customers with specific products in their carts, you need to connect OptinMonster with WooCommerce.

To do this, click on the OptinMonster tab in your WordPress dashboard and then click on the ‘WooCommerce’ tab.

You should see a message letting you know that WooCommerce is connected with OptinMonster:

Now, go back to the OptinMonster app and edit your chosen campaign. Click on the ‘Display Rules’ tab, then select ‘the WooCommerce cart contains’ and your chosen product for your rule:

You need to set up a separate rule for each product that you want the cross-sell to apply to. Simply click to add a new ‘OR’ Rule:

Then, add your rule as before:

Don’t forget to click the ‘Save’ button on the top right of the screen. Now, you just need to follow the instructions at the end of this tutorial to put your popup live on your site.

How to Create a WooCommerce Upsell Popup to Get Customers to Spend More

An upsell popup lets you encourage customers to buy a product that’s more expensive than the one they were considering.

For instance, if you sell a software package, you might offer a special deal on a higher-priced plan.

To create your upsell popup, you first need to create a new OptinMonster campaign. Select ‘Popup’ for the campaign type and choose any template that you want to use. We’ll be using the ‘Flash’ template:

Once you’ve selected your template, OptinMonster will prompt you to name your campaign and select the site you want to run it on. Once you’ve done this, simply click the Start Building button:

You can now change anything you like about the campaign by clicking on the item. We’re going to switch the timer to become a dynamic (evergreen) timer. This means it will be set individually for each customer:

If you want to give customers the coupon straight away, simply remove the email field. It’s easy to use the ‘Add Blocks’ feature to add a text field with a coupon code here instead.

Once you’re happy with your coupon, click the ‘Save’ button on the top right. Then, click the ‘Display Rules’ tab.

Simply follow the instructions above for cross-sell coupons to connect OptinMonster and WooCommerce. Then, set a display rule to show the popup when the user is looking at a specific product:

Tip: Don’t want to go through the steps of connecting OptinMonster and WooCommerce? You could instead use OptinMonster’s page targeting rule to target the URL of your product page instead.

Once you’ve set your display rules, go ahead and save your popup. Then, simply put it live on your site by following the instructions at the end of this tutorial.

How to Create a Gamified WooCommerce ‘Spin to Win’ Popup

The spin a wheel popup we’re going to look at is a bit different. The gamified ‘spin to win’ popup gives the customer a special offer or coupon. It’s a fun alternative to boost conversions and overall engagement.

First, create a new campaign in OptinMonster and select the Gamified campaign type. There are 3 templates you can choose from. We’ll be using the blue wheel:

OptinMonster will prompt you to give your campaign a name and choose which website to load it on. Once you’ve done this, just click the ‘Start Building’ button.

You will now see the coupon wheel template in the OptinMonster editor. Simply click on any element that you want to change. To edit the different options on the wheel, click on it then click the ‘Edit Wheel Sections’ button:

Once you’re happy with your coupon wheel, click the ‘Save’ button at the top of the screen:

Just follow our step by step guide to creating a ‘spin to win’ popup if you want more help with setting up your coupon wheel.

You also need to link OptinMonster to your email system. To do that, simply click on the ‘Integrations’ tab then click the ‘Add New Integration’ button:

Next, you need to select your email provider from a dropdown list:

Follow the on-screen instructions to connect OptinMonster with your email provider. Don’t forget to click the ‘Save’ button again at the top of the screen after doing so. Now, you can put the popup live on your site by following the instructions at the end of this tutorial.

How to Create a Fullscreen Popup for WooCommerce

Another very effective popup you can create for your online store is a fullscreen WooCommerce popup. This lets you welcome new visitors and encourage them to join your email list. You could offer them a special discount in return.

To create a fullscreen popup in OptinMonster, create a new campaign and choose the Fullscreen campaign type. Then, select a template. We’re going to use the Estate template for our popup:

Next, you need to enter a name for your campaign and choose which site it will display on. Once you’re ready, click the ‘Start Building’ button.

You’ll now see your fullscreen welcome mat in the OptinMonster builder. You can edit the text and the image to suit your store. Simply click on whatever you want to change.

We’re going to change the text by clicking on it and editing it in the left hand pane:

Go ahead and make any other changes you want.

Next, you need to integrate OptinMonster with your email list by clicking the ‘Integrations’ tab. For instructions on this, take a look at our guide to spin the wheel popups above.

Once you’re happy with your welcome mat, don’t forget to click the ‘Save’ button. You can then move to the ‘Display Rules’ tab:

For the display rules, you want to set your welcome mat to only display to first time visitors. To do this, click on the ‘time on page’ dropdown and select the ‘New Visitor’ option:

If you want the welcome mat to display on all pages of your site, simply leave the ‘current URL path’ dropdown set to ‘is any page’. Don’t forget to click the ‘Save’ button at the top of the screen:

You can now go ahead and put your popup live on your site by following the instructions below.

For more tips, check out our guide to creating a welcome mat for your WordPress site. You’ll find some useful examples there, too.

Putting Your WooCommerce Popup Live on Your Site

After creating any popup, you need to make it live before it will show up on your website. First, you need to click the ‘Publish’ tab in the OptinMonster app. Then, click the ‘Status’ toggle to set it to Live.

Note: Your popup will not be live straight away. You still need to go live with it in WordPress.

Now, go back to your WordPress admin and click on the OptinMonster menu item.

You should then see your popup listed here:

You need to click the ‘Go Live’ button to put your campaign live:

It’s always a good idea to check your site to make sure your popup is displaying as intended. Here’s our cross-sell campaign in action, promoting sun hats when there’s a summer shirt in the customer’s cart:

We hope this article helped you learn how to create a WooCommerce popup to increase sales. You might also like our list of the best WooCommerce plugins for your store, and our comparison of the best WooCommerce hosting providers to speed up your store.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Create a WooCommerce Popup to Increase Sales (6 Proven Methods) appeared first on WPBeginner.