Skip to content

Instantly share code, notes, and snippets.

@carolineschnapp
Last active January 19, 2023 13:54
Show Gist options
  • Save carolineschnapp/0156b3a5f0c872d752ff to your computer and use it in GitHub Desktop.
Save carolineschnapp/0156b3a5f0c872d752ff to your computer and use it in GitHub Desktop.
Notify me when a product that is sold out becomes available (using a contact form)
{% unless product.available %}
<div id="sold-out">
{% form 'contact' %}
{% if form.posted_successfully? %}
<p class="accent-text">Thanks! We will notify you when this product becomes available!</p>
{% else %}
<p>Click <a id="notify-me" href="#"><strong>here</strong></a> to be notified by email when {{ product.title }} becomes available.</p>
{% endif %}
{% if form.errors %}
<div class="error feedback accent-text">
<p>Please provide a valid email address.</p>
</div>
{% endif %}
{% unless form.posted_successfully? %}
<div id="notify-me-wrapper" class="clearfix" style="display:none">
{% if customer %}
<input type="hidden" name="contact[email]" value="{{ customer.email }}" />
{% else %}
<input style="float:left; width:180px;" required="required" type="email" name="contact[email]" placeholder="your@email.com" class="styled-input{% if form.errors contains 'email' %} error{% endif %}" value="{{ contact.fields.email }}" />
{% endif %}
<input type="hidden" name="contact[body]" value="Please notify me when {{ product.title | escape }} becomes available." />
<input style="float:left; margin-left:5px;" class="btn styled-submit" type="submit" value="Send" />
</div>
{% endunless %}
<script>
jQuery('#notify-me').click(function() {
{% if customer %}
jQuery('#sold-out form').submit();
{% else %}
jQuery('#notify-me-wrapper').fadeIn();
{% endif %}
return false;
} );
</script>
{% endform %}
</div>
{% endunless %}
@Uberstar
Copy link

Uberstar commented Jun 9, 2015

Hi Caroline - please can you advise on how to edit the code (if possible), so the sign up (notify me) button is automatically shown, to save the customer from having to "click here"? Thnx.

@jruggiero16
Copy link

@Uberstar did you ever figure out how to do this? I also want to have it shown automatically.

@carolineschnapp Also I would like to embed a Mailchimp code so every email that signs up for out of stock items populate in a list so automation is easy. Is this possible?

@somesh251
Copy link

thank you buddie

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment