How to Upsell Products in WooCommerce (5 Easy Ways)

Are you looking for ways to upsell products on your WooCommerce store?

Upselling is a great way to boost your sales and earn more money. You can encourage customers to purchase a more expensive version of your product.

In this article, we’ll show you how to upsell products in WooCommerce.

How to upsell products in WooCommerce

Why Upsell Products in WooCommerce?

Upselling is a sales technique that you can use to encourage shoppers to purchase a higher-priced product instead of the one they already have in their shopping cart.

These products provide more value to your customers because they have higher quality, include more features, and are more lucrative for your business.

For example, let’s say a customer adds a hiking shoe to their cart. You can offer them higher-quality hiking shoes that are more comfortable, durable, and versatile. Similarly, if you’re selling software or plugins on your WooCommerce store, then you can offer upgrades and addons to customers.

Since upselling persuades customers to buy a higher-priced product, you get to increase your average order value and boost the revenue of your online store. It also helps to increase the visibility of products that aren’t purchased frequently.

That said, let’s see how you can upsell products in WooCommerce. We’ll cover multiple methods, so you can click the links below to jump ahead to your preferred section:

Adding Upsell Products in WooCommerce

In WooCommerce, you can link different products and show them as upsell on the product page.

To start, you’ll need to go to Products » Add New from the WordPress dashboard. You can also edit an existing product.

Creating a new WooCommerce product

Next, you can scroll down to the Product Data section and click on the ‘Linked Products’ tab.

Here, you’ll be able to add different products under the ‘Upsell’ section. Simply enter a name and search for the product your want to upsell.

Add products to upsell

Go ahead and update your product page.

You can now visit your WooCommerce store and see the upsell products under the ‘You may also like’ section.

View upsell products

Creating a WooCommerce Popup to Upsell Products

A great way to upsell your products is by displaying a lightbox popup on your WooCommerce store. It can instantly grab your users’ attention and help boost sales.

You can offer discounts or limited-time offers on high-value goods. Plus, you can show it on specific pages, when a user spends a particular time on a page or is about exit your store.

Upsell popup preview

The best way to create a WooCommerce upsell popup is using OptinMonster. It is the best WordPress popup plugin and lead generation software in the market.

You can choose from multiple pre-built popup templates and campaign types.

Choose a campaign type and template

Plus, you can use the drag-and-drop campaign builder to customize your upsell popup.

You can edit different blocks, including the existing ones in the template.

Customize your upsell popup

After customizing your popup, you can head to the display rules tab and configure when you’d like to show it to your customers.

OptinMonster offers powerful options, including the Exit Intent technology. This allows you to show your campaign just as the user is about to leave your website. Plus, there are many eCommerce-related display options.

For example, you can display your campaign when a visitor views a particular product on your WooCommerce store or adds a certain number of items to a cart.

Popular display rules

For more details, you can see our guide on how to create a WooCommerce popup to increase sales.

Offer One-Click Upsells on Checkout Page

Another way to upsell in WooCommerce is by showcasing your products at different points in the customer journey.

For instance, you can display high-priced products on the checkout page and allow users to instantly add them to the cart before placing an order. This helps you optimize your sales funnel, boost sales, and earn more revenue.

The easiest way to upsell products during checkout is by using FunnelKit, formerly known as WooFunnels. It is the best WordPress sales funnel and automation plugin, and it offers a one-click upsell option that you can add to your checkout page.

First, you’ll need to install and activate the Funnel Builder Pro plugin. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, you’ll see the FunnelKit setup wizard. You can start by entering the license key and following the onscreen instructions to configure the plugin.

Enter your WooFunnel license key

Once the plugin is set up, you can go to FunnelKit » Funnels from your WordPress dashboard.

After that, simply click the ‘Add new funnel’ button.

Add a new funnel button

FunnelKit offers different funnel templates for your WooCommerce store, including store checkout, sales funnel, and lead generation funnel.

Go ahead and select a template for your online store. We’ll use the ‘Optic’ store checkout template for this tutorial.

Select a funnel template

Next, you can preview the template and choose whether you’d like a one-step, two-step, or three-step funnel. The difference between these is that you can show different checkout steps on other pages.

For example, in one-step checkout, all the information is displayed on a single page. On the other hand, a three-step checkout would show basic information, shipping details, and payment on multiple pages.

