Fewer Returns, More Sales: How to Add Size Charts in WooCommerce

Have you ever wondered how many sales you lose because shoppers aren’t sure if an item will actually fit them?

When buying clothes or shoes online, a customer’s biggest worry is getting the right size. This uncertainty often leads to them closing the tab and looking for a store that provides clearer information, resulting in abandoned carts and lost sales for you.

I understand how frustrating it is to lose potential customers just because of sizing doubts. That’s why I’ve helped many store owners set up clear size guides on their product pages, which removes this doubt and gives customers the confidence to click ‘Add to Cart’.

In this guide, I’ll show you how to easily add a size chart to your WooCommerce store using three proven methods. By the end, you’ll have a system in place that reduces returns, boosts sales, and keeps your customers happy.

TL;DR: There are multiple ways to add a size chart to WooCommerce. If you are on a tight budget, you can use the free WPC Product Size Chart plugin. If you want to save time by importing pre-made sizing templates, I recommend Advanced Product Size Charts Pro. You can also use SeedProd to custom-design your product page layouts.

Why Add a Size Chart to Your WooCommerce Store?

The biggest reason for high return rates in online stores is often incorrect sizing. When a customer receives an item that doesn’t fit, it leads to a frustrating experience for them and extra shipping costs for you.

By adding a clear size guide, you make sure your shoppers have all the information they need before they buy. This builds trust and helps people feel more confident about clicking the ‘Add to Cart’ button.

Beyond reducing returns, a professional size chart offers several technical benefits for your store:

• Higher Conversion Rates: Shoppers are much more likely to complete a purchase when they aren’t worried about the fit.
• Fewer Support Tickets: You won’t have to spend as much time answering emails from customers asking for specific measurements.
• Better Mobile Experience: Using a popup chart means mobile users can quickly check sizes without leaving the product page.
• Improved SEO: Detailed product information like measurements can help your store show up for more specific search queries.

Taking a few minutes to add a size chart is one of the easiest ways to build trust with your shoppers and protect your bottom line.

With that in mind, let’s look at the best ways to set this up on your site without writing any code.

Which Method is Right for You?

There are a few different ways to add sizing guides to your store, depending on your budget and how much design control you want. You can use the quick links below to jump to the method that best fits your needs:

• Method 1: Use a Free Plugin (Best for Tight Budgets) – I will use the free WPC Product Size Chart plugin. This is the best option if you need a simple, functional size table and want to use the standard WordPress editor to build it.
• Method 2: Use a Premium Plugin (Best for Growing Stores) – I will use Advanced Product Size Charts Pro. This is the best choice if you want access to pre-made templates and advanced rules for assigning charts to hundreds of products at once.
• Method 3: Use a Page Builder (Best for Custom Designs) – I will use SeedProd. This is the ultimate option if you want complete drag-and-drop control over how your entire WooCommerce product page looks.

Before you begin any of these methods, make sure you have an active WooCommerce store with at least a few products already added.

If you haven’t set this up yet, you can follow my step-by-step guide on WooCommerce Made Simple.

Method 1: Add a Size Chart Using a Free Plugin

If you are looking for a reliable, free way to add sizing tables, I recommend the WPC Product Size Chart for WooCommerce plugin. It is incredibly lightweight and very beginner-friendly.

First, you need to install and activate the plugin. If you need help, see our guide on how to install a WordPress plugin.

Once activated, go to Size Charts » Add New in your WordPress admin dashboard to create your first guide.

First, give your size chart a descriptive title (like ‘Women’s Shoe Sizing’).

Next, scroll down to the ‘Configuration’ box.

If your manufacturer gave you a sizing guide as a JPEG or PNG image, you can click the ‘Add Media’ button inside the ‘Above Text’ or ‘Under Text’ areas to upload your picture directly to the chart.

However, keep in mind that building a text-based table using the plugin’s grid is usually better for mobile shoppers, as it will automatically resize to fit smaller screens without making them pinch and zoom.

If you prefer to type out your measurements, look for the ‘Chart Table’ section right in the middle.

Here, you can add rows and columns to build your layout, and then click inside the fields to type in your sizing data.

Finally, you need to tell the plugin where to display this chart. Look for the ‘Apply’ dropdown at the top of the Configuration box.

I highly recommend assigning your chart to specific product categories here so it shows up automatically, which will save you a ton of time.

If you select ‘None’ from this dropdown, you will have to manually edit each individual WooCommerce product and assign the chart using the new ‘Size Charts’ tab located in the Product Data box.

When you are finished, click the ‘Publish’ button at the top of the screen.

The plugin will automatically add a ‘Size Chart’ button to your designated products. When customers click this button, your measurement guide will open in a clean, informative popup.

Method 2: Add a Size Chart Using a Premium Plugin

While building tables manually works well for a few items, larger stores often need a faster workflow.

For advanced features like pre-made templates, and clean popup displays, I recommend using the premium Advanced Product Size Charts Pro plugin.

