Adding a Notify Me button to Front page Featured Product that is sold out

I have just released a product that sold out amazingly fast(yay) but I have not been able to find an app that offers the notify me when back in stock button for the front page Featured Product block.

Can any one recommend or help with this at all? I do already have a notify me app for my standard product pages, but really need one that front page, Featured Product block .

Hi @KaszCh

In case you want to use a back-in-stock app that integrates well with the Featured Product feature in the homepage, then I would suggest finding an app which is capable of integrating with Online Store 2.0 App Blocks. Nowadays, many apps have the ability to include the “Notify Me When Back in Stock” button in the Featured Product section from the Theme Editor of the store.

You can check some suitable apps such as:

  1. Appstle Back in Stock Alerts
  2. Notify Me! Back in Stock Alerts
  3. Kbite: Back in Stock Alerts

If the chosen app does not support this integration, then you can manually install the app’s widget in the Featured Product section from your theme if your app provides you with a liquid code.

In case you can share your theme name, then the store url then I can suggest the most suitable solution or guide you through the implementation.

I currently use Kbite, so some further guidance would be great to get it onto the home page featured product too.

Theme is: Craft
Site: www.justkasz.com

@KaszCh

Thanks for sharing the URL. Let me check it, and I’ll keep you updated.

Thank you, will keep my eye out for your update

Hi @KaszCh

I checked the app settings and also confirmed with the app’s customer support. Unfortunately, there is no option to display the “Notify Me” button on the homepage for a single featured product with the APP that you are using. They only support showing it in the Featured Collection, and that feature is available only on their paid plan.

However, I tested a few other apps, and one of them does support this feature. Please check it.

Once we add this app, it will automatically display ‘Notify me’ on the respective product. Please let me know if this solution works for you.

I’d first check whether your current back-in-stock app supports the Featured Product section, as many only enable the widget on the main product template by default.

If you’re open to switching,

Appikon - Back In Stock: Restock Alerts is a solid option and supports integration with many Shopify themes.

Notify Back in Stock Alerts is easy to set up and supports email notifications.

SC Back in Stock Restock Alert: A reliable option with customizable notification widgets.

If you let us know which theme you’re using and which notify app you currently have installed, someone can confirm whether it supports the homepage Featured Product section or if it just needs a small configuration or theme adjustment.

A workaround tested on craft theme. Proof: see images

Kbite doesn’t give any app block which i can use in the home page’s features section

I couldn’t find any other such app which says specifically that they provide the app block.

Add a “Notify me” button to the sold-out product in your home Featured product block.
This button links to product url where the customer can fill the notify me form.

  1. In your admin open Online Store, then Themes. On your Craft theme click Customize.

  2. Make sure you are on the Home page. Click your Featured product section on the left.

  3. Click Add block, and under Blocks choose Custom Liquid.

  1. Paste this into the Liquid code box:
{%- assign np = section.settings.product -%}
{%- if np != blank and np.available == false -%}
  <a href="{{ np.url }}" class="button button--full-width" style="margin-top: 1rem;">
    Notify me when available
  </a>
{%- endif -%}
  1. Drag the Custom Liquid block just under Buy buttons, then click Save.

Done. The ** button shows only when the item is sold out,** and it opens that product page, where your notify form works.

Hey @KaszCh, congrats on the fast sellout!

The reason it’s tricky is because the homepage ‘Featured Product’ block is a separate section from your actual product page template, so most back-in-stock apps only drop their ‘Notify Me’ button on the product page itself.

Two ways to sort it :

  1. Use an app that supports App Blocks - Since you’re on Craft (an Online Store 2.0 theme), open your Theme Editor > Homepage > Featured Product block > Add block. If your app supports it, its ‘Notify Me’ widget will show up in that list and you can just drop it in. Kbite may not offer this on your current plan, so it’s worth a quick check with their support.

  2. Add the widget manually - If the app gives you a snippet of code, you can paste it into the ‘Featured Product’ section of your theme. This specially works when the app block option isn’t there.

Hope this helps :slight_smile:

Hi @KaszCh

Most back-in-stock apps only inject their widget on the actual product page, so they won’t automatically appear in the Featured Product section on the homepage.

If your app provides an app block or app embed, you may be able to add it to the Featured Product section through the theme editor. If not, it’s still possible with a small custom code change by rendering the app’s widget in that section, depending on how the app is built.

Best regards,
Devcoder :laptop:

Hi @KaszCh

Please let me know if this solution works for you.

Hi there @KaszCh
Congrats on the sell-out. Some restock apps are only compatible with product page templates, to use the Featured Product section with these apps and have them work correctly you may need to integrate your theme further. See if your existing app offers an app block, embbed or snippet which you can insert in the Featured Product section. If this is not the case a small theme customization will allow you to have the same Notify Me button in that location without switching apps, that is if your app supports it.

Hi there,
This has certainly worked with my App that I use( Kbite). I’m just juggling with the side of the button now to mirror the others, but its functional now so thank you!