Success

Show custom content after a successful form submission

Success is a conditional drop zone shown after the parent Form receives a successful response. Add text, icons, Containers, or other components to create the confirmation visitors should see.

How to Use Success

You’ll find Success under Forms in the Components list.

1. Place Success inside a Form.
2. Add a Text component with a clear confirmation.
3. Optionally explain what happens next or when the visitor should expect a reply.
4. Use Preview in Edit while designing.
5. In Form, keep On Success set to Success Content.
6. Publish and complete a real submission.

Component Settings

Preview in Edit is enabled by default. It controls only the editor preview; published Success content remains hidden until submission succeeds.

Success has no other component-specific Inspector settings. Its child components control the confirmation’s content and styling.

The parent Form’s Reset setting is enabled by default and clears fields after success.

Success is not shown when Form → On Success is set to Redirect. In that mode, the configured Link is opened instead.

Accessibility

Use clear confirmation language and explain the next step. Do not rely on a checkmark or green colour alone to communicate success.

Related Components

• Error — Shows content after failure.
• Submit — Provides the clickable submission control.
• Form — Controls Success Content, Redirect, and Reset.

Common Control	Description
Link	Link to a page, resource, anchor, email address, or website.
Layout	Control positioning, stacking, visibility, overflow, and isolation.
Sizing	Set width, height, and responsive size constraints.
Spacing	Add responsive margin and padding.
Typography & Text Styles	Control fonts, text spacing, decoration, colour, and semantic wrappers.
Backgrounds	Apply colour, image, gradient, SVG, video, and hover backgrounds.
Transitions	Choose what animates and set its timing curve, duration, and delay.
Effects	Apply shadows, opacity, and hover effects.
Filters	Apply blur, brightness, saturation, shadow, and backdrop effects.
Transforms	Scale, rotate, move, and skew components.
Borders	Set border style, colour, opacity, width, radius, and hover states.
Advanced	Add CSS classes and IDs, or change supported HTML tags.