First, you need to purchase, install, and activate the Pro plugin. If you need help, see our guide on how to install a WordPress plugin.

Once the Pro version is active, navigate to Size Chart » All Size Charts in your WordPress admin dashboard.

You will see a list of roughly 10 pre-made charts (like ‘Men’s T-Shirt’ and ‘Women’s Shoes’). These are your ready-made templates.

Instead of starting from scratch, find the template that closely matches your product type.

Hover over the title and click the ‘Edit’ link. This opens the chart editor with all the measurement data already populated.

Scroll down to the ‘Chart Table’ section, where you will see the measurement grid.

• To Edit: Double-click any cell to change the numbers or text to match your inventory.
• To Expand: Use the (+) buttons at the end of rows or columns to add new sizes (like XXL) or new measurement types (like ‘Sleeve Length’).
• To Clean Up: Click the ‘Trash’ icon on any unused rows to ensure they don’t show up as awkward blank spaces on your live site.

Expert Tip: When customizing your chart, make sure to delete any empty rows using the trash icon. Leaving blank rows in the editor often results in awkward blank spaces on your live product page, confusing shoppers.

Next, scroll down to the ‘Size Chart Settings’ section near the top of the page.

For the Size Chart Position, choose ‘Modal Popup’. This is the most popular professional choice.

You can now use the ‘Size Chart Link Title’ field to change the actual button text (such as ‘View Fit Guide’).

You can also use the ‘Popup Icon’ dropdown to add a visual cue next to your link, and adjust the ‘Chart Table Font Size’ to ensure the text is easy to read on all devices.

Finally, you need to tell WooCommerce which products should display this specific chart.

Look at the right side of your screen, where you will see dedicated meta boxes for Assign Category, Assign Tag, Assign Attributes, and Assign Product.

To save time, simply check the relevant boxes in the ‘Assign Category’ meta box (like ‘Shirts’ or ‘Shoes’). This automatically applies the chart to every item in that category.

If you have a unique item that fits differently than the rest of your inventory, you can use the ‘Assign Product’ box to apply the chart to just that one specific item.

When you are happy with how everything is set up, click the ‘Update’ or ‘Publish’ button on the right side of the screen. Your size chart is now live.

I highly recommend opening one of your product pages in a new tab to verify that the button appears in the right spot and the popup looks correct on both desktop and mobile.

Method 3: Add a Size Chart Using a Page Builder

If you want complete control over exactly where your size guide appears and how your entire product page looks, I highly recommend using the SeedProd Website Builder.

Using SeedProd will replace your current WordPress theme, so this method is best if you want to redesign your entire online store from the ground up.

This allows you to place your size chart exactly where it will convert best, like right under the price or inside a custom product tab.

Using SeedProd gives you the freedom to build a truly unique shopping experience.

If you want a more detailed walkthrough on setting up your custom store design, check out my guide on how to customize WooCommerce product pages (no code method).

Note: You will need a SeedProd Elite license to access the specific WooCommerce blocks and Website Builder features required for this method.

First, you need to install and activate the SeedProd plugin.

If you need help, see our guide on how to install a WordPress plugin. And since you purchased an Elite license, don’t forget to activate your license key on the SeedProd » Settings page.

Next, go to SeedProd » Website Builder in your WordPress admin dashboard.

Note: You can ignore the ‘AI Theme Builder‘ menu for this tutorial, as we want the manual controls found here.

To create your size chart layout, click the ‘Add New Template’ button under the ‘Quick Actions’ section.

In the popup that appears, give your template a descriptive name (like ‘Single Product Custom’).

Then, from the ‘Type’ dropdown, select ‘Single Product’.

Next, you need to set your ‘Conditions’.

By default, SeedProd automatically sets this to ‘Include’ and ‘Product Post Type’. This means your new layout will show up on every single product in your store.

If that is what you want, simply click the ‘Save’ button.

However, if you only want this specific size chart to appear on certain items, you can easily change this.

You need to click the dropdown menu, scroll down to the ‘WooCommerce’ section, and select ‘Product Category’.

You will need to carefully type the exact name or slug of your category (like ‘shirts’ or ‘shoes’) into the text box, and then click ‘Create Template’.

SeedProd will now open its visual drag-and-drop editor. On the left side of your screen, you will see a section for your WooCommerce blocks.

You can drag and drop essential blocks like the Product Image, Product Title, Product Price, and Add to Cart button directly onto your canvas to build your layout.

To add your sizing guide, you have three professional options to choose from:

• The Image Block: Drag an ‘Image’ block directly under the price and upload your size guide graphic.
• The Product Data Tabs Block: Drag this block into your layout. In the settings, add a new tab, rename it ‘Size Guide’, and type or paste your measurement table into the content area.
• The Accordion Block: Drag an ‘Accordion’ block and label it ‘Check Your Size’. This keeps the page clean and only shows the measurements when the customer clicks to expand it.

When you are happy with your custom product page design, click the ‘Save’ button in the top right corner of the editor.

Next, click the dropdown arrow next to the save button and select ‘Publish’.

