How to change the Notify Me button position?

There are three ways to change the Notify Me button position, as discussed below.

(1) Just tell us (Recommended)

You can simply reach out to our 24x7 live support to change the button position for you, and we'll take care of it within minutes!

(2) Do it yourself from within the app

Only do this if you have at least a basic understanding of CSS selectors (classes and ids) and HTML elements

Decide if you want to show the Notify Me button on the page, or floating to the right side of the page.

If you want to show the button on the page: on any sold out product page, right click on the HTML element above/below/inside which you want to show the Notify Me button, and click "Inspect Element". In the pane that opens on the right side, look for the "id" or "class" of that HTML element. Note this id or class. (For example: .product-form__buttons)

Now within the app, please go to Back in Stock > Notify me button > Edit

Scroll to the bottom of the page that opens, and click on "See advanced settings"

In the section that opens, choose how you want to place the the Notify Me button in relation to the HTML element you noted in Step 1. You can also choose to float the button to the right.

Then, enter the id or class selector for the HTML element that you noted in Step 1. For example, .product-form__buttons

Click "Save"

Test out the Notify Me button on a few sold out pages to make sure that everything is working out correctly.
And that's it! You've now repositioned the Notify Me button.

(3) Do it yourself using theme changes (Advanced)

Only do this if you have at least a basic understanding of CSS selectors (classes and ids) and HTML elements

If you aren't able to find any usable HTML elements for your theme, or if your CSS selectors are all dynamically generated, or if you'd like to control the Notify Me button position using your theme code, then you should follow this approach.

In your theme code for the product page, add an empty div element wherever you'd like to place the Notify Me button.
Assign a class to this div, like .peppy-notify-me
Now use the steps in the approach (2) above, to place the Notify Me button into the div that you just created (you can use the "Inside an element" option)
And you're done. Now you can completely control the Notify Me position from the theme - just move the custom div around and the button will move along with it.

Updated on: 26/11/2025

Was this article helpful?

Thank you!