Newsletter + discount note

Copy-paste a theme-editor section for marketing - Email signup with an honest incentive line - converts better than a bare 'subscribe' field.

MarketingTheme section Members sourceOS 2.0 themes

Live previewCustomize in playground

Get 10% off your first order

Plus early access to drops and restocks. No spam - one useful email a week.

How to install on your store

1Back up your theme (Online Store > Themes > Actions > Duplicate) before changing any code.
2Open Online Store > Themes > Edit code and create a new file under Sections using the file name shown above.
3Paste the complete file - markup, styles and JavaScript are already inside the single file, nothing else to install.
4Open the theme editor, add the section to a template, and replace the example values using the section settings.
5Preview the storefront and test it on a phone-sized screen before publishing.

newsletter-discount.liquid

1<div class="gpl-news">2  <h2 class="gpl-news__heading">{{ section.settings.heading }}</h2>3  {%- if section.settings.offer != blank -%}4    <p class="gpl-news__offer">{{ section.settings.offer }}</p>5  {%- endif -%}6  {%- form 'customer', class: 'gpl-news__form' -%}7    <input type="hidden" name="contact[tags]" value="newsletter">8    <input type="email" name="contact[email]" class="gpl-news__input" placeholder="Your email" required>9    <button type="submit" class="gpl-news__btn">Subscribe</button>10  {%- endform -%}11</div>12 13{% schema %}14{

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.

2Open Online Store > Themes > Edit code and create a new file under Sections using the file name shown above.

3Paste the complete file - markup, styles and JavaScript are already inside the single file, nothing else to install.

4Open the theme editor, add the section to a template, and replace the example values using the section settings.

5Preview the storefront and test it on a phone-sized screen before publishing.

newsletter-discount.liquid

1<div class="gpl-news">2  <h2 class="gpl-news__heading">{{ section.settings.heading }}</h2>3  {%- if section.settings.offer != blank -%}4    <p class="gpl-news__offer">{{ section.settings.offer }}</p>5  {%- endif -%}6  {%- form 'customer', class: 'gpl-news__form' -%}7    <input type="hidden" name="contact[tags]" value="newsletter">8    <input type="email" name="contact[email]" class="gpl-news__input" placeholder="Your email" required>9    <button type="submit" class="gpl-news__btn">Subscribe</button>10  {%- endform -%}11</div>12 13{% schema %}14{

Full source is for members

One payment - every snippet, guide and bundle

Get all-access