Product page
Back-in-stock notification
When a variant is sold out, replace the Add to cart with a small form that captures the customer’s email to notify them when stock returns.
How to enable
- Customize → product page → main product section.
- Scroll to Back in stock settings.
- Check Show back-in-stock form when variant is unavailable.
Settings
- Heading — form title (default “We’ll let you know”).
- Subtext — supporting line (default “Enter your email and we’ll notify you when it’s back.”).
- Email placeholder.
- Button label — e.g. “Notify me”.
- Success message — shown after submit (default “You’re on the list — we’ll email you.”).
Where do the signups go?
The form posts to Shopify’s native customer endpoint (/contact with the customer form ID). New entries appear in Customers with the tag back-in-stock. You can:
- Manually look at this list when restocking.
- Set up a Shopify Flow automation: when product back in stock + customer tagged back-in-stock → send Email campaign.
- Connect Klaviyo / Omnisend via webhook to automate the notification.
Common issue: form adds product to cart
This was an early bug fixed in v9 of Vesperia. The cause: the form was rendered inside the cart form, and HTML doesn’t allow nested forms. The customer’s Notify-me button submitted the outer cart form.
If you ever see this happen on a customized product page, ensure the back-in-stock form is rendered OUTSIDE the {% form 'product' %}…{% endform %} block.