Design the Notify me button

Change the Notify me button's text, colors, corners and how it opens, so it fits your store.

Open the button settings

  1. In the app, go to Settings › Button Style and click Customize.

    The app's Settings page with the Customize button of Button Style highlighted.

  2. Change the settings below, then click Save.

The settings

Launch point type for the product page: Modal / Pop-up, with Next to Sold Out, Right Side Button and Left Side Button.

  • Launch point type (Product page): how the button is shown on product pages. Choose Next to Sold Out, Right Side Button or Left Side Button; each one opens the sign-up pop-up.

Button settings: Margin from top, Button Text, Background Color, Text/Font Color, Border radius, Hovering Button Color and Hovering Text/Font Color.

  • Margin from top: space above the button.
  • Button Text: what the button says, for example "Notify me" or "Email me when available".
  • Background Color and Text/Font Color: the button's colors.
  • Border radius: how round the corners are. 0 gives square corners.
  • Hovering Button Color and Hovering Text/Font Color: the colors when a shopper points at the button.

General Settings: Display for all, Customize inline button position, Insert element css selector and Insert type.

  • Display for all: shows the button on every variant of a product as soon as one variant is sold out.
  • Customize inline button position: places the button after any element on the product page. See Change where the button appears.

Check your changes: open a sold-out product in your store and refresh the page.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us