---
title: "How to set up a custom page that lists all your preorder products"
description: "Turn on the Custom Pre-Order Page to publish one page at /apps/pre-order/all-preorders that lists every product currently on preorder. Growth plan and above."
url: https://docs.ezpreorder.com/storefront-display/custom-preorder-page
plan: Growth
last_verified: 2026-11-11
---

# How to set up a custom page that lists all your preorder products

EZ Preorder & Back In Stock can publish one page in your store that lists every product currently on preorder in a collection-style grid, with a preorder button on each product. Turn it on in **Configuration** → **Custom Pre-Order Page** and click **Save**. The page is live at your store's address followed by `/apps/pre-order/all-preorders`, for example `https://yourstore.com/apps/pre-order/all-preorders`, and you can add it to your store menu. The page is available on the Growth, Professional and Scale plans. Its page and button colors apply on Professional and Scale.

**Available on:** Growth, Professional and Scale plans. Page and button colors apply on Professional and Scale only. On the Free and Core plans, the **Custom Pre-Order Page** card is greyed out with an **Upgrade to Growth** link.  
**Where to find it:** EZ Preorder → **Configuration** → **Custom Pre-Order Page**.


## Before you start

- You are on the Growth, Professional or Scale plan.
- At least one product in your preorder list is turned on and has a variant on preorder right now. See [How to manage your preorder list](https://docs.ezpreorder.com/preorders/manage-your-preorder-list).
- Optional: set your **Pre-order Button Text**, preorder badges and partial payments first. The page uses all three.

## How to turn on the custom preorder page

1. In EZ Preorder, open **Configuration**.
2. Under **Visibility**, click **Custom Pre-Order Page**.
3. Turn the switch on.
4. Click **Save** in the save bar. The page is not live until you save, even though the link already shows.
5. In the blue box, under "Your pre-orders page is live at:", click **Preview** to open the page, or **Copy** to copy its link.


## How to add the custom preorder page to your store menu

1. On the **Custom Pre-Order Page** tab, click **Copy** to copy the page link.
2. Click **Add to navigation**. Shopify admin opens **Content** → **Menus** in a new tab.
3. Click the menu you want, such as **Main menu**.
4. Click **Add menu item**.
5. Type a **Label**, such as "Preorders", and paste the page link into **Link**.
6. Click **Save**.

## How to customize the custom preorder page

1. On the **Custom Pre-Order Page** tab, click **Customize**. The **Customize Pre-Order Page** page opens. The **Customize** button shows while the page switch is on.
2. In **Page Content**, edit the **Page Title** and the **Page Description**.
3. In **Page Colors**, click **Background Color** and **Text Color** to pick colors, or type a hex code under the color picker.
4. In **Button Customization**, pick the **Button Background Color** and **Button Text Color**.
5. Click **Save** in the save bar. The message "Saved successfully" confirms it.

The colors take effect only on the Professional and Scale plans. On Growth, you can save colors, but the page keeps its default black and white colors. The **Page Title** and **Page Description** work on every plan that has the page.

## Custom preorder page settings

| Setting | What it does | Default |
| --- | --- | --- |
| Switch on the **Custom Pre-Order Page** tab | Publishes the page. When it is off, visitors see "Page Not Available". | Off |
| **Page Title** | The heading at the top of the page. | Pre-Order Products |
| **Page Description** | Optional text under the heading. | Empty |
| **Background Color** | Background of the page content area. Professional and Scale. | `#ffffff` (white) |
| **Text Color** | Color of the heading and description. Professional and Scale. | `#000000` (black) |
| **Button Background Color** | Fill color of the preorder buttons. Professional and Scale. | `#000000` (black) |
| **Button Text Color** | Text color of the preorder buttons. Professional and Scale. | `#ffffff` (white) |

## Custom preorder page features by plan

| Feature | Free, Core | Growth | Professional, Scale |
| --- | --- | --- | --- |
| Turn the page on | No | Yes | Yes |
| **Page Title** and **Page Description** | No | Yes | Yes |
| Page and button colors | No | Saved, not applied | Yes |
| Deposit options on product cards | No | No | Yes, if partial payments are on |

## Which products the custom preorder page lists

The custom preorder page builds its list automatically from your EZ Preorder preorder list each time a shopper opens it. A product appears when:

- The product is turned on in your preorder list. Scheduled products appear only while their preorder is running, because the app turns them on at the start date and off at the end date. See [How to schedule preorder start and end dates](https://docs.ezpreorder.com/preorders/schedule-preorder-start-and-end-dates).
- At least one of its variants is on preorder right now under its rule: **Always** at any stock, **Sold out** while inventory is 0 or less, **Specific inventory level** while inventory is above 0. See [Preorder rules](https://docs.ezpreorder.com/preorders/preorder-rules).
- At least one of those variants is available in the shopper's country, if you limit preorders by country. See [How to set preorders for specific countries and markets](https://docs.ezpreorder.com/preorders/preorders-for-specific-countries-and-markets).

Each product card's option dropdowns only offer variants that are on preorder. Products and variants that are not on preorder do not appear. You cannot pick products by hand or pin a product to the top.

## What shoppers see on the custom preorder page

The custom preorder page uses your theme's header and footer. Below the **Page Title** and **Page Description**, shoppers get:

- **Filter - Price**: **All Prices**, **Under 50**, **50 - 100**, **100 - 200** and **200+** (in the cart's currency symbol), or a **Min** and **Max** price with **Apply**.
- **Sort by**: **Default**, **Price: Low to High**, **Price: High to Low**, **Name: A to Z** and **Name: Z to A**. **Default** shows products in the order you added them to your preorder list.
- The number of products and a page size of 8, 12, 16 or 24 products. The page shows 8 products at first, with **Back**, page numbers and **Next** when there are more.

Each product card shows:

- The product image, which changes to the variant's image when the shopper picks a variant. The image links to the product page.
- Your preorder badge, while **Badge Settings** is on. See the section "Preorder badges on the custom preorder page" in this article.
- The product title and price, with the compare-at price if it has one.
- A dropdown for each product option, such as size or color.
- The product's custom note, if it has one.
- The deposit options, if partial payments are on: your deposit option, and **Pay in full** if you let customers pay in full. See [Partial payments and deposits](https://docs.ezpreorder.com/payments-and-conversion/partial-payments-and-deposits).
- The preorder button, with your **Pre-order Button Text** in the shopper's language, or your English text if that language has none.
- A **View full details** link to the product page.

## How adding to cart works on the custom preorder page

When a shopper clicks the preorder button on the custom preorder page, EZ Preorder adds one unit of the selected variant to the cart with the preorder line item property (`type: preorder`), the same as the product page. The shopper stays on the page and sees "Added to cart!" with a **View Cart** link, and the app tries to refresh your theme's cart drawer or cart icon. If the item cannot be added, the shopper sees "Could not add to cart. Please try again." **Direct to Checkout** does not apply on this page.

## Preorder badges on the custom preorder page

The custom preorder page shows your preorder badge on every product card while **Badge Settings** is on in **Configuration** → **Collections & Featured Product**. It uses your **Badge Text color**, **Badge Background color** and **Badge font size**, but:

- It always shows your English **Badge Text**, in capital letters.
- It always sits in the top left corner. **Badge Position** does not apply.
- It always has square corners, whichever **Badge Shape** you choose.

The custom preorder page works on every theme, including themes marked **Badge incompatible**, so it is a good way to highlight preorder products when collection page badges are not available. See [How to show preorder badges on collection pages](https://docs.ezpreorder.com/storefront-display/preorder-badges-on-collection-pages).

## Custom preorder page messages

| Message | Meaning |
| --- | --- |
| "No pre-order products available right now. Check back soon!" | No product is turned on in your preorder list. |
| "No products match your filters." | Products exist, but none match the price filter, or none is on preorder right now. |
| "Page Not Available" / "This page is currently not available." | The page switch is off. Visitors get a **Back to Home** button. |
| "Failed to load products. Please refresh the page." | The product list could not load. Reload the page. |

## Limitations

- The page's own words, such as **Filter - Price**, **Sort by**, **View full details**, **Added to cart!** and the messages in the table, are in English and cannot be changed. The **Page Title** and **Page Description** are one text for every language.
- Prices show your store's default-currency amount next to the shopper's currency symbol. If you sell in several currencies, a shopper browsing in another currency sees your default-currency number. The cart and checkout show the correct converted price.
- The custom note on each card is the English note of the product's first preorder variant, shown as plain text. HTML in the note shows as typed instead of being formatted.
- The page lists every product that is turned on in your preorder list, including products that are drafts or not available on your Online Store. Turn such products off in EZ Preorder.
- Only the first 100 variants of a product are considered.
- The page address is fixed and cannot be renamed, and the page cannot be edited in the theme editor.

## What happens to the custom preorder page when you change plans

On the Free and Core plans, the **Custom Pre-Order Page** tab locks, but the page itself stays live if it was on before you changed plans. Its colors go back to the default black and white. To take the page down, turn the switch off and click **Save** before you downgrade, or contact support afterwards, and remove the page from your store menu. Plan details are in [Plans and pricing](https://docs.ezpreorder.com/plans-and-billing/plans-and-pricing).

## Troubleshooting

**Visitors see "Page Not Available".** The switch on the **Custom Pre-Order Page** tab is off, or you turned it on without clicking **Save**. Turn it on and click **Save**.

**The page says "No pre-order products available right now".** No product is turned on in your preorder list. Open **Preorders** in EZ Preorder and turn on at least one product.

**A product is missing from the page.** Check that it is turned on in your preorder list, that its scheduled dates include today, and that at least one variant is on preorder at its current stock. A **Sold out** rule product with every variant in stock does not appear. If you limit it to certain countries, check the country you are browsing from.

**A product appears that is not for sale.** The product is turned on in your preorder list but is a draft or not available on your Online Store. Turn it off in your preorder list.

**My colors don't show.** Page and button colors apply on the Professional and Scale plans only. On Growth, the page uses the default colors.

**The product count changes after the page loads.** The count first shows every product turned on in your preorder list, then updates to the products on preorder right now.

**The cart icon does not update after adding a product.** Some themes do not let apps refresh their cart drawer. The item is in the cart; reload the page or click **View Cart** to see it.

## Frequently asked questions

### What is the URL of the custom preorder page?
It is your store's primary domain followed by `/apps/pre-order/all-preorders`, for example `https://yourstore.com/apps/pre-order/all-preorders`. The **Custom Pre-Order Page** tab shows your exact link with a **Copy** button.

### Does the custom preorder page show every product in my preorder list?
No. It shows products that are turned on and have at least one variant on preorder right now under their rule, in the shopper's country. In-stock variants of a **Sold out** rule product do not appear.

### Can I choose the order of products on the custom preorder page?
Not by hand. **Default** shows products in the order you added them to your preorder list, and shoppers can sort by price or name.

### Do I need the app embed for the custom preorder page?
No. The page loads its own products and buttons, so it works whether or not the EZ Preorder app embed is on. The preorder button on your product pages still needs the app embed.

### Can shoppers pay a deposit from the custom preorder page?
Yes, if partial payments are on. Each card shows your deposit option, and **Pay in full** if you allow it.

### Why did my page colors stop working?
Page and button colors apply on the Professional and Scale plans. After a change to Growth, Core or Free, the page uses the default black and white colors.

### Can I translate the custom preorder page?
Partly. The preorder button text and badge follow your EZ Preorder settings, and the button uses the shopper's language. The **Page Title**, **Page Description** and the page's own words are not translated.

## Related articles

- [How to show preorder badges on collection pages](https://docs.ezpreorder.com/storefront-display/preorder-badges-on-collection-pages): the badge the page shows on each product.
- [How to add a featured preorder section to your store](https://docs.ezpreorder.com/storefront-display/featured-preorder-section): feature one preorder product on any page.
- [Preorder rules](https://docs.ezpreorder.com/preorders/preorder-rules): which variants count as on preorder.
- [Partial payments and deposits](https://docs.ezpreorder.com/payments-and-conversion/partial-payments-and-deposits): the deposit options on each card.
- [How to set preorders for specific countries and markets](https://docs.ezpreorder.com/preorders/preorders-for-specific-countries-and-markets): how country limits affect the page.
- [Plans and pricing](https://docs.ezpreorder.com/plans-and-billing/plans-and-pricing): which plan includes the page and its colors.