Form designer
A form can be Classic or Designed. A classic form is a clean card, best for long forms, quizzes and one question at a time. A designed form is a page with your fonts, colours and photos around the questions, built from the same blocks as a page. You can switch later, and the questions stay.
Start a designed form
Section titled “Start a designed form”Open Engage → Forms and click New form. Under How should your form look? choose Designed, then pick a design. Each design comes with starter questions that suit its kind, and you can change everything. Start from scratch gives you the form alone in the default style.
To give an existing classic form a design, open it in the form builder, open its Settings panel and choose Open the designer under Full design. The list of forms has a Type filter with Designed and Classic.
Pick a design
Section titled “Pick a design”The collection can be filtered by With photos, With art, or by the kind of form it’s for:
| Kind | Starter questions |
|---|---|
| Contact | Name, email, message |
| Newsletter | Email, first name |
| Events | Name, email, number of guests, anything we should know |
| Bookings | Name, email, phone, preferred date, what you need |
| Waitlist | Name, email |
| Feedback | A satisfaction rating, what to improve, optional email |
Click a design to preview it with the Form and Success screens, on desktop or mobile, then click Use this design. Some designs use sample photos, so replace them with your own before you publish.
Edit the design
Section titled “Edit the design”The designer has two screens, Form and Success, chosen at the top. The form is one block among others. Use Add block to put headings, pictures, text and the other page blocks around it, and click any block to change its layout, colours and padding. With nothing selected, the panel sets the global style: colours, fonts and button shape.
Click the form block to change how the form looks:
- Field style: Outline, Filled or Line.
- Spacing: Tight, Normal or Roomy.
- Button width: Fit or Full width.
- Show labels. If you hide them, give the fields placeholders so people know what to type.
The block also lists its fields. Click one to change its label, help text, placeholder and Required, edit its options, move it up or down, copy it or delete it. Mapping, key and conditions opens the same extra settings as the form builder. Add a field offers the field types, except layout fields, hidden fields and Booking slot. Add a booking slot in the form builder. A form with several steps has a step list at the top, and its button says Next until the last step. Click the button to change the text on the last step.
Your edits to the questions are edits to the form itself, so you also see them in the form builder.
The success screen
Section titled “The success screen”On the Success screen, add blocks to design what people see after they submit. Until you do,
they see the form’s thank-you message. Turn on Send them to a link to send people to a web
address starting with https://. They see the success screen for a moment first.
Settings, sharing and publishing
Section titled “Settings, sharing and publishing”Settings holds Confirmation email, Verification and Look. Share shows the public link, an embed snippet, a QR code you can download, and a field for your own domain.
The design is saved with the form as you work, but the live form doesn’t change until you publish. Click Publish and the live form uses this design, with the questions as they are now. If publishing fails, fix the problems in the builder and publish again. The form’s link is shared with your pages, so a link name can’t be used by both.
Change or remove the design
Section titled “Change or remove the design”- Click Designs to pick another one. Picking a design replaces this one and the questions stay. Undo brings the old design back.
- To return to the classic card, open Settings → Look and click Use classic design. This removes the blocks you added in the designer and keeps the questions. Publish to update the live form.
With Copilot or an AI app
Section titled “With Copilot or an AI app”An AI app connected through MCP, and Copilot, can read the built-in form designs and give a form a design. The design is visible on the live form only once a person publishes the form.