Skip to main content

EComposer x Notify Me! Integration

Add the Notify Me! Button to EComposer Product Pages

Updated this week

Introduction

Enable customers to sign up for back-in-stock alerts directly from product pages built with EComposer. This guide shows how to integrate and customize the Notify Me! Back In Stock|PreOrder button to enhance customer engagement and improve sales.


Adding the Notify Me! Button to Your Pages

1. Install and Add the Notify Me! Extension

Step 1: Open the Extension Library in EComposer

  • Launch the EComposer app from your Shopify store.

  • Click the Extensions icon or the Add More button in the Extensions section.

Step 2: Install the Notify Me! Extension

  • Search for Notify Me! Back In Stock|PreOrder in the extension library.

  • Click Install now to add it to your EComposer tools.

Step 3: Place the Button on a Product Page

  • Drag and drop the Notify Me! Back In Stock|PreOrder block onto your product page layout.

  • Recommended placement: below the product variant list for maximum visibility.



2. Customize the Notify Me! Button Design

You can style the button using either the EComposer editor or the Notify Me! app.

Using the EComposer Editor:

  • Content Tab: Update the button text to match your brand voice.

Design Tab: Adjust button color, font, size, and borders to align with your theme.

Using the Notify Me! App:

  • Go to Shopify Admin > Apps > Notify Me! Back In Stock|PreOrder.

  • Open the Back in Stock tab, then click Customize Widget.

    In the widget editor:

    • Content Tab: Modify the button label.

    • Styles Tab: Customize text color, background, fonts, etc.

    • Edit Code: Use custom CSS for advanced styling.

3. How the Button Behaves

  • The button automatically appears on product detail pages only when the product is out of stock.

  • It only displays if "Continue Selling When Out of Stock" is turned off.


Operational Guidelines

Page Compatibility

  • Effective Locations: The Notify Me! button using EComposer can only work with a Product detail section, it can not work on the Product grid, or Related products elements., ensuring clarity and functionality where it matters most.

Testing and Activation

  • Verify Functionality: After placement and customization, test the Notify Me! button to ensure it functions correctly and triggers notifications appropriately when products are restocked.


By integrating and customizing the Notify! Back In Stock|PreOrder button on your EComposer-built pages, you enhance customer engagement and potentially increase sales by keeping shoppers informed about the availability of desired products.

Did this answer your question?