After that, click the ‘Import This Funnel’ button at the top.

Import the template

Next, a popup window will open where you’ll need to enter a name for your funnel.

Go ahead and click the ‘Add’ button.

Enter a name for your funnel

FunnelKit will now import the template.

On the next screen, you’ll see different pages in the funnel. You can edit each of these pages and add additional steps.

To add a one-click upsell option, simply click the ‘Add Order Bump’ button under the Checkout step.

Edit your funnel and add new steps

After that, a popup window will open.

Go ahead and enter a name for your Order Bump and click the ‘Add’ button.

Add an order bump

You should now see your Order Bump as a sub-step under the Checkout page.

To add products for upselling, you can edit the order bump page.

Edit the order bump page

Next, you’ll need to add products you’d like to show on checkout.

Simply click the ‘Add Product’ button to continue.

Add product to your bump offer

After that, a popup window will open to add your products.

You can search for the products and then click the ‘Add Product’ button.

Search and add products to upsell
Next, you will see the products you just added. FunnelKit lets you rearrange its order if there are multiple items.

You can also change the behavior and display position of the goods you’d like to upsell on the checkout page. For example, the plugin lets you show upsell products below the payment gateways, above or below the order summary, inside the mini cart, or above the checkout form.

Change bump offer settings

FunnelKit also offers options to change the design of your order bump.

Simply switch to the ‘Design’ tab to edit the title, description, and style. There are different skins to choose from and additional options to further customize each skin.

Edit design of your bump offer

Once you’re done, go back to the Store Checkout dashboard in FunnelKit.

Next, click on the dropdown menu next to the title of your store checkout and change the status to Publish.

Publish your store checkout page

Your one-click upsell will now be active on your WooCommerce store. You can now visit your online store to see it in action.

For instance, our upsell offer appears after the payment gateway on the checkout page. Customers can add the item to their order with a single click.

One click upsell preview

Upsell Products on a Custom WooCommerce Thank You Page

In addition to showing products during checkout, you can create a custom thank you page and upsell products on your WooCommerce store.

Many WordPress website owners might think of a thank you page as a small part of their eCommerce store, but it can have a huge impact on your sales. It gives you the opportunity to recommend more valuable items, offer a discount coupon, and increase your sales.

Thank you page preview

With SeedProd, you can easily create a custom WooCommere thank you page. It is the best website builder and landing page plugin for WordPress.

The plugin offers different pre-built page templates and lots of customization options.

Thank you page template

You can use the drag-and-drop page builder to customize your thank you page.

For example, there are blocks for adding text, images, buttons, contact forms, countdown timers, social profiles, and more. Plus, you can control and edit each element on your template.

Customize your custom thank you page

The best part is that SeedProd offers WooCommerce blocks as well.

You can add a product grid or simply add your best-selling, recent, featured, or top-rated products to the thank you page.

Add WooCommerce blocks

For step-by-step instructions, please see our guide on how to create a custom WooCommerce thank you page.

Automatically Add Products to Cart Using a Coupon

Did you know that you can upsell products by automatically adding them to the customer’s cart? For example, when a customer purchases over $200 worth of goods, you can give them a free gift bag.

With the help of the Advanced Coupons plugin, you can set up personalized coupons in WooCommerce and automatically add products to the cart when a coupon is applied.

You’ll need at least the Advanced Coupon Growth plan to add products via coupons. Once you’ve set up the plugin, go to Coupons » Add New from your WordPress dashboard.

Add a new coupon code

Next, you can enter a coupon code at the top or click the ‘Generate coupon code’ button to automatically create a random code.

After that, scroll down to the Coupon data section and switch to the ‘Add Products’ tab.

Add a product

From here, you can search for the product you’d like to automatically add to your cart when the coupon code is applied.

There are also options to set the order quantity and add a price or discount for the selected product.

Search for your product to add for coupon code

Once you’ve selected a product, click the ‘Add’ button.

You should see your product under the Add Products section. Don’t forget to click the ‘Save Add Products Data’ button.

Save your add products data

Besides that, Advanced Coupon also lets you set up cart conditions.

This way, you can set up rules for applying your coupon code. For example, the coupon code will only work if the cart quantity or subtotal is more than a certain amount, or a customer adds products from a specific category.

Add cart conditions

After setting up these conditions, you can publish your coupon code.

