Contact form for Shopify
A custom contact form on Shopify that emails you and keeps every message
Shopify's built-in contact form only emails. With Formpit you keep an inbox of every enquiry, filter spam, and can pipe leads to Sheets or Slack.
How to set it up
- Create a form in Formpit and copy the endpoint URL.
- In your theme editor, add a Custom Liquid section (or edit
page.contact.liquid) and paste the snippet below. - Save, open the page, and send a test submission.
Paste into a Custom Liquid section
<form action="https://formpit.com/f/YOUR_FORM_ID" method="POST">
<input type="text" name="name" placeholder="Your name" required>
<input type="email" name="email" placeholder="Your email" required>
<textarea name="message" placeholder="Message" required></textarea>
<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">
<button type="submit">Send</button>
</form>Replace YOUR_FORM_ID with the endpoint from your form's Setup tab.
Good to know
- Keep Shopify's own form if you like; Formpit works alongside it.
- Add a hidden input like
<input type="hidden" name="product" value="{{ product.title }}">on product pages to know what the visitor was looking at.
What you get
- Every submission emailed to you and stored forever in an inbox with New / Replied / Closed statuses.
- Reply from the inbox, add tags and notes, search, export CSV or JSON.
- Spam filtering with a honeypot, rate limiting and content checks; hCaptcha, reCAPTCHA or Turnstile if you want it.
- 500 submissions a month free. Pro adds file uploads, Google Sheets, Notion, Slack, webhooks and reminders.
Other platforms
Lovable · Bolt · v0 · WordPress · Wix · Squarespace · Framer · Webflow · Carrd · Plain HTML · React · Next.js · Astro · Hugo, Jekyll & Eleventy · Vue & Nuxt · Svelte & SvelteKit