{"id":23699,"date":"2024-06-30T16:41:47","date_gmt":"2024-06-30T10:41:47","guid":{"rendered":"https:\/\/hasthemes.com\/?post_type=docs&#038;p=23699"},"modified":"2024-06-30T16:41:54","modified_gmt":"2024-06-30T10:41:54","password":"","slug":"redirection-extension-of-cf7-extensions","status":"publish","type":"docs","link":"https:\/\/hasthemes.com\/docs\/redirection-extension-of-cf7-extensions\/","title":{"rendered":"Redirection Extension of CF7 Extensions"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<p>The &#8220;<strong>Redirection<\/strong>&#8221; module is useful for redirecting your visitors to a specific page after they successfully submit a form. If you want to give your visitors a better user experience, you can use this module to redirect them to a &#8220;Thank you&#8221; page or any other page you prefer after a successful submission.<\/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 title=\"Contact Form 7 Redirect After Submit | Redirection for Contact Form 7 | CF7 Tutorial Part: 2\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/1B0BE9Y-7PQ?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<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Enabling The Redirection Extension<\/h2>\n\n\n\n<p>In this section, we'll see how to enable the &#8220;<strong>Redirection<\/strong>&#8221; extension.<\/p>\n\n\n\n<p>First, log in to your dashboard and navigate to the &#8220;<strong>HT CF7 Extension<\/strong>&#8221; menu. Next, visit the &#8220;<strong>Extensions<\/strong>&#8221; tab and click the gear icon located next to the &#8220;<strong>Redirection<\/strong>&#8221; extension.<\/p>\n\n\n\n<p>Once you click the icon, a popup will appear with a few settings to configure the extension.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"633\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirection-enable-1024x633.png\" alt=\"\" class=\"wp-image-23710\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirection-enable-1024x633.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirection-enable-300x186.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirection-enable-768x475.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirection-enable-360x223.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirection-enable.png 1523w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Enabling the Redirection module<\/strong><\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Enable\/Disable<\/strong>: Turn the switcher on to enable the extension.<\/li>\n\n\n\n<li><strong>Redirection Delay<\/strong>: Once you enable the extension, you'll see another option named &#8220;<strong>Redirection Delay<\/strong>.&#8221; Here, you can set a time after which the redirection will start. For example, 1000 = 1sec<\/li>\n<\/ol>\n\n\n\n<p>After configuring the extension, click &#8220;<strong>Save Settings<\/strong>&#8220;.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">Configuring the redirection actions<\/h2>\n\n\n\n<p>Now that you have enabled and configured the &#8220;<strong>Redirection<\/strong>&#8221; extension, visit the &#8220;<strong>Settings<\/strong>&#8221; page of the &#8220;<strong>Contact Form 7<\/strong>&#8221; plugin.<\/p>\n\n\n\n<p>There, you will notice a new tab named <strong>&#8220;HT Redirect Actions<\/strong>&#8220;. If you open the tab, you will find some necessary settings to control the redirection.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"407\" src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirect-actions-tab-1024x407.png\" alt=\"\" class=\"wp-image-23711\" srcset=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirect-actions-tab-1024x407.png 1024w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirect-actions-tab-300x119.png 300w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirect-actions-tab-768x305.png 768w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirect-actions-tab-1536x610.png 1536w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirect-actions-tab-360x143.png 360w, https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/02\/redirect-actions-tab.png 1901w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>Redirection Options<\/strong><\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Redirection<\/strong>: A switcher option to enable the redirection options.<\/li>\n\n\n\n<li><strong>Custom URL<\/strong>: If you need to redirect your visitors to a custom URL, turn this switcher on and insert a custom URL.<\/li>\n\n\n\n<li><strong>Select a Page<\/strong>: This dropdown option will list all of the pages of your website. You can simply select a page where you want to redirect your visitors.<\/li>\n\n\n\n<li><strong>Redirect to New Tab<\/strong>: Enable this option if you need to open the redirection page in a new tab.<\/li>\n\n\n\n<li><strong>JavaScript Actions<\/strong>: You can add JavaScript events here. Please note that this option doesn't require you to place the JavaScript code within a &lt;script&gt; tag.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-align-left has-ast-global-color-4-background-color has-background\">Note: JavaScript Actions options for developer only.If the JavaScript action doesn't work after form submission, it means there is a problem with the code you have used.<\/p>\n\n\n\n<p>Once you are done configuring the redirection options, please don't forget to save the changes.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\"><div class=\"wp-block-group__inner-container\">\n<h2 class=\"wp-block-heading\">After completing the setup of the Redirection Extension<\/h2>\n\n\n\n<figure class=\"wp-block-video\"><video autoplay loop muted src=\"https:\/\/hasthemes.com\/wp-content\/uploads\/2024\/03\/redirect-actions.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"has-text-align-left\">As you can see, the &#8220;<strong>Redirection<\/strong>&#8221; extension is redirecting us to our selected page immediately after form submission.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The &#8220;Redirection&#8221; module is useful for redirecting your visitors to a specific page after they successfully submit a form. If you want to give your visitors a better user experience, you can use this module to redirect them to a &#8220;Thank you&#8221; page or any other page you prefer after a successful submission. Enabling The [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_mi_skip_tracking":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[253],"doc_tag":[],"class_list":["post-23699","docs","type-docs","status-publish","hentry","doc_category-cf7-extensions"],"acf":[],"year_month":"2025-11","word_count":402,"total_views":"1047","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ashim Kumar","author_nicename":"ashim-ht","author_url":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"doc_category_info":[{"term_name":"CF7 Extensions","term_url":"https:\/\/hasthemes.com\/docs-category\/cf7-extensions\/"}],"doc_tag_info":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"htmega_size_585x295":false,"htmega_size_1170x536":false,"htmega_size_396x360":false,"betterdocs-category-thumb":false},"uagb_author_info":{"display_name":"Ashim Kumar","author_link":"https:\/\/hasthemes.com\/author\/ashim-ht\/"},"uagb_comment_info":0,"uagb_excerpt":"The &#8220;Redirection&#8221; module is useful for redirecting your visitors to a specific page after they successfully submit a form. If you want to give your visitors a better user experience, you can use this module to redirect them to a &#8220;Thank you&#8221; page or any other page you prefer after a successful submission. Enabling The&hellip;","knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/comments?post=23699"}],"version-history":[{"count":17,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23699\/revisions"}],"predecessor-version":[{"id":27774,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/docs\/23699\/revisions\/27774"}],"wp:attachment":[{"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/media?parent=23699"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_category?post=23699"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/hasthemes.com\/wp-json\/wp\/v2\/doc_tag?post=23699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}