{"id":9994,"date":"2014-03-25T14:17:38","date_gmt":"2014-03-25T14:17:38","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=9994"},"modified":"2024-06-25T10:57:54","modified_gmt":"2024-06-25T10:57:54","slug":"how-to-redirect-users-to-a-web-page-after-submission","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/","title":{"rendered":"How to redirect users to a web page after submission on 123FormBuilder?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-new-thank-you-page\">New Thank You page<\/h2>\n\n\n\n<p>123FormBuilder allows you to redirect your respondents to a webpage after they complete a submission on your form. To set this up, from the <b>Create<\/b> tab of your form, select <b>Thank You<\/b> on the left-side panel. <\/p>\n\n\n\n<p><\/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\/2024\/06\/TEs2mpb89s-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.png\" alt=\"Thank you page section\" class=\"wp-image-49024\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-300x141.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-768x362.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1536x723.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1.png 1705w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>You will find the<b> Redirect to URL<\/b> option at the top of the right-side menu. Once you enable this feature, more options will open below.<\/p>\n\n\n\n<p><\/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\/2024\/06\/Rasz74xzmg.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/Rasz74xzmg-1024x683.png\" alt=\"Redirect to URL\" class=\"wp-image-49026\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/Rasz74xzmg-1024x683.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/Rasz74xzmg-300x200.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/Rasz74xzmg-768x512.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/Rasz74xzmg.png 1286w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>First, <b>add the URL<\/b> where you want to redirect your form respondents. Optionally, you can also type in a <b>Title <\/b>for your link. You can choose to open the webpage on the<b> Same page <\/b>or in a <b>New tab<\/b>.<\/p>\n\n\n\n<div style=\"padding: 1.8rem;border-radius: 8px;background-color: #96b3fb36\">\n  <div style=\"margin-top: 1rem\">\n  <span style=\"color: #575d74\">If your form is embedded on a website, the redirect URL <b>will open on the same page<\/b>, regardless of your settings to open it in a <b>New tab<\/b>. This behavior has been implemented to prevent potential issues with browsers that may block attempts to open the webpage in a new tab.<\/span>\n  <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>If you want to redirect your users automatically, then disable the<b> Show &#8220;Thank You&#8221; Page<\/b> toggle. Otherwise, your users will reach the Thank you page and be redirected after a few seconds. You can even set the <b>Seconds until redirect<\/b>: between 5 and 60 seconds.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-legacy-thank-you-page\">Legacy Thank You page<\/h2>\n\n\n\n<p>You can redirect users to a web page URL after they submit your form. To enable this feature in the <a href=\"\/\">form builder<\/a>, from the <b>Form Editor<\/b> select the <b>Thank You <\/b>section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-23-at-10.42.35.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"388\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-23-at-10.42.35-1024x388.png\" alt=\"Redirect users to a web page\" class=\"wp-image-47735\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-23-at-10.42.35-1024x388.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-23-at-10.42.35-300x114.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-23-at-10.42.35-768x291.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-23-at-10.42.35-1536x582.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-23-at-10.42.35.png 1913w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>After that, click the <b>Redirect to a web page<\/b> option and add the URL in the box below. Make sure to use a secured URL (starting with http<b>s<\/b>).<\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/11\/Redirect-options.png\"><img loading=\"lazy\" decoding=\"async\" width=\"615\" height=\"450\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/11\/Redirect-options.png\" alt=\"Redirect options\" class=\"wp-image-41447\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/11\/Redirect-options.png 615w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/11\/Redirect-options-300x220.png 300w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p> You can choose to open the web page in four ways: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>in the default frame<\/b>. This depends on the situation. This option is selected by default to let our platform pick the most suitable way to open the webpage, depending on aspects such as the browser the form visitor is on.<\/li>\n\n\n\n<li><b>in the same frame<\/b>. The webpage opens within the same window. However, when the form is embedded, it might open inside the layout of the web form.<\/li>\n\n\n\n<li><b>in the parent frame<\/b>. The webpage opens in the same tab of the browser, on the entire window. The same goes when the form is embedded on a website.<\/li>\n\n\n\n<li><b>in new frame (if browser allows it)<\/b>. The webpage opens in a new window. If form visitors use popup blockers on their browsers, chances are the webpage will not show after submitting the web form.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\" \/>\n\n\n\n<p><b>Related articles<\/b><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.123formbuilder.com\/docs\/setting-up-new-thank-you-page\/\">How to set up the new Thank You Page<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.123formbuilder.com\/docs\/can-i-redirect-to-a-report-after-submission\/\">Can I redirect to a report after submission?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-the-thank-you-page-of-the-form\/\">How to customize the Thank You page?<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>New Thank You page 123FormBuilder allows you to redirect your respondents to a webpage after they complete a submission on your form. To set this up, from the Create tab of your form, select Thank You on the left-side panel. You will find the Redirect to URL option at the top of the right-side menu. [&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":[848,847],"class_list":["post-9994","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thank-you-page","tag-redirect-to-a-web-page","tag-redirect-users-to-a-web-page"],"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>How to redirect users to a web page? - 123FormBuilder Help<\/title>\n<meta name=\"description\" content=\"To redirect users, go to the Thank You page section of your form, tick the Redirect to a web page option, and add the URL in the box, below.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to redirect users to a web page after submission on 123FormBuilder?\" \/>\n<meta property=\"og:description\" content=\"To redirect users, go to the Thank You page section of your form, tick the Redirect to a web page option, and add the URL in the box, below.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-25T14:17:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-25T10:57:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to redirect users to a web page? - 123FormBuilder Help","description":"To redirect users, go to the Thank You page section of your form, tick the Redirect to a web page option, and add the URL in the box, below.","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:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/","og_locale":"en_US","og_type":"article","og_title":"How to redirect users to a web page after submission on 123FormBuilder?","og_description":"To redirect users, go to the Thank You page section of your form, tick the Redirect to a web page option, and add the URL in the box, below.","og_url":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-03-25T14:17:38+00:00","article_modified_time":"2024-06-25T10:57:54+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/"},"author":{"name":"","@id":""},"headline":"How to redirect users to a web page after submission on 123FormBuilder?","datePublished":"2014-03-25T14:17:38+00:00","dateModified":"2024-06-25T10:57:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/"},"wordCount":441,"commentCount":20,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.png","keywords":["redirect to a web page","redirect users to a web page"],"articleSection":["Thank You Page"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/","url":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/","name":"How to redirect users to a web page? - 123FormBuilder Help","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.png","datePublished":"2014-03-25T14:17:38+00:00","dateModified":"2024-06-25T10:57:54+00:00","author":{"@id":""},"description":"To redirect users, go to the Thank You page section of your form, tick the Redirect to a web page option, and add the URL in the box, below.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/06\/TEs2mpb89s-1-1024x482.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-redirect-users-to-a-web-page-after-submission\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to redirect users to a web page after submission on 123FormBuilder?"}]},{"@type":"WebSite","@id":"https:\/\/www.123formbuilder.com\/docs\/#website","url":"https:\/\/www.123formbuilder.com\/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:\/\/www.123formbuilder.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/www.123formbuilder.com\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/9994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/comments?post=9994"}],"version-history":[{"count":42,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/9994\/revisions"}],"predecessor-version":[{"id":49027,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/9994\/revisions\/49027"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/media?parent=9994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=9994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=9994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}