Now, your product will automatically add to the cart whenever a customer enters the discount coupon on checkout.

Automatically add products using coupon

For more details, please see our guide on how to auto-apply coupons in WooCommerce.

We hope this article helped you learn how to upsell products in WooCommerce. You can also see our guide on the best WooCommerce plugins and how to speed up your WooCommerce performance.

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 Upsell Products in WooCommerce (5 Easy Ways) first appeared on WPBeginner.

How to Customize WooCommerce Checkout Page (The Easy Way)

Do you want to customize your WooCommerce checkout page?

The default WooCommerce checkout page isn’t optimized for conversions. By customizing and optimizing your checkout page, you can increase your conversions and make more sales.

In this article, we’ll show you how to easily customize your WooCommerce checkout page, step by step without writing any code.

How to customize WooCommerce checkout page (the easy way)

Why Customize WooCommerce Checkout Page in WordPress?

Studies show that between 70 – 85% of all carts are abandoned. In other words, majority of users are leaving your checkout pages without making a purchase.

Creating a custom WooCommerce checkout page gives you a final opportunity to turn a website visitor into a customer before they leave your store.

With a custom checkout page, you can add testimonials / social proof elements to build trust, add related products to boost revenue, and optimize the overall page layout for better conversions.

Checkout page example

All of these will elevate conversions and make it more likely your visitor will become a long-term customer.

Before you move forward, you may also want to customize your WooCommerce cart page to improve conversions here too.

If you’re using WooCommerce’s cart and checkout pages together, then you’ll want these pages to have similar branding to offer your visitors a great checkout experience.

By customizing these together, you can improve your overall conversions and earn more revenue. For more details, see our guide on how to create a custom WooCommerce cart page without writing any code.

With that said, let’s take a look at how you can easily customize your WooCommerce checkout page and make more money from your online store.

How to Customize Your WooCommerce Checkout Page in WordPress

SeedProd is the best drag and drop WordPress page builder used by over 1 million websites. It lets you easily customize your WooCommerce checkout page to make more sales.

First thing you need to do is install and activate the plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Note: there is a free version of SeedProd that’s available, but for this tutorial, we’ll show the Pro version since it has built-in WooCommerce blocks.

Once the plugin is activated, go to SeedProd » Settings and enter your license key.

SeedProd license key

You can find this information under your account page on the SeedProd website.

After that, navigate to Seedprod » Pages and then click on the ‘Add New Landing Page’ button.

Add new SeedProd landing page

Next, you’ll be asked to choose a landing page template. There are dozens of professionally designed templates for you to choose from.

You’ll notice that the templates are filtered by different categories. Choosing a template category that matches the type of page you want to create can help you build your page faster.

With that said, every template can be fully customized, no matter which template you choose.

For this tutorial, we’ll select the ‘Blank’ template since this lets us build the exact kind of checkout page we want.

To select a template, hover over it and click the ‘Checkmark’ icon.

Select blank SeedProd template

After that, you’ll be asked to name your page. The page name will also match the URL for your checkout page.

Then, click the ‘Save and Start Editing Page’ button.

Name checkout page

This will take you to the drag and drop editor, where you can build your custom WooCommerce checkout page.

The right side will be your page preview, and the left side is the options panel to help you customize.

First, we’ll add a header so that you can maintain your branding.

To do this, click on the ’Sections’ menu option in the left hand panel and then click the ‘Header’ category.

Insert header section

After that, hover over the ‘Header 1’ template and click the ‘Plus’ icon.

Next, click the ‘Image’ section of your page and upload your store logo on the left hand menu.

Add header logo

Then, you can delete the navigation menu by hovering over it and clicking ‘Delete Block’.

Deleting the other menu items reduces the number of page exits and makes it more likely your visitor will complete their purchase.

Delete menu block

Once you’ve done that, click on the button labeled ‘Call to Action’.

We’re going to change the text so it says ‘View Cart’.

Edit button text

This lets your users go back to their cart page to add items or change the quantity.

Then, add the URL of your WooCommerce cart page to the box labeled ‘Link’.

You can make the link nofollow or open in a new tab, but we’ll leave the default settings.

Edit button URL

Next, click the content and sidebar layout in the ‘Choose your layout:’ section.

This lets you create a section for your checkout, plus a recommended product section.

Select two column layout

