View Product Page

Pre-order payments

Payment options

Let’s see how to manage the payment options for your pre-orders.

In the tab Payment options, you will find two important settings you can use based on the solution that better suits your needs.

  • Charge pre-orders: choose when customers will be charged when pre-ordering your products from:
    • Upfront – when the user pre-orders the product: by selecting this option, customers will pay for the products when they place the pre-order;

Charge upfront

    • Upon release – automatically after the product release (a supported payment gateway is required): by selecting this option, customers will be automatically charged as soon as the pre-order product becomes available. To work properly, you need to use at least one of the supported gateways which are: YITH Stripe, YITH Stripe Connect, YITH PayPal Braintree, and WooCommerce Stripe;

Charge upon release

    • Pay Later gateway – manually after the product release (the customer will receive an email and will be redirected to the Checkout page to pay: by selecting this option, customers will be able to manually pay for the pre-order products after their release through the payment link received by email.

Since these settings can be overridden at the product level, if users add two or more pre-order products for which different payment options have been set, an error message will show on the Cart page.

Error message on Cart page

Pay later gateway

Pay later gateway

The plugin includes the gateway YITH Pre-Order Pay Later which allows your customers to manually pay for the products they have pre-ordered after their release or when they become available. To activate and use this gateway in your shop, go to WooCommerce > Settings > Payments.

Pay later settings

By clicking on the Manage button, you will be able to set a few simple options:

  • Enable/Disable: through this option, you can enable or disable the YITH Pre-Order Pay Later gateway;
  • Label: enter the label that will define the gateway on the Checkout page;
  • Description: enter the text customer will see as the payment method description;
  • Order status for pre-orders placed with the Pay Later gateway: choose the order status to apply to pre-orders when using the Pay later gateway. Any changes to this option won’t affect the pre-orders placed so far.

Here is a sample of what the checkout will look like when using the Pay later gateway.

Pay Later

 

 

Pre-Order emails

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

Pre-order emails 2

The emails are:

  • YITH Pre-Order: Pre-order cancelled: this email is sent to customers when a pre-order has been canceled;
  • YITH Pre-Order: Pre-order completed: this email is sent to customers when a pre-order product has been released;
  • 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;
  • YITH Pre-Order: An out-of-stock product became pre-order: this email is sent to the admin when a product turns into out-of-stock and becomes a pre-order product;
  • YITH Pre-Order: Payment reminder: this email is sent to customers when a pre-order is completed and needs to be paid;
  • YITH Pre-Order: Release date changed: this email is sent to customers when the administrator changes the release date;
  • YITH Pre-Order: Release date is near: this email is sent to the admin when the release date is approaching and the pre-order mode will be disabled.

Moreover, in the Notifications tab of the plugin panel, you can find further options related to these emails.

Admin notifications

Admin notifications

Options for emails sent to the administrator are the following:

  • Email when a pre-order release date is near: by enabling this option, you can specify the number of days before the release date that will trigger the email sending. Specify this value in The email will be sent;
  • Email when a pre-order product is sold: by enabling this option, the admin will receive an email when a new order for a pre-order product is placed;

New pre-order email example

New pre-order email sample

Customer notifications

Customer notifications

Options for emails sent to the administrator are the following:

  • Pre-order confirmation email: by enabling this option, an email will be automatically sent to customers when they pre-order a product;
  • Email upon pre-order product release: by enabling this option, an email will be automatically sent to customers when a pre-order product they purchased is released;
  • Email when a pre-order is cancelled: by enabling this option, an email will be automatically sent to customers after the admin canceled a pre-order;
  • Email when the release date is changed: by enabling this option, an email will be automatically sent to customers when the release date for a product they pre-ordered has been changed;
  • Payment reminder email: by enabling this option, an email will be automatically sent to customers who pre-ordered products with upon release payment option to remind them that the payment is pending.

 

Confirmation email example

Confirmation email

Style

In the tab Style, you can manage how to show prices, labels, texts, etc. Let’s analyze all the available options:

Style

  • Show date according to the user’s format: enable if you want to show the date format and timezone to users based on their location;
  • Product price: choose to
    • Hide the regular sale price
    • or Show the regular sale price crossed out

Pre-order product with discount

  • Show fee cost on product page: enable if you want to show the additional fee cost on the product page, next to the product price;
    • Fee label: enter and customize the label that defines the fee through the built-in editor;

Pre-order product with fee

Pre-order button style options

  • Pre-order button label: enter the label that will replace the default “Add to cart” on products in pre-order mode;
  • Customize the pre-order button’s colors: enable if you want to set a different color for the pre-order button (this won’t affect the Add to cart button which will keep the theme colors);
    • Pre-order button colors: set the colors for the background and text;

Pre-order button

Texts on products with and without availability date

  • 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;
  • Text to show in products without availability date: use the built-in editor to add the default text to show to users on pre-order products without the availability/release date;

Pre-order product without release date

Show availability on pages

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

Pre-order products on Shop page

  • Show availability text in the cart: enable if you want to show the availability text on the Cart page;

Availability text on Cart page

  • Show an additional text in variable pre-order products: enable if you want to show a custom text when all product variations are in pre-order mode;
      • Additional text in variable pre-order products: use the built-in editor to add the text;Customize Place order button
  • Customize the “Place order” button at checkout: enable to customize the label and colors of the default Place order button on the Checkout page;
    • “Place order” button label: enter the label that will replace the Place order one;
    • “Place order” button color: choose whether to use the default color or customer colors;
      • Colors: set the custom colors for the background and text.

Place order button

Product CountdownIntegration with YITH Product Countdown

Within the Style tab, you will also find an option to customize the label shown next to the countdown added by the plugin YITH WooCommerce Product Countdown. To learn more about the integration between these two plugins, please go to this page.

An overview of pre-orders in My Account

The plugin creates a new endpoint to show a pre-order section on users’ 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.

Pre-order details

Shortcodes

Pre-order products

If you want to print your pre-order products on your site pages, you can do it by using the shortcode [yith_pre_order_products].

It supports the following parameters:

  • columns‘ default: “4”
  • orderby‘ default: “title”
  • order‘ default: “asc”
  • posts_per_page‘ (number of products per page) default: “8”
  • show_variable‘ default: “false”
Shortcode

My pre-orders

Through the shortcode [yith_wcpo_my_pre_orders], you can print the customer’s pre-orders on any page of your site.

My preorders shortcode

Elementor

With Elementor you can easily add 2 widgets to a page or template.

elementor pre order

  • YITH Pre-Order – Availability date: Show products that have an availability date set.
  • YITH Pre-Order – Show pre-order products: show all pre-order products.

Elementor