Skip to main content
All CollectionsPreorder
Overview of Pre-order Button Customization
Overview of Pre-order Button Customization

Learn how to navigate and utilize the Pre-order Button Customization settings to tailor the appearance and functionality of your pre-order buttons across different pages.

Zara avatar
Written by Zara
Updated over 5 months ago

Where to Find Pre-order Button Customization:

  1. Navigate to the Pre-order Tab:

    • From your Shopify admin dashboard, go to Apps.

    • Select Notify! Back in Stock | Pre-order.

    • Click on the PreOrder tab.

  2. Accessing Customization Settings:

    • In the Pre-order functionality section, click on Customize appearance.

    • This will take you to the customization settings where you can modify the pre-order button for different page types.


Customizing the Pre-order Button:

You can customize the pre-order button for three types of pages: Product Pages, Collection Pages, and the Home Page. Here’s how you can adjust the settings for each:

  1. Product Pages:

    • Button Status: Toggle the button on or off to enable or disable the pre-order button on product pages.

    • Widget title: Edit the text displayed on the pre-order button.

    • Badge Title: Customize the badge that indicates the product is available for pre-order.

    • Widget Description: Modify the description that appear with the pre-order widget.

    • Style: Adjust the button style to match your theme.

  2. Collection Pages:

    • Button Status: Toggle the button on or off to enable or disable the pre-order button on collection pages.

    • Button Label: Edit the text displayed on the pre-order button.

    • Style: Adjust the button style to match your theme.

  3. Home Page:

    • Button Status: Toggle the button on or off to enable or disable the pre-order button on the home page.

    • Button Label: Edit the text displayed on the pre-order button.

    • Style: Adjust the button style to match your theme.


Advanced Customizations:

  • CSS Customization: For advanced customizations, you can request the technical support team to add custom CSS codes. This allows you to add animations, hover effects, and other advanced styling options to your pre-order widgets.

  • Requesting Advanced Customizations: Click on the Request advanced customizations link at the bottom of the customization settings to contact the support team for further assistance.


FAQs:

  1. How do I enable the pre-order button on specific pages?

    • Use the toggle button in the customization settings to enable or disable the pre-order button on product, collection, and home pages.

  2. Can I customize the text on the pre-order button?

    • Yes, you can edit the button label in the customization settings to display your preferred text.

  3. How do I match the pre-order button style with my theme?

    • Use the style options in the customization settings to adjust the button’s appearance to align with your store’s theme.

  4. What if I need advanced customizations for my pre-order button?

    • You can request advanced customizations by clicking the Request advanced customizations link to get assistance from the technical support team.


How to Use This Information:

  1. Regularly Update:

    • Regularly check and update the pre-order button settings to ensure they align with your store’s theme and marketing strategies.

  2. Enhance User Experience:

    • Customize the pre-order buttons to provide a seamless and engaging experience for your customers across different pages.

  3. Leverage Advanced Customizations:

    • Utilize advanced customizations to add unique styling and functionality to your pre-order buttons, making them stand out and attract more pre-orders.

Did this answer your question?