Finally, exit back to the SeedProd » Website Builder dashboard.

When you are ready, you must toggle the ‘Enable SeedProd Theme’ switch to ‘ON’ at the top of the page. If you skip this step, your custom design will not show up on your live store.

Important: Because this setting replaces your active WordPress theme with SeedProd, please ensure you have also created your ‘Header’ and ‘Footer’ templates in the Website Builder. If you don’t, your live site may lose its navigation menu!

For details, see our guide on how to create a custom WordPress theme with SeedProd.

Your custom product page and size guide are now live and ready for your shoppers.

Bonus Ways to Optimize Your WooCommerce Store

Adding a size chart is a great first step, but there are other ways to make your store more successful.

Using the right tools can help you turn more visitors into customers:

• Track Your eCommerce Analytics: To see exactly which products are selling best, I recommend using MonsterInsights. It is the best Google Analytics plugin for WordPress and connects to WooCommerce for conversion tracking with just a few clicks.
• Build Social Proof: To show real-time “hot streak” notifications of recent purchases, I recommend using TrustPulse. This builds even more confidence alongside your size chart. You can see how to set it up in my guide on how to use FOMO on your WordPress site.
• Speed Up Your Checkout: If you want to stop cart abandonment, you can use FunnelKit to create a fast, optimized slide-out cart. I walk you through the process in my guide on how to easily add a sliding side cart in WooCommerce.

FAQs About WooCommerce Size Charts

I’ve helped many store owners set up their measurement guides. Here are some of the most common questions I get about adding a size chart in WooCommerce.

1. How do I add a size chart in WooCommerce for free?

You can add a size chart for free by using the WPC Product Size Chart plugin. It includes a straightforward table builder and lets you easily use the ‘Add Media’ button to upload sizing images to your product pages for free.

2. Can I show a different WooCommerce size chart for each product category?

Yes, you can assign different charts to specific categories using both the free WPC Product Size Chart plugin and the Advanced Product Size Charts Pro plugin. This allows you to have one guide for your ‘T-Shirts’ category and a completely different one for ‘Shoes.’

3. Will a size chart plugin slow down my WooCommerce site?

No, well-coded size chart tools are very lightweight. I’ve found that they only load the necessary scripts when a user views the product or clicks the popup button, so it won’t hurt your WooCommerce page loading speed.

4. Does WooCommerce have a built-in size chart feature?

WooCommerce does not have a built-in size chart feature. While you can use WooCommerce product attributes to list measurements, using a dedicated tool like the plugins mentioned above is much better for creating a visual table that is easy for customers to read.

5. How do I upload a size chart image in WooCommerce?

If you already have a pre-made size chart saved as an image (like a JPEG or PNG) from your manufacturer, you don’t have to build a new table from scratch. You can use SeedProd to add an Image block directly to your product page layout, or you can use the ‘Add Media’ button inside the free WPC Product Size Chart configuration settings.

Just remember that static images can sometimes be hard to read on mobile phones. If you do upload an image, don’t forget to add Alt Text so search engines and visually impaired shoppers can still understand your sizing information.

6. What data should I include in my size charts?

For apparel, common measurements include bust, waist, hips, and inseam. For shoes, foot length is crucial. Always include both imperial (inches) and metric (cm) units if your audience is international. Consider adding a ‘How to Measure’ guide or diagrams to help customers get accurate readings.

7. How do size charts help reduce returns in my store?

Size charts clearly communicate product measurements, which helps customers choose the correct size the first time. This significantly reduces the chances of them receiving an item that doesn’t fit, which in turn lowers your return rates and saves you money on shipping and processing.

8. How do I add selectable sizes (like Small, Medium, Large) to my products?

There are two different ways to add functional sizes to your WooCommerce store, depending on what you want the customer to do:

• To select a size for purchase: If you want to add a dropdown menu on your product page so a customer can choose ‘Medium’ before clicking Add to Cart, you need to use built-in WooCommerce product attributes and variations.
• To browse the store by size: If you want an Amazon-style sidebar where customers can check a ‘Medium’ box to only see medium-sized items across your whole catalog, you need to use a product filter plugin like WPFilters.

To set up functional sizes, check out our complete guides on how to add product attributes and how to set up product filters.

Additional Resources for Online Stores

I hope these methods help you create a seamless shopping experience for your customers.

If you’re ready to take the next step in growing your online business, I recommend exploring some of my other articles below.

• Best WooCommerce Plugins for Your Store – This is my expert pick of the top tools to add more features and boost your sales.
• How to Add Product Tags, Attributes, and Categories to WooCommerce – If you don’t want to use a plugin for every product, this guide shows you how to use the built-in WooCommerce settings to list sizes and colors.
• WooCommerce Made Simple: Proven Steps to Launch Your Store Today – If you are just starting out, this step-by-step guide will make sure your store settings are configured correctly from day one.
• How to Create a WooCommerce Popup to Increase Sales – Using popups for special offers is one of the best ways to stop people from leaving your site.

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 Fewer Returns, More Sales: How to Add Size Charts in WooCommerce first appeared on WPBeginner.

