EZ Preorder Help Center Install on Shopify

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

Growth plan and aboveLast verified 11 November 2026View as Markdown

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

SettingWhat it doesDefault
Switch on the Custom Pre-Order Page tabPublishes the page. When it is off, visitors see "Page Not Available".Off
Page TitleThe heading at the top of the page.Pre-Order Products
Page DescriptionOptional text under the heading.Empty
Background ColorBackground of the page content area. Professional and Scale.#ffffff (white)
Text ColorColor of the heading and description. Professional and Scale.#000000 (black)
Button Background ColorFill color of the preorder buttons. Professional and Scale.#000000 (black)
Button Text ColorText color of the preorder buttons. Professional and Scale.#ffffff (white)

Custom preorder page features by plan

FeatureFree, CoreGrowthProfessional, Scale
Turn the page onNoYesYes
Page Title and Page DescriptionNoYesYes
Page and button colorsNoSaved, not appliedYes
Deposit options on product cardsNoNoYes, 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.
  • 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.
  • 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.

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

Custom preorder page messages

MessageMeaning
"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.

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.