Collecting pre-orders

Pre-orders let your customers place orders for products that aren’t currently available. This can be enquiry for items that are temporarily out of stock or even items you have yet to produce. Pre-orders help you limit idle inventory and gauge your customers’ demand. Ecwid allows you to collect customer pre-orders without charging them until the products are shipped.

Why use pre-orders

Collecting inquiries prior to production can be useful for any merchant that hopes to limit inventory. Pre-orders can be particularly useful if you create custom goods with bespoke features. For example, including an engraving or another message on your product requires you to hold production until you know what your customer wants.

With this feature, you can open your store as a catalog without any goods in stock. As soon as you receive a pre-order, you can place the order with the manufacturer or the wholesalers. This approach allows you to save money on the initial investment.

You can also use pre-orders to plan the release of a book or any other product in high demand.

Collecting pre-orders automatically

Get an Offer app allows you to collect pre-orders, and general inquiries.

The app is available on all paid plans.

With the help of Get an Offer, you can create a inquiry button for visitors. When a customer clicks the button (shown on all product pages), they are prompted to leave their contact information for you to get back to them.

As soon as somebody leaves an inquiry, you will receive an email with the contents of their message. With this information, you can contact the customer with an appropriate response.

Get an Offer gives you the flexibility to choose what information to collect from your customers: their name, email, phone number, address, company name, etc.

This app is paid with a month of free trial. Try out Get an Offer.

Ways to collect pre-orders manually

In case Get an Offer does not suit you, you may collect pre-orders manually. This section will detail how you can create a custom “Place a pre-order” button on any product listed in your online store.

Adding pre-order labels to products

Collecting pre-orders is easy if you use only offline payment methods (wire transfer or cash on delivery) — simply inform your customers that certain products can only be pre-ordered. You can do so with a note on any product's details page. For example, when a customer adds to cart your product, they will see a note that it is a pre-order and will be shipped later (in this event, we advise providing a time frame to set proper expectations with your customers.)

Below are the ways you can use to add the corresponding note to your product:

You can add bright ribbons to the main images of your products to indicate that they are available on preorder:


Products ribbons are available only on paid Ecwid plans.

To add product ribbon:

  1. From your Ecwid admin, go to Catalog → Products.
  2. Open the product you want to add a ribbon to.
  3. In the product details page, scroll down to Add or edit ribbon.
  4. Enter the text that should appear on this product’s ribbon and pick a color for the ribbon:


  5. Click Save.
You can also add ribbons to multiple products at once. Learn more about product ribbons.

A customer should add the product to bag and complete the checkout. After that, their order will appear in your Ecwid admin, Sales → Orders page. Once ready to ship, you should inform your customers.

Remember, at this point you have not charged your customers. You can request cash on delivery, send a link, or choose another offline payment option.

Creating a custom “Place a pre-order” button

You can create a button on any product listing for customer inquiry. After a customer clicks this button, we prompt them to send an inquiry on the product.

Below are step-by-step instructions to help you set it up.

Remove the Add to bag buttons

First, you need to remove the Add to Bag buttons from your product listing:

  1. Copy the CSS code:

.ec-size .details-product-purchase__controls {display: none;}

.ec-size .product-details-module.details-product-purchase {margin-bottom: 0px;}
  1. Replace "12345" in the codes with the ID of the product you want to collect pre-orders for. Here is how you can get the Product ID;
  2. Add the above code to your custom CSS theme. Here are instruction.
  3. You have removed the Add to bag button from the product page.

Create a button to enable your customers send enquiries

Then you need to create a custom button:

  1. From your Ecwid admin, go to Catalog → Products.
  2. Open the product you want to edit.
  3. Open the General tab.
  4. Find the Description field.
  5. Switch to the HTML mode in by clicking the <> sign:

Edit the product description

  1. Then copy the below code and paste it into the "Description":

<a href="">
<img border="0" alt="send a request" 
999&ebgc=999" "="">
  1. Save the changes.

Your product page will look like this:

Custom button in storefront

When your customers click this button, we prompt them to send an inquiry.

It is possible to change the way your button looks. Try using Dabutton factory to explore different button styles, colors, and text.

Related articles

Turning your store to a product catalog
Adding options to products
Using product attributes

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
20 out of 26 found this helpful
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.
Accept cookies Decline