from WPBeginner https://ift.tt/xDeRosO
More links is https://mwktutor.com

How to Accept Pre-Orders in WooCommerce (Most Stores Miss This)

Pre-orders are an incredibly powerful way for online stores to launch new products, assess demand, and secure sales even before items are in stock. This strategy can bring in revenue earlier and help you manage inventory more effectively.

However, finding the right way to set up pre-orders in WooCommerce can get tricky. With various plugins and settings to consider, it’s easy to feel overwhelmed trying to pick a solution that truly fits your store’s needs.

I’ve helped many store owners navigate these options, and I understand how important it is to choose a reliable method that won’t complicate your checkout or fulfillment. That’s why I’ve thoroughly tested the best ways to get pre-orders working for you.

In this guide, I walk you through exactly how to set up pre-orders on your WooCommerce store. All approaches are beginner-friendly, tested on live stores, and designed so you can start accepting pre-orders confidently.

💡Quick Answer: How to Set Up Pre-Orders in WooCommerce

Here’s how to set up pre-orders for WooCommerce products:

• Method 1 – Merchant by aThemes: Ideal for WooCommerce store owners who want an all-in-one toolkit. Best for pre-orders plus conversion-boosting features like live sale notifications, product bundles, and more.
• Method 2 – YITH Pre-Order for WooCommerce: Perfect for stores launching new products, seasonal items, or limited-stock products. Great for creating urgency, offering pre-order discounts, and letting customers pay later.

What Is a WooCommerce Pre-Order?

A WooCommerce pre-order lets customers buy a product before it’s officially available. This is useful when you’re launching a new item or waiting for stock to arrive.

You can either charge customers right away or collect payment later when the product is released, depending on how you want to handle orders.

For example, imagine you’re launching a limited-edition t-shirt. Customers can pre-order it today, pay now or later, and be guaranteed one as soon as it’s in stock.

This helps you plan inventory while keeping customers excited and engaged.

Why Use Pre-Orders in WooCommerce?

Pre-orders aren’t just for big brands—they’re a way for any online store to sell smarter, reduce risk, and get customers excited before a product even hits your shelves.

Here’s why pre-orders can make a big difference for your store:

• Better Cash Flow (More Money Upfront): Pre-orders let you accept payments before products are in stock. If you’re launching a new gadget, this can help you fund production or cover shipping costs without dipping into your own savings.
• Demand Validation: Instead of guessing whether a product will sell, pre-orders show you real interest from customers. For instance, if you offer pre-orders for a new t-shirt design and only a few people buy, you’ll know to rethink production before ordering a large batch.
• Launch Buzz: Pre-orders create anticipation and excitement. You can offer early-bird discounts, create a waitlist, or offer limited editions to encourage customers to sign up.

Using pre-orders makes your product launches more predictable, less risky, and more profitable, while keeping your customers engaged and excited from day one.

Which Plugin Should You Use to Accept WooCommerce Pre-Orders?

Before setting up pre-orders, it’s important to pick the plugin that fits your store’s needs.

Both free and premium options have their strengths, and the right choice depends on whether you want a simple, beginner-friendly solution or a more advanced, automated pre-order system.

Here’s a quick comparison to help you decide:

Plugin	Best For	Cost	Ease of Setup
Merchant by aThemes (Free & Premium)	Beginners or small stores who want a straightforward pre-order solution	Free + $79/year	Very easy; beginner-friendly
YITH Pre-Order for WooCommerce (Premium)	Stores that want advanced features, automation, and better control over pre-orders	$139.99/year	Slightly more advanced, but guided and customizable

👉 Recommendation: If you’re just starting and want a simple solution with other growth tools, Merchant by aThemes is a great pick. For advanced automation, flexible payment options, and in-depth control, YITH Pre-Order for WooCommerce is worth the investment.

Expert Note: If you haven’t fully set up your WooCommerce store yet, I recommend checking out these guides first:

• WooCommerce Made Simple: Proven Steps to Launch Your Store Today
• Profitable eCommerce Business Ideas for WordPress
• How to Choose the Best WooCommerce Hosting Company?
• Fastest WooCommerce Themes (I Thoroughly Tested 22 Options)

Once you’ve made your choice, you’re ready to move on to the step-by-step setup, so you can start accepting pre-orders:

• Method 1: Accept Pre-Orders in WooCommerce with Merchant (Free Option)
• Method 2: Accept Pre-Orders in WooCommerce with YITH Pre-Order for WooCommerce (Premium)
• Common Pre-Order Mistakes and How to Avoid Them
• Frequently Asked Questions About WooCommerce Pre-Orders

Method 1: Accept Pre-Orders in WooCommerce with Merchant (Free Option)

🥇Best for: Small to medium WooCommerce stores looking for an all-in-one toolkit to boost sales and manage pre-orders easily.

I recommend Merchant by aThemes for stores that want a simple yet powerful way to start accepting pre-orders. It’s perfect for small to medium WooCommerce shops that want an all-in-one toolkit without juggling multiple plugins.

Merchant comes with a dedicated Pre-Orders module, which lets you create rules for products, categories, or tags, set shipping dates, offer discounts, and customize the pre-order button.

Payment is taken at the time of order, and orders are tracked directly in WooCommerce with a ‘Pre-Ordered’ status.

I’ve tested this tool multiple times on live stores, and it’s consistently reliable, easy to set up, and beginner-friendly.

Beyond pre-orders, Merchant has a full suite of modules, helping you maximize revenue without adding extra plugins. Some of them are:

• Product Bundles & Frequently Bought Together
• Countdown Timers & Stock Scarcity Alerts
• Side Cart & Sticky Add-to-Cart
• Advanced Reviews & Trust Badges
• Buy X, Get Y & Bulk Discounts & Live Sales Notifications

This makes Merchant more than just a pre-orders plugin—it’s a complete toolkit for growing a WooCommerce store.

Step 1: Install and Activate Merchant in WordPress

The first step is to get the free Merchant by aThemes plugin installed and activated on your WooCommerce store.

If you’re not sure how to install a WordPress plugin, don’t worry—I’ve got you covered. Just follow our step-by-step guide on installing WordPress plugins and you’ll be ready in minutes.

📍Note: Merchant’s free version works perfectly for most stores and is enough to set up pre-orders. However, to unlock advanced modules like Live Sales Notifications, Product Bundles, Stock Scarcity Alerts, and more, you will need the premium plan.

Step 2: Open the Pre-Orders Module and Create Your First Rule

Upon activation, head over to the Merchant » Modules page from your WordPress dashboard.

In the ‘Boost Revenue’ section, you’ll see the ‘Pre-Orders’ module. Simply click on it to open the module settings page.

This makes sure the rule you’re creating is live and ready to accept pre-orders.

Next, give your pre-order an ‘Order Name.’ This is an internal campaign name that only you will see that helps you organize and keep track of different pre-orders on your store.

After that, you need to set a trigger for your pre-order. A trigger defines which products the pre-order rule will apply to.

Merchant gives you a few options:

Trigger Type	What It Does	Example
Specific Products	Apply the pre-order rule to individual products you select	A new limited-edition t-shirt
Specific Categories	Apply the rule to all products in one or more product categories	“Summer Collection” category
Specific Tags	Apply the rule to products with specific tags	“Eco-Friendly” tagged products
Specific Brands	Apply the rule to all products from certain brands	“Brand X” products only

For this tutorial, I recommend choosing the ‘Specific Products’ trigger. This is the easiest option for beginners because it gives you precise control over which items are available for pre-order.

Instead of applying the rule to entire categories or tags—which can get complicated if you have many products—you can focus on the exact products you want to launch.

Once you choose this trigger, you can search for the products you want to include in this pre-order.

You can select one or multiple products at a time, which makes it easy if you’re launching several items together.

You can also choose to offer a discount on this pre-order. Merchant lets you set either a percentage or fixed amount discount for your early buyers.

For example, you might enter 10 as the discount type to give 10% off the regular price. This is a great way to encourage customers to pre-order and reward them for being early supporters.

Step 3: Set Shipping Dates, Pre-Order Timing, and User Conditions

Next, you’ll configure the shipping date for your pre-order. This tells Merchant when the product will be available to ship.

Enter the date in the format mm/dd/yy and, if needed, set a time. Keep in mind that this time is based on your WordPress timezone settings.

I recommend going to Settings » General in your dashboard to make sure your site’s timezone matches your local time before scheduling.

Then, set the pre-order start date. If you want the pre-order to start immediately, you can leave this field empty. The pre-order end date is optional as well, so leave it blank if you don’t want to limit the pre-order period.

Merchant also lets you define ‘User Conditions’ to control who can access this pre-order. By default, it applies to all users, but you can select specific users or roles if you want to restrict access.

There’s also an ‘Exclusion List’ where you can exclude certain users or roles.

For example, you might want to exclude administrators, editors, or specific customers from seeing the pre-order offer.

I suggest keeping it simple at first and applying the pre-order to all users, so you can test the setup and make sure everything works before adding restrictions. This gives you complete flexibility to control who can pre-order your products.

Step 4: Customize the Pre-Order Button and Pre-Order Modes

Now it’s time to make your pre-order offer clear and appealing to customers. First, you can customize the button text. I suggest keeping it simple with ‘Pre-Order’ so there’s no confusion.

You can also add a small note under the button, like ‘Ships on {date}’, which will automatically display the shipping date you set earlier.

Merchant also lets you adjust the button style to match your store’s branding. You can change colors for the text, hover effects, border, and background.

If you want to create more pre-order campaigns—for different products, categories, or special discounts—you can use the ‘Add New Pre-Order’ button to set up additional rules.

This gives you the flexibility to manage multiple pre-orders on your store, each with its own shipping date, product selection, and pricing strategy.

