Add a contact form to a Carrd page with one Embed element
On Carrd, the most direct way to add a FormThunder contact form is an Embed element holding the HTML below. Carrd's Embed needs Pro Standard or higher. Set its type to Code and its style to Inline, paste the form, and publish. Submissions are stored and emailed to your verified address.
Updated
The Carrd code
- Add an Embed element, and set Type to Code and Style to Inline.
- Paste the code and adjust the colours to match your page.
- Publish and send a test from the live page.
<form action="https://formthunder.com/submit" method="POST" style="display:grid;gap:10px;text-align:left">
<input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
<input type="hidden" name="redirect" value="https://yoursite.carrd.co/#thanks">
<input type="checkbox" name="botcheck" style="display:none" tabindex="-1">
<input name="name" placeholder="Name" aria-label="Name" required style="padding:10px;border:1px solid #ccc;border-radius:8px">
<input name="email" type="email" placeholder="Email" aria-label="Email" required style="padding:10px;border:1px solid #ccc;border-radius:8px">
<textarea name="message" rows="4" placeholder="Message" aria-label="Message" required style="padding:10px;border:1px solid #ccc;border-radius:8px"></textarea>
<button type="submit" style="padding:10px;border:0;border-radius:8px;background:#111;color:#fff">Send</button>
</form>Replace YOUR_ACCESS_KEY with your free key. It's public by design, so it's safe in client code.
Notes for Carrd
- Carrd sites are one page split into sections, so
#thanksin the redirect can point to a section. Create a section with the IDthanksholding your thank-you message, and hide it from the nav. - Inline styles are used on purpose, because they survive Carrd's own CSS. Keep them when you change the colours.
- Carrd's own Form element can send to a URL as well. An Embed is the simplest way to include the hidden fields.
Or have your AI add it
Connect the MCP server, then ask. The agent creates the form and writes the code for you, and it can send a real test when it's done.
Add a FormThunder contact form to this Carrd site that emails hello@example.com. Send a test when you're done.Questions
Can I add a contact form on Carrd's free plan?
Not with an Embed. Carrd says the Embed element requires Pro Standard or higher.
Where do messages go?
To the verified email on your FormThunder form, and to the dashboard. Carrd isn't involved after the page loads.
Get your Carrd form sending
The free plan covers 250 submissions a month, with MCP, the CLI and the brand kit included.