Skip to main content

Overview: Customize Pre-order Buttons for Different Pages

Learn how to customize pre-order buttons across your store to match your theme and boost engagement.

Updated yesterday

How to Access Pre-order Button Settings

  1. Go to the App:

    • From your Shopify admin, open Apps

    • Select Notify! Back in Stock | Pre-order

    • Click on the Pre-order tab

  2. Open Customization Settings:

    • In the Pre-order Functionality section, click Customize Appearance

    • This opens settings where you can style and configure buttons per page type

Customization by Page Type

1. Product Pages

  • Button Status: Toggle ON/OFF to show or hide the pre-order button

  • Button Label: Customize the button label

  • Badge Title: Set the badge text (e.g. “Pre-order Available”)

  • Widget Description: Add a short explanation or call-to-action

  • Style: Adjust button styling to match your theme (Read this article)

2. Collection Pages

  • Button Status: Toggle ON/OFF for collection-level visibility

  • Button Label: Customize the text on the pre-order button

  • Style: Match button appearance with store design (Read this article)

3. Home Page

  • Button Status: Toggle ON/OFF for the homepage

  • Button Label: Edit the button’s displayed text

  • Style: Apply store-consistent visual styling (Read this article)

FAQs

How do I enable pre-order buttons on certain pages?
Use the ON/OFF toggle in each section (Product, Collection, Home).

Can I change the button text?
Yes, use the Button Label or Widget Title fields.

How can I match button styles with my theme? (Read this article)
Use the Style option under each page type.

Can I request custom CSS styling?
Yes, you can contact the support team.

Best Practices

  • Update Often: Align styles with current campaigns and site updates

  • Focus on UX: Ensure consistent and branded visuals across pages

  • Use Custom Code: Elevate design with support-assisted CSS changes

Did this answer your question?