How to Add Contact Form on Carrd
Quick Answer
Log into Carrd, add a Form element via the + icon, set Type to Contact in the Properties panel, enter your email, customize fields and style, then test and publish. Takes 5-15 minutes with no coding needed. Native spam protection and mobile responsiveness included by default.
Get Carrd Pro →
Partner
Prerequisites
- Carrd account (free tier works for basics)
- Existing Carrd site or create one quickly
- Valid email address for submissions
- Pro plan optional for advanced features
Step-by-Step Instructions
1
Log into Carrd and Open Editor
Access your Carrd account at
carrd.co, select an existing site or click New Site to create one, then open it in the editor (also called the canvas). The editor shows your page layout with a left sidebar for properties.2
Add Form Element
In the editor, locate a container or section, click the + (plus) icon in the upper right corner of the canvas or within the container, and select Form from the elements menu. Drag the form block to your desired position and resize it to fit your layout.
Forms require Pro access on some plans; free tier supports basic contact forms.
3
Select Form and Access Properties
Click the form to select it. The Properties panel appears in the left sidebar—ensure the form is highlighted there. This panel controls all form settings.
4
Set Form Type to Contact
In the Properties panel, find the Type dropdown and select Contact. This configures submissions as messages sent directly to your inbox without third-party setup.
5
Configure Email Delivery
In the Properties panel, locate the Email field and enter your email address where submissions should be sent. Carrd handles delivery natively; use Gmail or Outlook for reliability.
Always verify this field—missing email setup causes most 'no submissions received' issues.
6
Customize Form Fields
Click the Fields tab in the Properties panel. Defaults are Name (text), Email (email type), and Message (textarea). Add fields with + Add Field, remove via trash icon, rename labels, change types, or reorder by dragging. Keep 3-4 fields max for better completion.
Short forms boost submissions, especially on mobile.
7
Style Form Appearance
Switch to the Appearance tab. Adjust colors, fonts, spacing, alignment, and add outlines or borders. Defaults match your site's theme; preview on mobile for responsiveness.
8
Set Messages and Spam Protection
Under general settings, customize Success message (e.g., Thanks for your message! We'll be in touch soon.) and Error message. Spam protection is on by default using honeypot and validation; leave enabled.
Edit button text in <strong>Button</strong> tab, e.g., Send Message.
9
Test the Form
Click Preview (top right), fill out the form, submit, and check your email (including spam folder). Verify all fields work and messages arrive correctly.
10
Publish the Site
Once tested, click Publish (top right) and confirm Publish Changes. Your form is now live and ready to collect messages.
Common Issues & Troubleshooting
No email received after submission
Verify email address in Properties panel, check spam folder, and resubmit test. Ensure Type is set to Contact.
Form not adding or Pro required error
Upgrade to Pro if needed (basic forms work on free); refresh editor and try adding via + icon again.
Form looks bad on mobile
Use Appearance tab to adjust spacing/alignment; test in Preview mode on mobile view.
Spam submissions flooding inbox
Confirm spam protection is enabled (default); add CAPTCHA via custom form settings if needed.
Fields not customizing properly
Select Fields tab, drag to reorder, or reset form defaults if glitched.
Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Carrd website before purchasing.