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.

General options

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.

Pre-order options

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

Availability date

  • 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.

Pre-order price

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;

Fixed pre-order 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;

Percentage discount on pre-order product

  • 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;

Fixed discount on pre-order product

  • 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;

Percentage mark-up on pre-order product

  • 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;

Fixed mark-up amount on pre-order product

 

 

Style

From the tab Style, you can choose how to show the price of pre-order products:Product price style

  • 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

Crossed-out price

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

Style options

  • Pre-order button label: enter the label that will replace the default “Add to cart” on products in pre-order mode;

Pre-order button

  • 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;

Availability on product page

  • Show availability text in the Shop pages: enable if you want to show the availability text on Shop pages.

Availability on Shop page

 

Customers view

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 sectionBy 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.

Pre-order emails

  • 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