After that, choose the ‘Pre-order Modes’. If you select ‘Treat the whole order as pre-order’, then even a single pre-order item in the cart will delay the entire order.

For example, if a customer buys an in-stock hat and a pre-order shirt, they won’t get the hat until the shirt is ready to ship. This is useful if you want to simplify fulfillment and avoid splitting shipments.

Alternatively, ‘Allow only pre-orders’ forces customers to choose either pre-order products or in-stock items, so they can’t mix both in a single order. This option helps avoid confusion if you’re shipping pre-orders at different times than your regular stock.

Keep in mind that this rule applies to all pre-order rules you create in Merchant. So no matter how many campaigns or products you have, the same restriction will keep your checkout process simple and easy to manage.

Step 5: Save, Enable, and Check Your Pre-Orders

Once you’ve customized all your settings, including the button text, design, pre-order modes, triggers, and shipping dates, scroll back to the top of the page and hit ‘Save’.

This makes sure all your changes are safely stored. Then, click the ‘Enable’ button to activate the Pre-Orders module.

Now, head over to your WooCommerce store and you’ll see the pre-order button live on all the products you selected.

Customers can start placing pre-orders immediately, and everything you set up—from discounts to shipping dates—will display correctly.

Checking and managing your pre-orders is just as easy.

From your WordPress dashboard, go to WooCommerce » Orders. You’ll see a new ‘Pre-Ordered’ status alongside the usual order statuses like Draft or Completed.

Each pre-order entry shows the customer name, order total, and the scheduled shipping date.

This makes it simple to track all your pre-orders in one place, monitor upcoming fulfillment dates, and stay organized.

💡Expert Tip: After enabling your pre-orders, I highly recommend checking your product page on both a desktop computer and a mobile phone.

This makes sure your new pre-order button looks great and doesn’t overlap with other elements in your WooCommerce theme.

Method 2: Accept Pre-Orders in WooCommerce with YITH Pre-Order for WooCommerce (Premium)

🥈Best for: WooCommerce stores selling limited-edition or high-demand products. Store owners who want full control over pre-order pricing, scheduling, and automated payment collection.

I recommend YITH Pre-Order for WooCommerce for store owners who want to run pre-orders like the big brands (think Amazon or Apple).

You can create urgency, offer early-bird discounts, and let customers pay now or later.

This plugin works especially well for new product launches, seasonal items, or limited-stock products. It handles pre-order scheduling, pricing, and payments automatically.

I’ve tested YITH thoroughly, and it’s reliable for both small and large campaigns. It also comes with useful tools like automated notifications, email reminders, and table views.

This makes it easy to manage all your pre-order products and orders in one place.

Step 1: Install and Activate YITH Pre-Order for WooCommerce

First, visit the YITH Pre-Order for WooCommerce website and purchase the premium version of the plugin. Once you have it, install and activate the plugin on your WordPress site.

If you’re unsure how to do this, just follow our step-by-step guide on how to install a WordPress plugin.

📍Note: YITH Pre-Order for WooCommerce offers a free version, but I strongly recommend using the premium plan.

The premium version gives you full control over pre-order pricing, scheduling, and payment options. You can charge upfront, let customers pay later, or automatically charge their card when the product becomes available.

Plus, it unlocks advanced features like email notifications, table views for managing orders, and the ability to set pre-orders for specific categories or products.

Step 2: Configure YITH Pre-Order General Options

Once the plugin is activated, head over to the YITH » Pre-Order » General Options page in your WordPress dashboard. This is where you can configure the plugin’s overall behavior for your store.

Start by enabling all pre-order features for your visitors. This makes sure that every option related to pre-orders is available on the frontend.

Next, decide how you want to handle out-of-stock products. You can automatically enable pre-order mode for all out-of-stock products or select specific products or categories.

The pre-order price will default to the regular product price, but you can customize this for each product individually.

You can also choose to disable pre-order mode automatically when the product becomes available. If this option is turned off, you will need to remove the pre-order status manually from each product page.

Another useful option is to offer free shipping for all pre-order products. This can encourage more early purchases.

Next, set who can pre-order. You can allow all users, only registered users, or specific user roles to participate.

You can also control what pre-order price is visible to guest users: show the pre-order price, the regular price, or hide prices entirely.

If you want, you can add a fee to each pre-order to cover handling or other costs.

In the ‘Cart Options’ section, you can control how pre-order products behave in the shopping cart.

For example, you can stop customers from mixing pre-order items with regular products in the same order.

You can also limit the cart to only one pre-order product when using upfront payments.

Plus, you’re able to decide how strict you want to be. You can either let customers add restricted items to the cart but block them from checking out, or stop them from adding those products to the cart entirely.

Once you’ve adjusted all these settings, make sure to click ‘Save Options.’

Step 3: Configure Pre-Order Payment Options

After that, switch to the ‘Payment Options’ tab in the left column. This is where you configure how your store handles payments for pre-orders.

Under ‘Charge Pre-Orders,’ you have three options. You can charge customers upfront when they place the pre-order, which guarantees payment immediately.

