Forms widget

Form

Contact, quote and signup forms with spam protection. Every submission is saved, and emailed if you like.

Build it with your AI

“Add a contact form with name, email and message that emails us and shows a thank-you message.”

Live demo

See it working

This is the real widget, not a picture

Thanks! Your message has been sent. We will get back to you soon.

Settings

81 settings in three tabs

Every setting below is in the editor — and available to your AI through get_widget_schema.

Content

47 settings

Form fields

Form name

Fields

Show labels

Required mark (*)

Progress

Next button

Back button

Submit button

Text

Icon

Icon position

Style

Size

Column width

Alignment

Messages

Success message

Error message

Required field message

Actions after submit

Save submissions

Email notification

Send to

Subject

Reply-to field

From name

Email content

Template

Format

Redirect after success

Webhook URL

Slack webhook

Discord webhook

Auto-reply email

Email the visitor a confirmation

Email field

Subject

Message

From name

Reply-to address

Newsletter

Add to a mailing list

Service

List / group / audience ID

Email field

Name field

Consent checkbox field

Double opt-in (Mailchimp)

Spam protection

Minimum fill time (seconds)

Block links in messages

CAPTCHA

Allow file uploads

Design

34 settings

Form

Column gap

Row gap

Labels

Color

Typography

Space below

Required mark color

Option text color

Option typography

Help text color

Help text typography

Fields

Typography

Border radius

Padding

Checkbox & radio color

Text color

Placeholder color

Background

Border

Shadow

Focus color

Button

Typography

Border radius

Padding

Text color

Background

Border

Shadow

Border color

Messages

Typography

Success color

Success background

Error color

Error background

Field error typography

Behaviour

shared

On every element

Spacing & position

Background & border

Animations

Motion & effects

Scroll & mouse effects

Visibility

Conditions

Interactions

Attributes & CSS

Build it with AI

Just describe what you want

Your AI looks up the Form settings over MCP and writes the element for you — real, editable and on brand.

Claude · connected to your site

You

Add a contact form with name, email and message that emails us and shows a thank-you message.

Claude · using Uncoder

Done — it’s on your site and fully editable.

  • Form added where you asked
  • Styled with your Design System
  • Checked on tablet and mobile
  • get_widget_schema
  • edit_elements
  • audit_page

What the AI writes

form.jsonJSON
{ "type": "form", "settings": {  } }

Free · GPL · No account

Your next site is one prompt away

Install Uncoder, connect your AI and describe what you want. Every page it builds stays yours to edit.