Generate Newsletter Signup Section

Create an email signup block with inline/stacked layouts, background image support, GDPR compliance, and Shopify customer marketing integration.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt

Run in Sidekick

Create an email signup block:

Layout options:

  Inline (horizontal) form
  Stacked (vertical) form
  With background image


Form fields:

  Email input (required)
  First name input (optional setting)
  Submit button


Content settings:

  Heading text
  Subheading/description
  Button text
  Success message after signup
  Background image (optional)
  Background color


Styling settings:

  Text alignment
  Input style (rounded/squared)
  Button color
  Text color
  Overlay opacity (for image backgrounds)


Requirements:

  Works with Shopify’s customer marketing
  Loading state on submit
  Error message display
  GDPR-friendly (links to privacy policy)
  Mobile responsive


Please generate the Liquid, CSS, and JavaScript for this newsletter signup as code I can paste into my own theme myself.

Where to add it: In the Shopify admin, go to Online Store > Themes > Edit code, create a new file under Sections (e.g. sections/newsletter-signup.liquid), and paste the generated code in. Save, then open the theme editor and use “Add section” to place it on any page — or add it to a global section group (like the footer group) if you want it to appear site-wide.

How to Use

Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions