{"id":98001,"date":"2026-10-04T03:02:00","date_gmt":"2026-10-04T07:02:00","guid":{"rendered":"https:\/\/overcentral.com\/en\/?p=98001"},"modified":"2026-09-29T07:51:36","modified_gmt":"2026-09-29T11:51:36","slug":"emdash-contact-form-setup-98001","status":"publish","type":"post","link":"https:\/\/overcentral.com\/en\/emdash-contact-form-setup-98001\/","title":{"rendered":"EmDash Contact Form Setup: No Plugin Required"},"content":{"rendered":"

The form builder inside EmDash<\/a> ships as a core feature, not a plugin. You don’t install anything extra. The portfolio template that ships with version 0.1.0 already includes a contact form with email, location, and social links pre-configured. But if you started with the blog template or a blank starter, here’s exactly how to build one from scratch.<\/p>\n

Access the Form Builder<\/h2>\n

Log into your EmDash admin panel. Look at the left sidebar menu under “Content.” You will see a “Forms” entry between “Widgets” and “Sections.” Click it.<\/p>\n

The screen shows an empty table with a single button in the top right: “Create Form.” Click that.<\/p>\n

Configure the Form Basics<\/h2>\n

A modal opens with three fields. “Name” \u2014 type “Website Contact Form.” “Submission Email” \u2014 enter the address where responses should arrive, like hello@yourdomain.com<\/code>codecode. “Success Message” \u2014 write “Thanks for reaching out. We will reply within 24 hours.”<\/p>\n

Below those fields sits a toggle labeled “Enable Turnstile.” Turn it on. Turnstile is Cloudflare’s bot detection tool \u2014 it replaces CAPTCHA without requiring user interaction. This is built into EmDash, no plugin needed.<\/p>\n

Add Form Fields<\/h2>\n

The form builder presents a blank canvas with an “Add Field” button. Click it.<\/p>\n

A dropdown appears with five field types: Text, Email, Textarea, Select, and Checkbox. Build your form one field at a time.<\/p>\n

Field 1:<\/strong> Choose “Text.” Label it “Full Name.” Mark it as required by toggling the switch next to “Required.” The placeholder reads “Your name” by default \u2014 leave it.<\/p>\n

Field 2:<\/strong> Choose “Email.” Label it “Email Address.” Mark required. The system auto-validates this field format on submission \u2014 no regex writing needed.<\/p>\n

Field 3:<\/strong> Choose “Textarea.” Label it “Message.” Set the row count to 5 using the number input. Mark required.<\/p>\n

Field 4:<\/strong> Choose “Select.” Label it “Subject.” Add three options by typing into the list: “General Inquiry,” “Support Request,” “Partnership.” Mark the first option as default.<\/p>\n

Field 5:<\/strong> Choose “Checkbox.” Label it “I agree to the privacy policy.” Mark required.<\/p>\n

Click “Save Form” in the top right corner.<\/p>\n

Place the Form on a Page<\/h2>\n

Navigate to “Pages” in the sidebar. Open the page where you want the form to appear \u2014 for a contact page, either create a new page or edit an existing one.<\/p>\n

The editor uses block-based content (portable text, structured JSON). Type \/<\/code>codecode to open the block inserter. Choose “Form” from the list.<\/p>\n

A dropdown shows all forms you have created. Select “Website Contact Form.” The block renders inside your editor as a placeholder \u2014 you see the field labels but not the live inputs.<\/p>\n

Save the page. Visit the front end of your site. The form renders with all five fields, Turnstile protection active, and the submit button labeled “Send.”<\/p>\n

Where Submissions Land<\/h2>\n

EmDash stores every submission inside the admin panel under “Forms” > “Submissions.” Each entry shows: the field values, the timestamp, and the IP address. You can mark submissions as read or delete them individually.<\/p>\n

Submissions also forward to the email address you set during form creation. The email arrives as plain text with each field on its own line. No SMTP configuration required \u2014 EmDash uses Cloudflare’s email sending infrastructure by default.<\/p>\n

What Happens When a Visitor Submits<\/h2>\n

The form posts to EmDash’s internal API endpoint. The runtime validates required fields, checks Turnstile, writes the submission to the D1 database, and fires the email send \u2014 all within a single request cycle. If the visitor leaves a required field empty, the form shows an inline error message below that specific field. No page reload needed.<\/p>\n

One Caveat About Multi-Step Forms<\/h2>\n

The built-in form builder handles single-page submissions only. It does not<\/a> support conditional logic \u2014 showing field B only when field A has a specific value \u2014 or multi-step workflows. For those scenarios, you would need a sandbox plugin that declares forms: write<\/code>codecode and email: send<\/code>codecode capabilities, then builds the logic inside a dynamic worker. That is the point where EmDash’s “no plugin” promise meets its plugin architecture.<\/p>\n","protected":false},"excerpt":{"rendered":"

The form builder inside EmDash ships as a core feature, not a plugin. You don’t install anything extra. The portfolio template that ships with version 0.1.0 already includes a contact form with email, location, and social links pre-configured. But if you started with the blog template or a blank starter, here’s exactly how to build […]<\/p>\n","protected":false},"author":7,"featured_media":99084,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/cards.overcentral.com\/cards\/en\/98001.png","fifu_image_alt":"EmDash Contact Form Setup: No Plugin Required","footnotes":""},"categories":[31],"tags":[],"class_list":["post-98001","post","type-post","status-publish","format-standard","has-post-thumbnail","category-technology"],"fifu_image_url":"https:\/\/cards.overcentral.com\/cards\/en\/98001.png","fifu_image_alt":"EmDash Contact Form Setup: No Plugin Required","_links":{"self":[{"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/posts\/98001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/comments?post=98001"}],"version-history":[{"count":2,"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/posts\/98001\/revisions"}],"predecessor-version":[{"id":99085,"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/posts\/98001\/revisions\/99085"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/media\/99084"}],"wp:attachment":[{"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/media?parent=98001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/categories?post=98001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/overcentral.com\/en\/wp-json\/wp\/v2\/tags?post=98001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}