Custom contact forms for Shopify
Add a custom contact form to your Shopify store with the exact fields you need and no app subscription. Paste the form into a Liquid section or a Custom Liquid block, and submissions land in your inbox, spam filtered. Preview it live or copy the code.
How to create a Shopify form
- 1
Create a form in your Formpaste dashboard and copy its access key.
- 2
Paste the markup above into a Liquid section or template, or a Custom Liquid block in the theme editor.
- 3
Replace YOUR_ACCESS_KEY_HERE with your access key, then save and publish.
Prompt for your AI coding agent
Give me a plain HTML contact form to paste into a Shopify Liquid section that POSTs to https://api.formpaste.com/submit with a hidden access_key input. It should be custom fields beyond the theme default, with no app. No backend.Or connect the Formpaste MCP server to Claude Code, Codex, Cursor, Claude Desktop, VS Code, or any mcp-remote client. See the setup guide.
Paste it into Liquid
A Formpaste form is plain HTML, so it drops into a Shopify theme wherever Liquid renders. Add it to a section or template file for a permanent placement, or use a Custom Liquid block from the theme editor to place it on a specific page without touching theme code.
No app subscription
Custom-form apps charge a monthly fee and inject scripts into your storefront. A form that posts to Formpaste is inert markup: nothing to install, nothing that slows the page, and no recurring cost. Spam is filtered automatically and every verified submission lands in your inbox.
Prefill from Liquid
Because the form lives in a Liquid template, you can inject store values with Liquid tags - prefill the product name and variant on a back-in-stock form, or the SKU on a wholesale request, so the buyer does not retype what you already know.
How it works
Three simple steps for form submissions to land in your email inbox.
Create your form, set your form's action URL to Formpaste's endpoint, and add your access key.
Create your form
Sign up, verify your email, and create an access key in your dashboard.
Copy the code
Paste the snippet above into your project. Pick CSS or Tailwind to match your site.
<form action="https://api.formpaste.com/submit" method="POST" class="mx-auto flex w-full max-w-md flex-col gap-4 rounded-xl border border-gray-200 bg-white p-6 shadow-sm dark:border-gray-800 dark:bg-gray-950">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Name
<input type="text" name="name" placeholder="Your name" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Email
<input type="email" name="email" placeholder="you@example.com" required class="rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100" />
</label>
<label class="flex flex-col gap-1.5 text-sm font-medium text-gray-900 dark:text-gray-100">Message
<textarea name="message" required class="min-h-28 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 shadow-sm outline-none focus-visible:ring-2 focus-visible:ring-gray-900 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:focus-visible:ring-gray-100"></textarea>
</label>
<button type="submit" class="w-full rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-white shadow-sm transition-colors hover:bg-gray-800 disabled:opacity-60 dark:bg-white dark:text-gray-900 dark:hover:bg-gray-200">Send</button>
</form>Add your access key
Replace the placeholder with your access key to start receiving submissions.
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">Custom contact forms for Shopify FAQ
Paste a form. Get submissions.
Instantly without setting up any backend, servers or databases. 250 submissions/mo free - no credit card.
What you get with Formpaste
No server, no DNS
Point your form at Formpaste - no backend, no DNS, no email server to run.
Spam filtered automatically
Heuristics + a quarantine folder you control. Real messages always get through.
Quarantine you control
Suspicious submissions land in a folder you review - nothing silently dropped.
Built for AI agents
An MCP server your coding agent calls to create a form and wire it up.
Copy-paste components
Accessible, copy-paste form code for HTML, React, TypeScript, JavaScript, and Astro.
Simple dashboard
Manage forms, inbox, quarantine, and delivery from one place.