Customize the Notify Me Button
The Button Settings modal in the Back-in-Stock Settings tab controls everything the shopper sees on the storefront: the Notify Me button label, the email popup, and the confirmation toast. The modal has three tabs - Button, Popup, and Confirmation - each with a live preview.
Open the Button Settings
Section titled “Open the Button Settings”- Open the Qivra PreOrder admin and go to Back-in-Stock.
- Click the Settings tab.
- Find the Button Settings card and click Configure.
The button styling inherits your theme’s CSS so the Notify Me button always looks native to your storefront.
Tab 1: Button (Per Page Type)
Section titled “Tab 1: Button (Per Page Type)”Configure where the Notify Me button shows and what it says on each type of storefront page.
For each page type - Product page, Collection page, and Home page:
- Toggle Enabled on to show the Notify Me button on that page type.
- Edit the Button text (for example, “Notify Me”, “Email Me When Available”, or a localized phrase).
- The preview on the right updates instantly.
Tips:
- Disable a page type if you only want to capture subscribers on a specific page (for example, product pages only).
- The button text is per page type so you can use a shorter label on collection cards (“Notify Me”) and a longer one on the product page (“Email me when this is back in stock”).
Tab 2: Popup
Section titled “Tab 2: Popup”Customize the popup that appears when a shopper clicks the Notify Me button.
| Field | Purpose |
|---|---|
| Popup title | The headline at the top of the popup, for example “Back in Stock Alert”. |
| Popup description | A short sentence that explains what the shopper is signing up for. |
| Email placeholder | The placeholder text inside the email input, for example “Enter your email”. |
| Subscribe button text | The label on the confirm button, for example “Notify Me” or “Subscribe”. |
A live preview on the right shows the popup exactly as the shopper will see it.
Tab 3: Confirmation
Section titled “Tab 3: Confirmation”Customize the toast message shown after the shopper submits their email.
| Field | Purpose |
|---|---|
| Confirmation message | The success toast when a new subscription is created, for example “You’re on the list! We’ll email you when this is back in stock.” |
| Already subscribed message | The toast when the email is already registered for this product, for example “You’re already subscribed to this product.” |
| Toast background color | Background color of the toast (hex). |
| Toast text color | Text color of the toast (hex). |
Use contrasting colors so the toast is readable. The preview reflects your color choices in real time.
Save Your Changes
Section titled “Save Your Changes”Click Save at the bottom of the modal to apply all three tabs at once. Click Cancel to close without saving.