View Product Page

General settings

To allow your users to benefit from the plugin features and be able to pre-order the products not yet available or released, enable the option Enable all Pre-Order features for your visitors in the plugin General options tab.

If you want to automatically disable the pre-order mode when the release date is reached and the product becomes available, enable the option Disable pre-order mode when the product becomes available. By leaving it disabled, you will need to manually deactivate the pre-order mode directly from the product edit page.

How to set the pre-order mode on a simple product

To set the pre-order mode in your products, go to the product edit page and enable the option Manage pre-order options for this product available in the Pre-Order section.

Now you can set when the product will be available/released. You can select one of the following options:

  • No date – end pre-order mode manually: you can decide to set no date. In this case, the pre-order mode will need to be manually disabled;
  • Choose a date from the calendar: by selecting this option, a new field will show where you can select the day and time from the calendar when the product will be available/released.

Pre-order price

A very important feature to use the plugin at its best is the chance to offer a discount or a mark-up during the pre-order period.

Based on your needs, you can use one of the following price options:

  • Use the selling price: the pre-order product will have the same price set as the regular price;
  • Set a fixed pre-order price: you can set a specific price for the pre-order product by defining it in the related option Price;

  • Discount a percentage % of the selling price: if you want to offer an exclusive promotion on the pre-order product, you can decide to set a percentage discount on the regular price by defining the value in the related option Discount on selling price;

  • Discount a fixed amount of the selling price: if you want to offer an exclusive promotion on the pre-order product, you can decide to set a fixed amount discount on the regular price by defining the value in the related option Discount on selling price;

  • Increase a percentage % of the selling price: if you want to apply a mark-up on the pre-order product, you can decide to set a percentage increase on the regular price by defining the value in the related option Increase on selling price;

  • Increase a fixed amount of the selling price: if you want to apply a mark-up on the pre-order product, you can decide to set a fixed amount increase on the regular price by defining the value in the related option Increase on selling price;

 

 

How to set pre-order mode on a variable product

The plugin supports variable products and allows managing the pre-order mode options differently for each product variation.

Select the variation you want to configure and enable the option Manage pre-order options for this product.

Now, you can start configuring the pre-order options as described here.

To show the availability custom text,  you need to enter it in the option Text to show in products with availability date that you can find in the Style tab of the plugin panel.

Customization

From the tab Customization, you can choose how to show the price of pre-order products, set the pre-order label and customize some pre-order options.

  • Hide the regular sale price: by selecting this option, the regular price will be hidden;
  • Show the regular sale price crossed out: by selecting this option, the regular price will show as crossed-out

To customize and manage the button label and texts, you can use the following options:

  • Pre-order button label: enter the label that will replace the default “Add to cart” on products in pre-order mode;
  • Text to show in products with availability date: use the built-in editor to add the default text to show the availability/release date to users;
  • Show availability text in the Shop pages: enable if you want to show the availability text on Shop pages.

 

Customers view

You will see how the users visiting the site will see the pre-order options.

Once you have set up your pre-order options on the product, you’ll see the Pre-order button replacing the “Add to Cart” button.

You will be able to pay immediately for the product using any of the gateways in your store. Yet, if you want your customers to pay later, you can consider the “Pay later” option available in the premium version as you can see in this page.

My account page

Once a product in pre-order mode is purchased, a pre-order section will show on customers’ My Account page.

Pre-orders on My Account page

This section will show the product, order number, the price paid, and release date.

My pre-orders section

By clicking on the order number, the details will include the pre-order info.

Order details in Pre-order section

Emails

The plugin creates 2 automatic emails that will be added to the list of the emails automatically sent by WooCommerce.

  • YITH Pre-Order: Pre-order confirmed: this email is sent to customers when  a pre-order has been placed successfully;
  • YITH Pre-Order: New pre-order: this email is sent to the admin when a new pre-order is placed.

Example

Confirmation email example