Exact matches only
Search in title
Search in content
Search in posts
Search in pages

How to customize the Thank You page of the form?

If you want to customize the content of the Thank You page where the form visitors are redirected after submission, go to the SettingsThank You Page section of your form. Once there, go to Thank You and Redirects and click on the option Show HTML Block. An HTML Block will drop down, similar to the HTML view of the autoresponder or notification email lightbox. Here you can add different codding elements, images, text styles, form inputs and videos. If you want to add a form input in the HTML block, select the field in the dropdown list – located on top, and press the Add button on the right.

123FormBuilder customize Thank You page

In the end, form visitors will be redirected to a Thank You page with the content you have customized in the HTML Block. The content will show up within the form’s layout, so if you have used the form headline box, it will appear also on the Thank You page.

The custom Thank You page does not support JavaScript for security reasons. Instead, you can upload the script on the Web and add it to your form via its URL as described in our documentation.

123FormBuilder customize thank you page after submit

Note: This feature is available starting with the Gold plan.

If interested in how to embed videos in the HTML block, follow our documentation on how to embed videos in the HTML block. To embed videos in the Thank You page, hit Source code and paste the embed code there.

How to use the HTML Block to customize the Thank You page:

123FormBuilder custom Thank You page

If you are familiar with editing autoresponders and notification email templates in HTML mode for your online forms, the HTML block of the Thank You page is not different. All that you need to know is that all the content within the HTML block is displayed the same within the layout of the Thank You page. The only significant difference is the form field, because here you see a code of the field, while on the Thank You page your form visitors will see their input.

Try out the options of the HTML block and see how the content is displayed on the Thank You page after submission.

19 comments

  1. Hi,
    Is there a way to get a different URL for the Thank You page of the form so that you can track conversions of a form submit not just view?
    At present the submit age appears the same as the from url itself.
    Thanks,
    Sophie

    1. Hi Sophie!

      You can add a Google Analytics conversion tracking script on the Thank You page of your online form. Make sure that in Settings – Thank You Page you have selected the option Show Text or Show text, then redirect to a web page. This step is mandatory to be able to track correctly the conversions

      Next, create a JavaScript file and go to the Settings → Advanced section of your form, check the box Add a JS script to the Thank You page of your form and paste the URL of the JavaScript file (.js) where your Google Analytics conversion tracking code is hosted online.

      Thank you!

    1. Hello Sally,

      The Thank you page can not be completely removed, however you can redirect the back to your form’s location. To do that, please go to Settings – Thank you Page – select Redirect to a Webpage in the parent frame and insert the webpage link where the form is published.

    1. Hello Laurien! You can send them a copy of their submission. To enable this feature, go to Settings → Notifications → Form User Options and tick the box Send a copy of the completed form to the sender

  2. Is there any way to show different thank you messages depending on the selected language of the form? Somehow I don’t seem to find it anywhere.

    1. Hi Michael,

      When using the Redirect to a web page option under the Settings -> Thank you page section, it is possible to redirect users to a different URL that includes specific language based on the one selected on the form.

      To redirect the user to a different page you would need to set up redirect rules from the Settings -> Rules -> Form Rules section.

      Thanks.

  3. Hello! Could you please explain how to change color and font size of the text on the “Thank you” page because it’s black by default and my background is dark, so it’s very hard to read. You can fill it out on my test website and see how it looks like.

    1. Hello Ivan,

      You can use the Show HTML block option under the Settings -> Thank you page section. This will allow you to edit how the Thank You Page text is displayed, in the same way the Form Header or HTML block would.

      When using the Show Text or Show text, then redirect to a web page option under the Settings -> Thank you page section, the font color and size displayed on the Thank You Page by applying custom CSS code.

      In this case the CSS code include below is generally applicable to forms. You would only need to replace the pixel size and color with the values best suited to your form.

      .tdmain-thankyou font b#id123-thankyou {
      font-size: 15px !important;
      color: red !important;
      }

      Thanks.

  4. On submission of the form, is there a way to reset the form, and open a custom url in a new window?

    1. Hello Tony.

      You can choose to open a specific URL in a new tab, by using the in a new frame option of the Redirect to a web page,in the Settings -> Thank You Page section. But, there is a chance that the page will be blocked by the users browser as a pop-up. Also, the form will only reset if the page is refreshed manually, as submitting the form cannot force o refresh of the entire page.

      In this case you can choose the in the parent frame option, as it works best in the majority of case, redirects the user to the desired URL, and resets the form when returning to the initial page.

      If you have any other questions, please contact our Support team at support@123formbuilder.com or via our contact form.

      Thanks!

  5. Dear 123 form builder, In some way i can save an other choice than ´show text´ (Thank You Page and Redirects). I want to redirect or show hmtl block. But when i choice that and also edit it and i save it, it’s still on ´show text´. What do i wrong?
    Thank you

    1. Hello,

      Thank you for reaching out to us.

      Please make sure that you make this change in your form’s Settings section –> Thank You Page. Afterwards, it should be applied to your form.

      For further assistance, you can contact us at support@123formbuilder.com and send us the form’s link that you are referring to, so we can help you with this.

      Thanks!

    1. Hello Simon!

      You do not need to code anything when setting up your Thank You page. You can use the toolbar from the HTML Block to style the page as you see fit. If you want to add the input of a field, select the field from the dropdown displayed on top of the block and hit the button Add. This will include the field input as a tag, which you copy and paste it in other parts of your page. Whenever someone submits the form, the respective tag will be replaced with the input given by the submitter.

      If you require assistance in setting up your Thank You page, feel free to contact our support specialists at support@123formbuilder.com or via our contact form.

      Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?