Sold out notify button

Copy-paste a Liquid snippet for product page - Replaces the dead 'sold out' state with a 'notify me' action - keeps the shopper engaged instead of losing them.

Product pageTheme snippet Members sourceOS 2.0 themes

Live previewCustomize in playground

Sold out. Get notified when it returns.

Notify me when back in stock

Opens WhatsApp to your support channel - only shows when the variant is sold out.

How to install on your store

1Back up your theme (Online Store > Themes > Actions > Duplicate) before changing any code.
2Create snippets/sold-out-notify.liquid, paste the complete file - styles and script are already inside it.
3Render it in place of (or next to) the add-to-cart button inside your product form - it only appears when the variant is sold out.
4Point the contact target at your own WhatsApp number or email address in the code where marked.

sold-out-notify.liquid

1{%- comment -%}2  Only renders when the selected variant is unavailable. Change the phone or3  address below to your own support channel.4{%- endcomment -%}5{%- assign v = product.selected_or_first_available_variant -%}6{%- if v and v.available == false -%}7  <div class="gpl-soldout">8    <p class="gpl-soldout__msg"><strong>Sold out.</strong> Get notified when it returns.</p>9    <a class="gpl-soldout__btn"10       href="https://wa.me/919999999999?text={{ 'Please notify me when ' | append: product.title | append: ' is back in stock' | url_encode }}"11       target="_blank" rel="noopener noreferrer">12      {{ label | default: 'Notify me when back in stock' | escape }}13    </a>14  </div>

Full source is for members

One payment - every snippet, guide and bundle

Get all-access

How to install on your store

1Back up your theme (Online Store > Themes > Actions > Duplicate) before changing any code.

2Create snippets/sold-out-notify.liquid, paste the complete file - styles and script are already inside it.

3Render it in place of (or next to) the add-to-cart button inside your product form - it only appears when the variant is sold out.

4Point the contact target at your own WhatsApp number or email address in the code where marked.

sold-out-notify.liquid

1{%- comment -%}2  Only renders when the selected variant is unavailable. Change the phone or3  address below to your own support channel.4{%- endcomment -%}5{%- assign v = product.selected_or_first_available_variant -%}6{%- if v and v.available == false -%}7  <div class="gpl-soldout">8    <p class="gpl-soldout__msg"><strong>Sold out.</strong> Get notified when it returns.</p>9    <a class="gpl-soldout__btn"10       href="https://wa.me/919999999999?text={{ 'Please notify me when ' | append: product.title | append: ' is back in stock' | url_encode }}"11       target="_blank" rel="noopener noreferrer">12      {{ label | default: 'Notify me when back in stock' | escape }}13    </a>14  </div>

Full source is for members

One payment - every snippet, guide and bundle

Get all-access