Login to OnVoard
Login to your OnVoard account. If you haven't, you can register for an OnVoard account.
Install Back In Stock App
Shopify merchants can use Back In Stock extension by installing the app from Shopify app store.
- Back In Stock Shopify Listing
Configure Shopify Settings
After app is installed, go to Shopify settings page. Turn on install scripts if you want OnVoard to automatically install loader script to your store. If auto installation is turned off, you would need to manually install loader code to your site. For most users, we recommend turning on auto installation.
Setup Email Profile & Domain
To send notification emails, you need to first setup email profile. For better deliverability, we highly recommend you to setup email domain as well.
Setup Back In Stock
Go to overview page and add a Back In Stock for your account.
Ensure that Settings > Platform is set as Shopify. This setup allows us to automatically detect product data from your Shopify store. Configure the rest of settings according to your preferences and save.
Depending on your configurations, you may need to manually add code snippet to your site. If you see Show Code button in overview page, click on it and follow installation instructions from there.
Where can you place back-in-stock button snippet?
If you are using back-in-stock generated button, you need to manually install button snippet into product page for it to be shown. Go to product-template.liquid theme file and search for the following code:
button type="submit"{{ form | payment_button }}
These are possible areas where product add cart button will be shown. You can place snippet below these elements to display back-in-stock button after add cart button.
What's Next
We recommend reading the following articles to further understand how you can customize back-in-stock.
- Using custom trigger for back-in-stock
- Ways to trigger back-in-stock modal
- Adding back-in-stock to product collections page