After submit actions
#After submit actions
After a customer submits your form, you control what happens next. Form Builder gives you four options for the post-submission experience, and you can combine some of them to create the right flow for your store.
You'll find these settings in the After Submit tab of the form builder.
#Hide form
When enabled, the form disappears after the customer submits it. This prevents double submissions and gives a clear signal that the form was completed successfully.
What gets hidden:
- The form itself (all fields and the submit button)
- The form header
- The stepper navigation (for multi-page forms)
- The footer title
What stays visible:
- The success message (if you've set one up — see below)
Hide form is a great default choice for most forms. Once a customer has submitted, there's usually no reason to keep the form visible on the page.
#Show message
Display a custom success message after submission. This is the most common after-submit action and is typically used together with "Hide form."
You can customize two parts of the message:
| Field | Description |
|---|---|
| Title | A bold heading for the success message (e.g., "Thank you!"). |
| Message | The body text below the title (e.g., "We've received your submission and will get back to you within 24 hours."). |
Example:
- Title: "Thanks for reaching out!"
- Message: "Your message has been received. We'll respond within 1 business day."
The message appears where the form was on the page, so customers don't need to scroll or navigate anywhere to see it.
#Redirect to URL
Instead of showing a message on the same page, you can redirect the customer to a different page after they submit the form. This is useful when you want to:
- Send customers to a dedicated "Thank you" page with more detailed information.
- Redirect to a specific product page as part of a lead-capture funnel.
- Send customers to an external URL (like a booking calendar or payment page).
Just enter the full URL where you'd like to send the customer, and they'll be redirected automatically after submission.
#Discount code display
Show a discount code to the customer after they submit the form. This is a popular approach for popup forms and newsletter signups — "Sign up and get 10% off!"
The discount code is displayed as part of the success message, so customers can copy it and use it at checkout.
Note: The discount code display shows a code that you provide. The discount code itself needs to be created in your Shopify admin under Discounts — Form Builder displays it but doesn't generate it automatically.
#Combining actions
You can use these actions together for the best experience:
- Hide form + Show message — The most common combination. The form disappears and is replaced with a friendly thank-you note.
- Hide form + Discount code — Perfect for lead-capture popups. The form hides and shows the reward.
- Redirect — Typically used on its own, since the customer is leaving the page anyway.
#Tips
- Always show feedback. Whether it's a message or a redirect, make sure customers know their submission went through. A blank page with no confirmation creates uncertainty.
- Keep messages short. A quick "Thank you! We'll be in touch soon." is better than a paragraph. Customers want reassurance, not an essay.
- Match the tone. If your store is casual and fun, your success message should be too. If you're a professional services brand, keep it polished.
- Test the redirect URL. Make sure the URL you enter actually works and loads correctly. A broken redirect after form submission is a bad customer experience.