Where to Find the Customization Section
Log in to Shopify Admin: Go to your Shopify store dashboard.
Open Notify Me! App: In the sidebar under Apps, select Notify Me!.
Access Widget Customization:
Navigate to Back-in-Stock Settings.
Click Customize appearance in the sidebar.
Choose Widget to Customize: Select:
Buttons
Subscriber Form
Confirmation Message
Under Buttons, you can customize for:
Product pages
Collection pages
Home page
Step 1 :
Step 2 :
Widget Placement Options
In the Buttons section, you can choose where to display the "Notify Me!" button:
Product Pages: Allow customers to subscribe when a product is sold out.
Collection Pages: Let customers subscribe without opening product pages.
Home Page: Add the button to your homepage for easy access.
You can use the toggle in the top-right corner to enable or disable the widget on each page type.
Customizing Button Text and Appearance
Button Label: Change the default “Notify Me” text to match your store’s tone, such as “Get Notified” or “Be the First to Know.”
Show Bell Icon: Toggle on to display the bell icon on the button.
Remove "Powered by Notify Me!": Turn off app branding if desired.
Button Placement Styles on Product Pages
You can choose how the button appears:
Inline Button: Displays within the product page section.
Float Button: Stays visible on the screen as customers scroll.
Inline and Float: Use both placement options simultaneously.
Styling the Button
You can style your button in two ways:
Smart Match with Theme (Recommended)
Automatically matches your button’s colors, fonts, and size with your store’s theme.
Custom Style
Manually adjust the following:
Button text color
Button background color
Button border color
Button border radius
Button border thickness
For advanced adjustments, add custom CSS. For example, to hide the "Notify Me" button in variant pickers while showing it on the main product page, target the PRODUCT_PAGE-notify-button
class in your CSS.
You can find more details on how to use CSS in the "How to Customize the Style of Your Widget Using CSS " article.
Live Preview
The Live View panel shows real-time updates as you adjust the button’s text, placement, and style. This helps you confirm the widget matches your store’s design before publishing.
Advanced Customization Options
For advanced needs, you can request additional support for:
Custom CSS and hover effects
Animations
Custom widget placements
To request assistance, click Request Advanced Customizations at the bottom of the customization page.
Troubleshooting and Common Scenarios
Removing Duplicate Buttons
If duplicate "Notify Me" buttons appear:
Identify and keep the correct "Notify Me" button.
Remove redundant buttons that are not part of the Notify Me! app. To remove redundant buttons that are not part of the Notify Me! app, you should:
Identify the page(s) where the unwanted buttons are appearing (such as collection or homepage).
Locate the CSS class associated with the product cards on the problematic page.
Use the PRODUCT CARD SELECTOR field in the UI styles of the Notify Me! app to input the identified class. This restricts the Notify Me! button placement strictly to the specified product cards, preventing it from appearing in unintended areas and reducing redundancy.
Ensure the class used is the highest parent class of the product cards for maximum effectiveness.
If you need any additional help, please reach out to our customer care team.
Managing "Sold Out" and "Notify Me" Buttons Together
If both buttons display:
Hide the "Sold Out" button in your theme’s settings or code.
Keep the "Notify Me" button visible for customer subscriptions.
Steps:
Ensure your theme is live before making edits.
Update your theme’s code to hide the "Sold Out" button.
Contact Notify Me! support if you need assistance.
Summary
Customizing your "Notify Me!" back-in-stock button allows you to:
Match your store’s branding
Choose button placement on product, collection, or home pages
Adjust button text, colors, and styles
Remove redundant or conflicting buttons
Improve customer subscription rates for restocks
By customizing the Notify Me! widget, you provide a consistent, branded, and intuitive experience for customers waiting for back-in-stock updates.