Contact Form
Form with twenty field types, multiple steps, conditions, calculations, attachments and email delivery
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
Book a table at the trattoria
Solid cream-colored fields with no border, icons inside the inputs, three fields side by side (day, time, guests) and a pill button as wide as the form, in a white card on a peach background.
03
Estimate for an architecture firm
The “Underline Dark” style from the Style menu: underlined, transparent fields, uppercase letter-spaced labels and a red button; below, a single choice and a slider for the budget. The dark background comes from the container.
04
Tournament sign-up, in three steps
Multi-step form with a numbered indicator and step labels, floating labels inside the fields and blue colors, in a card over a photo of the team.
05
The bakery is looking for a baker
Solid fields with no border, small uppercase labels, multiple choice for the shifts, CV upload and privacy consent, in a dashed frame on squared paper.
06
How was your stay?
B&B survey: star rating, a 0-to-10 slider, single choice and free text; large fields with sharp corners and a blue band at the top of the card.
07
The pilates membership that calculates itself
A slider for classes per month and a calculated field that multiplies by the price and updates the total as you move the handle; white fields with no border in a narrow column with a gradient background. “Enable conditions” is on because without it the total stays at 0.
08
Law firm contacts, full width
Three fields in a row and the message below, only underlined in light (two pixels) on a blue background: light text, faint placeholders and a dark button aligned to the right.
