Templating

Floating labels sit inside the input and animate out of the way when the user focuses or enters a value — similar to Bootstrap's form-floating pattern (opens new window). This guide adds floating labels as an opt-in label position editors can choose per field, without forking every field template.

After submit, Formie can show a message, hide the form, or redirect elsewhere. A dedicated success page lets you thank the user and show what they entered — useful for confirmations, gated content, or support requests.

PDF templates let Formie attach a generated PDF when an email notification sends — useful for invoices, certificates, signed agreements, or printable summaries. This guide walks through creating a PDF template from scratch and attaching it to a notification.

Formie can content-manage Craft-native forms — login, registration, password reset, and profile updates — so clients can edit labels, instructions, and field order in the form builder. Registration is a common starting point.

A gated download asks users to complete a form before accessing a resource — an ebook, whitepaper, or template. You might combine it with a Payment field for paid downloads. This guide redirects to a protected thank-you page that reveals the asset only after a valid submission.

Repeater fields let users add and remove rows of nested fields. Most projects can style them with theme config, but when you need different markup — a card layout, a custom add/remove control, or tighter integration with your design system — template overrides are the right tool.

Sometimes the thank-you destination should depend on what the user submitted — send opted-in users to one URL and everyone else to another, route by department, or branch on a quiz score. Formie supports this natively with Redirect Rules; the patterns below cover cases where you need more control.

Multi-page forms usually progress in order, but sometimes you want to land users on a specific page — for example, skipping introductory questions when they arrive from a campaign link, or offering a "commercial enquiry" entry point alongside a residential one.

Querying submissions, field-type recipes, and common mistakes when outputting stored values. Method reference and Twig/PHP examples live in Submission Content.

If your site uses a design system — Tailwind utilities, Bootstrap components, or shared BEM classes — theme config is usually the best way to align Formie forms with it. You define HTML tags and attributes once, then reuse that configuration across every form.