After that, locate the ‘Checkout’ block in the WooCommerce section and drag it over to your page.

You can completely customize how your checkout looks, including the color scheme, font choice, link color, buttons, and more.

Add checkout block

Next, you can add a popular products or recommended products section. This lets you improve your sales by promoting other products shoppers could be interested in.

To add this, simply drag over the ‘Best Selling Products’ block from the ‘WooCommerce’ section.

You can choose any of the other WooCommerce product blocks as well.

Add WooCommerce products block

Next, you can add a headline above the popular products.

Simply drag the ‘Headline’ block over to your page above the popular products. You can customize the font, size, text, color, and more.

Add product headline block

Once you’ve done that, you can add a testimonials block. This acts as social proof and assures your visitors they’re making the right decision.

Find the ‘Testimonials’ block and drag it underneath your popular products.

Add testimonials block

The testimonials block can be completely customized.

You can add a customer photo, job title, and more.

Customize testimonials block

Another thing you can do to improve social proof even more is add a star rating right under your testimonial.

Simply select the ‘Star Rating’ block and drag it under your testimonial.

Add star rating block

After you’re done customizing your WooCommerce checkout page, you can make it live by clicking the drop down arrow next to the ‘Save’ button and select ‘Publish’.

Publish checkout page

Now, instead of the default WooCommerce checkout, you’ve created a high converting WooCommerce checkout page.

Feel free to continue customizing your page and testing out different elements, sections, and blocks.

WooCommerce checkout page example

Pro tip: you can track your WooCommerce checkout page performance to see if your customizations are improving revenue. For more details, see our step by step guide on how to setup WooCommerce conversion tracking.

Assign Your Checkout Page to WooCommerce

Once you’ve finished customizing your checkout page and made it live, you need to change the default WooCommerce URL settings.

Changing the URL makes it so your customers will automatically go to your new WooCommerce checkout page, instead of the default option.

First, go to WooCommerce » Settings and click on the ‘Advanced’ tab.

Change WooCommerce cart URL

Then, select the new WooCommerce checkout page URL from the drop down menu.

Make sure to click ’Save changes’ at the bottom of the screen.

Now, when a visitor clicks ‘Proceed to checkout,’ they’ll be taken to your new, high converting page you just built.

Some WooCommerce themes even give customers the option of going straight to the checkout page.

Direct to checkout example

How to Reduce Checkout Page Abandonment

Checkout page abandonment is when a customer starts the checkout process, but doesn’t complete their payment. It’s similar to cart abandonment, but it’s one more step towards completing payment and becoming a customer.

Customizing your checkout page with the tutorial above will go a long way towards optimizing your checkout page for conversions.

However, there are a few things you can do to reduce checkout abandonment further.

Reduce Any Addon Checkout Charges

When customers get to their cart, they expect the total price to be similar to the total product prices.

If they get to checkout and see taxes, high shipping costs, and other additional fees, then there’s a good chance they won’t complete the purchase.

Added fees example

A customer might continue with the purchase if they think the costs are justified. However, the best thing to do is be upfront with your pricing.

If you have a lot of additional fees for fulfilling your products, then add these to your total product prices. Or, explain the reason for the additional costs.

Amazon was able to dominate the eCommerce space by offering free 2-day shipping.

Consider offering free shipping on your products or offering free shipping to orders above a certain amount.

Make Account Creation Optional or Simpler

Requiring account registration before completing a purchase can lead to abandonment. This can increase your email subscribers, but it adds more friction to the buying process.

You can allow your users to create an account, but you don’t have to make it a requirement.

Instead, you can set up a registration form to grow your email list after the user completes their purchase.

You can also simplify the required fields on the checkout page. If you need to collect more information, then you can do that after checkout.

The goal should be to eliminate as many fields (friction points) from user’s way, so they can complete the purchase.

Offer More Checkout Payment Options

Another reason your visitors won’t follow through with the checkout process is that you don’t offer enough payment options.

Your online store should provide the most common payment options.

Payment options example

Your customers will use the payment method that’s most convenient for them.

For more details, see our list of the best WooCommerce payment gateways for WordPress.

We hope this article helped you customize the WooCommerce checkout page easily. You may also want to see our expert picks of the best WooCommerce hosting, and our list of the best WooCommerce plugins for 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 Customize WooCommerce Checkout Page (The Easy Way) appeared first on WPBeginner.