{"id":15396,"date":"2022-07-25T16:53:54","date_gmt":"2015-03-27T10:57:20","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=15396"},"modified":"2024-05-24T07:03:45","modified_gmt":"2024-05-24T07:03:45","slug":"how-to-customize-the-thank-you-page-of-the-form","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/","title":{"rendered":"How to customize the Thank You page in 123FormBuilder?"},"content":{"rendered":"\n<p>You can easily customize the Thank You page by accessing the <b>Form Editor<\/b> of your online form. From the left side panel, click on <strong>Thank you.<\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to customize the Thank You page (Part 1) | 123FormBuilder\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/yOvvfE2aGd0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png\" alt=\"Thank you Page\" class=\"wp-image-44748\" width=\"776\" height=\"352\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-300x136.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-768x348.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1536x697.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-2048x929.png 2048w\" sizes=\"auto, (max-width: 776px) 100vw, 776px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>The next step is to click the option <b>Show HTML block<\/b>. Here you can add different codding elements, images, text styles, form inputs, and videos. You can also add a form input in the HTML block. Just select the field in the dropdown list located on the top, and press the <b>Add<\/b> button on the right.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/ShowHTMLBlock.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/ShowHTMLBlock-1024x616.png\" alt=\"Show HTML Block\" class=\"wp-image-40519\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/ShowHTMLBlock-1024x616.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/ShowHTMLBlock-300x181.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/ShowHTMLBlock-768x462.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/ShowHTMLBlock.png 1175w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>After submitting the form, your visitors will be redirected to a page with the content you have customized in the HTML block. It&#8217;s important to mention that the form&#8217;s header will also appear on the Thank You page.<\/p>\n\n\n\n<div class=\"warningBox\"><span style=\"font-size: 16px\"><p><b>Important Note<\/b><\/p>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 <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-add-javascript-code-to-the-thank-you-page\/\">documentation<\/a>.<\/span><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/TPHTMLblock.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/TPHTMLblock.jpg\" alt=\"Thank you page\" class=\"wp-image-40520\" width=\"490\" height=\"395\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/TPHTMLblock.jpg 621w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/TPHTMLblock-300x242.jpg 300w\" sizes=\"auto, (max-width: 490px) 100vw, 490px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>If interested in how to embed videos in the HTML block, follow the steps from this <a href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-embed-videos-on-online-forms\/\">documentation<\/a>. In short, just hit <strong>Source code<\/strong> in the HTML block and paste the embed code there.<\/p>\n\n\n\n<p>Are you familiar with editing notification email templates in HTML mode for your online forms? If so, then the HTML block of the Thank You page is not that different. The content within the HTML block is displayed the same way 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.<\/p>\n\n\n\n<p>Try out the options of the HTML block and see how the content is displayed after submission.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can easily customize the Thank You page by accessing the Form Editor of your online form. From the left side panel, click on Thank you. The next step is to click the option Show HTML block. Here you can add different codding elements, images, text styles, form inputs, and videos. You can also add [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[136],"tags":[803,802,801,800],"class_list":["post-15396","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thank-you-page","tag-customize-thank-you-page","tag-html-thank-you","tag-show-html-block","tag-thank-you"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Help: Editing the Thank You page on forms | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"If you want to customize the content of the Thank You page where the form visitors are redirected after submission, follow our documentation.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to customize the Thank You page in 123FormBuilder?\" \/>\n<meta property=\"og:description\" content=\"If you want to customize the content of the Thank You page where the form visitors are redirected after submission, follow our documentation.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-27T10:57:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-24T07:03:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Help: Editing the Thank You page on forms | 123FormBuilder","description":"If you want to customize the content of the Thank You page where the form visitors are redirected after submission, follow our documentation.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/","og_locale":"en_US","og_type":"article","og_title":"How to customize the Thank You page in 123FormBuilder?","og_description":"If you want to customize the content of the Thank You page where the form visitors are redirected after submission, follow our documentation.","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2015-03-27T10:57:20+00:00","article_modified_time":"2024-05-24T07:03:45+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/"},"author":{"name":"","@id":""},"headline":"How to customize the Thank You page in 123FormBuilder?","datePublished":"2015-03-27T10:57:20+00:00","dateModified":"2024-05-24T07:03:45+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/"},"wordCount":302,"commentCount":25,"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png","keywords":["customize thank you page","html thank you","show html block","thank you"],"articleSection":["Thank You Page"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/","name":"Help: Editing the Thank You page on forms | 123FormBuilder","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png","datePublished":"2015-03-27T10:57:20+00:00","dateModified":"2024-05-24T07:03:45+00:00","author":{"@id":""},"description":"If you want to customize the content of the Thank You page where the form visitors are redirected after submission, follow our documentation.","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2022\/10\/Screenshot-2022-10-24-at-12.02.12-1024x465.png"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/how-to-customize-the-thank-you-page-of-the-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/"},{"@type":"ListItem","position":2,"name":"How to customize the Thank You page in 123FormBuilder?"}]},{"@type":"WebSite","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/15396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/comments?post=15396"}],"version-history":[{"count":37,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/15396\/revisions"}],"predecessor-version":[{"id":48899,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/15396\/revisions\/48899"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/media?parent=15396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/categories?post=15396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/tags?post=15396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}