Alternatively, you can charge them upon release, meaning the payment is automatically collected once the product becomes available.

This requires a supported payment gateway like Stripe, because the gateway needs to save the customer’s credit card details so it can automatically charge them later.

The third option is the Pay Later gateway, which allows customers to pay manually after the product release. With this option, customers receive an email with a link to complete their payment at checkout.

I recommend using the upfront or automatic upon release option whenever possible. This helps reduce the risk of unpaid pre-orders.

Next, you can choose the order status for pre-orders. By default, the plugin uses the status set by your payment gateway, but you also have the option to use a ‘Pre-Ordered’ status. This is helpful if you want to easily track pre-orders separately from regular orders.

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

Step 4: Customize the Pre-Order Appearance

Next, switch to the ‘Customization’ tab. This section lets you control how pre-orders appear to your customers on your store.

First, you can choose whether to show the date according to the user’s format. This automatically displays the availability date and time based on the visitor’s location, which is helpful if you sell internationally.

You can also control the product price display. For example, you might want to show the regular price crossed out to highlight the pre-order price, or hide it entirely.

The pre-order button label and colors are also customizable. You can change the button text from the default ‘Add to Cart’ to something like ‘Pre-Order’ and adjust the background and text colors for both normal and hover states.

This helps the button stand out and match your store’s branding.

Other than that, I suggest customizing the availability text for products with or without a set release date.

For example, you might show ‘Ships on {availability_date}’ for scheduled products or a generic message for items without a set date.

You can choose to display this text on Shop pages, in the cart, and even for variable products where all variations are in pre-order mode.

Then, take a look at all the other settings and customize them to your liking. Once you are satisfied, click ‘Save Options.’

Step 5: Configure Notifications For Your Pre-Orders

Now it’s time to set up the notifications for your pre-orders. Switch to the ‘Notifications’ tab to control both admin and customer emails.

For admins, I suggest enabling emails to alert you when a pre-order product is sold or when the availability date is approaching.

For example, you can get a reminder 1 day before a product becomes available. These notifications help you stay on top of pre-order activity without constantly checking your dashboard.

For customers, there are several important emails you can enable by toggling the switches.

These include a pre-order confirmation email, which automatically lets customers know their pre-order was successfully placed, and a pre-order release email. This informs them when the product is available to ship.

You can also enable notifications for canceled pre-orders or when the availability date changes. This keeps customers informed and avoids confusion.

If you’re using the ‘upon release’ payment option, I also suggest enabling the payment reminder email. I usually set it to go out 1 day after the product release, which gives customers enough time to complete their payment without feeling rushed.

Once you’ve configured all the emails, don’t forget to save your changes.

Step 6: Enable YITH Stripe for Pre-Orders (Optional)

To automatically charge customers for pre-orders when the product becomes available, go to the YITH » Stripe page in your WordPress dashboard.

Here, you can enable the plugin features using the toggle. I always suggest turning this on to make sure the Stripe payments are processed smoothly for pre-orders.

After that, enter your Stripe API keys:

• Test Secret Key – For test mode; find it in your Stripe dashboard.
• Test Publishable Key – For test mode; also from Stripe.
• Live Secret Key – For live transactions.
• Live Publishable Key – For live transactions.

Enabling Stripe ensures payments are handled automatically and securely, which saves you from manually collecting them later.

📍Note: This step isn’t necessary if you’re using the ‘Pay Later’ option for pre-orders or if you plan to manually charge customers. In those cases, pre-orders will still work, but payments won’t be processed automatically.

Once you’re done, click the ‘Save Options’ button.

Step 7: Set Up a Product for Pre-Ordering

Now it’s time to set up a product for pre-ordering in WooCommerce. Start by going to the Products » All Products page in your WordPress dashboard.

You can either create a new product or open an existing one in the product editor.

Once there, add the product name, description, images, and select the appropriate categories. (If you are pre-selling a digital item, make sure to also check the “Virtual” and “Downloadable” boxes so WooCommerce doesn’t try to charge for shipping!)

Next, scroll down to the ‘Product Data’ section and switch to the ‘Pre-Order’ tab. Then, toggle on the ‘Manage pre-order options for this product’ switch.

This will open the pre-order settings for this specific product. You can now choose to put the product in pre-order mode manually or automatically when the product is out of stock.

If you select ‘automatically,’ the pre-order mode will turn off once the product is back in stock.

After that, decide when the pre-order period should start: either immediately or schedule a future start date.

You can also set when the product will be available. You can choose a specific date from the calendar or leave it open and end the pre-order manually.

There’s even the option for it to become available a certain number of days after a customer places their pre-order.

Next, choose how you want to price your pre-order. You can keep the regular product price or offer a special discounted price to encourage early purchases.

Then, limit the maximum quantity per user to prevent overselling.

For the payment type, choose how pre-orders will be handled: Upfront (charge when the user pre-orders), Upon Release (charge automatically after the product release, requiring a supported gateway), or Pay Later (customers pay manually after release).

