After Submit & Placing Your Form on a Page

Once you've built a form, two things bring it to life on your site: deciding what the visitor sees after they hit submit, and placing the form on a page so people can actually find it. This article covers both.

What the visitor sees after submitting

When someone completes your form and clicks the button, you have two choices for what happens next. Pick the one that fits how you want to greet a new lead.

Choice A: An on-page success message

The simplest option: the form quietly replaces itself with a short thank-you note, right where it stood, without leaving the page. You set this Success message on the Form section when you place the form on a page. Write something warm and clear, like "Thanks. We've got your message and we'll be in touch within one business day."

If you leave the success message blank, StoutStack shows a friendly default thank-you, so visitors always get some confirmation either way. But a message in your own words feels more personal and can set expectations (like how soon you'll reply), so it's worth writing your own.

Use this when: you want the fastest, no-fuss setup, or when the form is one part of a longer page and you'd rather keep people right where they are.

Choice B: Redirect to a thank-you page

Instead of a message in place, you can send the visitor to a completely separate thank-you page after they submit. This is set on the form itself (not on the section where you place it):

  1. Open your form.
  2. Find Confirmation Type and set it to Redirect.
  3. Enter the URL of the page you want people sent to after submitting.
  4. Save.

Use this when: you want a dedicated thank-you page, for example, one that offers a next step ("Book a call while you wait"), shows a special offer, or lets you track completed submissions as their own page visit for your marketing reports.

A couple of nice touches, handled for you

  • While the form is sending, the button automatically changes to say "Sending…" so the visitor knows their click registered and doesn't submit twice.
  • If a required field is left blank, or an email address is typed incorrectly, the visitor sees a clear inline error right next to the problem field, and the form won't send until it's fixed. You don't have to set any of this up. It just works.

Placing your form on a page

A form doesn't appear anywhere until you add it to a page. You do this with the Form section:

  1. Edit the page where you want the form to appear.
  2. Add a Form section.
  3. Pick which of your forms it should show.
  4. Choose a layout (see below), add a heading and subheading if you'd like, and save.

The three layouts

The Form section comes in three looks. Pick whichever suits the page:

Layout Best for
Stacked Card A clean, simple card with the form on its own. Perfect for a straightforward contact page or anywhere you just want the form front and center.
Split Your text and a few benefit bullet points sit beside the form. Great for persuading visitors: spell out why they should get in touch ("Free quotes," "Trusted since 1998," "Same-day callback") right next to the fields.
Map + Contact A map alongside your business details (address, opening hours, email, phone, and social links) sitting next to the form. It even includes a "Get directions" link. Ideal for a shop, studio, or office where people may want to visit in person.

One form, different copy on different pages

Here's a handy bit of flexibility: you can override the button text and the success message for each placement. That means you can build a single form once and reuse it across your site while tailoring the wording to each spot.

For example, the same contact form could show a button reading "Send my message" with the success note "We'll reply within a day" on your Contact page, and the same form on a landing page could read "Get my free quote" with "Thanks. Your quote request is on its way." One form, maintained in one place, but it speaks appropriately wherever it appears.

Was this helpful?