Contact form for Carrd

A working contact form on a Carrd site

Carrd's form element only works with its own integrations. Embed a plain HTML form and send submissions to Formpit.

How to set it up

1. Create a form in Formpit and copy the endpoint URL.
2. In Carrd, add an Embed element (Pro plan), choose Code, and paste the snippet below.
3. Publish and send a test submission.

Paste into an Embed element

<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

• Embeds need Carrd Pro Standard or higher.

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 · Shopify · Wix · Squarespace · Framer · Webflow · Plain HTML · React · Next.js · Astro · Hugo, Jekyll & Eleventy · Vue & Nuxt · Svelte & SvelteKit