Once everything is set, click ‘Update’ or ‘Publish’ to make your product live in pre-order mode.

Step 8: Check Your Pre-Order Product in Action

Once you’ve set up your pre-order product, visit your WooCommerce store.

The product page will clearly display the pre-order button along with the availability date so customers know when the item will be released.

When a customer places a pre-order, they will automatically receive an email with all the details, including the product name, availability date, and payment information if applicable.

I always recommend testing this by placing a test pre-order yourself to ensure everything is working correctly.

💡Expert Tip: Some WooCommerce stores experience issues with pre-order emails not being delivered. This is usually related to your WordPress site’s email settings.

To fix this, I recommend using a plugin like WP Mail SMTP to ensure all emails—especially pre-order confirmations—are reliably sent to your customers.

To get started, take a look at our guide on fixing the WordPress not sending email issue.

You can also monitor all pre-orders from the WooCommerce » Orders page in your WordPress dashboard.

Each pre-order will show up with its status marked as ‘Pre-Ordered,’ along with the customer details, total amount, product information, and the expected release date.

This makes it easy to manage pre-orders and track which products are pending release.

Common Pre-Order Mistakes and How to Avoid Them

Pre-orders are a powerful way to boost sales, but there are a few common mistakes that can create problems for both you and your customers.

Here’s what to watch out for:

• Unrealistic Availability Dates: Avoid promising a delivery date you can’t meet. Factor in production, shipping, and potential delays to prevent frustrating customers.
• Mixing Pre-Orders with Regular Orders: WooCommerce does not support split shipping. If a customer buys an in-stock item and a pre-order item together, the whole order is stuck until the pre-order arrives. Use Merchant or YITH to either block mixed carts or clearly warn customers that their entire order will be delayed.
• Missing Customer Notifications: Always test your email notifications and consider using an SMTP plugin like WP Mail SMTP to make sure they reach customers.
• Ignoring Quantity Limits: Not setting limits can lead to overselling. Use YITH Pre-Order for WooCommerce’s maximum quantity feature to avoid overselling limited-stock items.
• Lacking a Clear Refund Policy: Customers might change their minds during a long wait. Make sure your store’s refund policy clearly states how pre-order cancellations and refunds are handled before you launch the campaign.

Frequently Asked Questions About WooCommerce Pre-Orders

I know pre-orders can feel a bit tricky when you’re setting them up, and even experienced store owners have questions about timing, pricing, and notifications.

I’ve put together answers to the most common questions I get about pre-orders, so you can run your campaigns smoothly.

Can I offer a discount on pre-orders?

Yes, you can offer discounts on pre-orders to encourage early purchases. Merchant by aThemes lets you apply discounts directly within the Pre-Order module, so customers see the special price on selected products.

Similarly, YITH Pre-Order for WooCommerce allows you to set a fixed or percentage discount on pre-order items. This creates urgency and boosts early sales.

Does WooCommerce support pre-orders for digital/downloadable products?

Yes, WooCommerce pre-orders work for digital or downloadable products as well. With Merchant, you can create pre-orders for digital items and manage availability dates easily.

YITH Pre-Order for WooCommerce also supports digital products. Customers can reserve them ahead of release and receive download access once the product becomes available.

Which payment gateways work with WooCommerce pre-orders?

Merchant integrates seamlessly with WooCommerce’s standard gateways like Stripe and PayPal. You can allow upfront payments or delayed charges.

YITH Pre-Order for WooCommerce supports Stripe, Stripe Connect, Braintree, and WooCommerce Stripe Gateway, and can automatically charge customers when the product becomes available.

Can I limit pre-order units?

Yes, YITH Pre-Order for WooCommerce lets you set a maximum quantity per user. This makes sure there’s fair access for limited-stock products and helps avoid fulfillment issues.

What if I need to change the release date?

If a product’s availability changes, both tools make updates easy. Merchant allows you to adjust the pre-order shipping date, and customers are shown the updated availability on the product page.

YITH Pre-Order for WooCommerce not only lets you change the release date but can automatically notify customers via email.

Do I need a special email service for pre-order notifications?

I highly recommend using a dedicated SMTP service like WP Mail SMTP. WordPress’s default email system often sends transactional emails (like pre-order confirmations and updates) to spam folders. An SMTP service ensures reliable delivery, so your customers always receive important notifications.

How do pre-orders affect my inventory management?

Pre-orders are great for inventory planning because they give you a clear signal of demand before products are in stock. When you set up a pre-order, you can allocate upcoming inventory to those sales. Some plugins also let you limit the number of pre-orders to prevent overselling, ensuring you can fulfill all early commitments without issues.

I hope this article helped you learn how to set up pre-orders for WooCommerce products. You may also want to see our guide on creating an order bump for WooCommerce and our article on making a rewards program for your online 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 Accept Pre-Orders in WooCommerce (Most Stores Miss This) first appeared on WPBeginner.

from WPBeginner https://ift.tt/raGkU3w
More links is https://mwktutor.com