{"id":7206,"date":"2024-03-10T11:19:28","date_gmt":"2024-03-10T05:19:28","guid":{"rendered":"https:\/\/codexpert.io\/?p=7206"},"modified":"2026-05-14T15:32:49","modified_gmt":"2026-05-14T09:32:49","slug":"separate-woocommerce-thank-you-page","status":"publish","type":"post","link":"https:\/\/codexpert.io\/blog\/separate-woocommerce-thank-you-page\/","title":{"rendered":"How to create separate WooCommerce &#8220;Thank You&#8221; page with CoDesigner (2026)"},"content":{"rendered":"<div class='cx-content-before'><\/div>\n<p class=\"wp-block-paragraph\">Tired of the back-dated WooCommerce Thank You page? CoDesigner is here to help!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Thank-You page is crucial for customer satisfaction. WooCommerce default Thank-You page is pretty bland and does not provide a personalized feel to the customer. If you really want to create a personalized, unique post-purchase experience, follow along.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Currently, WooCommerce doesn&#8217;t offer the option to create a separate Thank You page, so we took the matter into our own hands. With CoDesigner, you can create a stunning personalized Thank You page. With this step-by-step guide, you will be all set to make your customers happy!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:28px\" id=\"cx-heading-1\">Creating Separate Thank You Page : 3 Reasons Why?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Post-purchase user experience will make your customers come back for more next time. It is deeply integrated with your store&#8217;s reputation.  Here are Three reasons to create a separate Thank You page:<\/p>\n\n\n\n<ul style=\"font-size:17px\" class=\"wp-block-list\">\n<li><strong>Customer Experience:<\/strong> Creating a separate Thank You page will enhance the customer&#8217;s post-purchase experience. By Providing relevant information, offers, or other content, you can make the customer feel valued and acknowledged.<\/li>\n<\/ul>\n\n\n\n<ul style=\"font-size:17px\" class=\"wp-block-list\">\n<li><strong>Increased Conversions:<\/strong> A well-designed thank you page can help increase conversions by encouraging customers to take further actions, such as subscribing to your newsletter, following you on social media, or making additional purchases.<\/li>\n<\/ul>\n\n\n\n<ul style=\"font-size:17px\" class=\"wp-block-list\">\n<li><strong>Improved Branding: <\/strong>Your thank you page is an opportunity to reinforce your brand identity. By using consistent branding elements and messaging, you can create a memorable and positive impression on your customers.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:28px\" id=\"cx-heading-2\">How to Create a Separate WooCommerce Thank You Page <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WooCommerce doesn&#8217;t provide a separate Thank You page; the order-received endpoint uses the default checkout page and displays a page containing the thankyou.php template file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you wish to create a separate page to display the Thank You message and redirect the customers to it after placing an order, you have two options &#8211;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li style=\"font-size:17px\">Create a separate Thank You page manually. or<\/li>\n\n\n\n<li style=\"font-size:17px\">Use a plugin.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;However, manually creating a Thank You page takes a lot of time, and you should get help from a professional developer. Without proper technical expertise, you will find yourself in a complex situation. This is why we will directly jump into the second option: creating a separate WooCommerce Thank You page using a plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"897\" height=\"500\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2024\/03\/WooCommerce-Thank-You-page.png\" alt=\"\" class=\"wp-image-28503\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2024\/03\/WooCommerce-Thank-You-page.png 897w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2024\/03\/WooCommerce-Thank-You-page-768x428.png 768w\" sizes=\"auto, (max-width: 897px) 100vw, 897px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:26px\" id=\"cx-heading-3\"><strong>Creating a Separate WooCommerce Thank You Page Using a Plugin<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In this part, you will make a separate WooCommerce Thank You page using<a href=\"https:\/\/codexpert.io\/codesigner\/\"> CoDesigner<\/a>. This plugin makes the process simple and straightforward so anyone can make their Thank You page. Let&#8217;s get started:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:24px\"><strong>Step 1: Get CoDesigner<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To start creating a separate WooCommerce Thank You page, you must get Elementor, CoDesigner, and CoDesigner Pro. To download the free version of CoDesigner, go to the <strong>Dashboard &gt; Plugin &gt; Add New Plugin &gt; Install &gt; Activate<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After getting the free version, choose a<a href=\"https:\/\/codexpert.io\/codesigner\/pricing\/\"> CoDesigner Pro plan<\/a> and upload the pro plugin to your dashboard. Activate the Pro plugin, and you will be all set for the next steps.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:24px\">Step 2: Enable Thank You Widget<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;Now that you have CoDesigner Pro, you can access all the Premium widgets and modules. Enable the Thank You widget from the Widget section of CoDesigner.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"195\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2024\/03\/image-11.png\" alt=\"\" class=\"wp-image-28507\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2024\/03\/image-11.png 788w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2024\/03\/image-11-768x190.png 768w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:24px\">Step 3: Assign a Thank you Page and Customize<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Head over to your dashboard and add a new page from <strong>Pages &gt; Add New<\/strong>. After adding a new page, click on <strong>Edit with Elementor<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"209\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/01\/Create-new-Thank-You-page.png\" alt=\"Create new Thank You page\" class=\"wp-image-7219\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Create-new-Thank-You-page.png 501w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Create-new-Thank-You-page-300x125.png 300w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Search for the <strong>Thank You <\/strong>widget in the Elements Section, and the Thank You Widget by CoDesigner will appear.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"189\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/01\/Search-for-Thank-You-widget.png\" alt=\"Search for Thank You widget\" class=\"wp-image-7223\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Search-for-Thank-You-widget.png 302w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Search-for-Thank-You-widget-300x188.png 300w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Create a new section to insert the widget.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"250\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2022\/01\/Create-new-section-1024x250.jpg\" alt=\"Create new section\" class=\"wp-image-7228\" srcset=\"https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Create-new-section-1024x250.jpg 1024w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Create-new-section-300x73.jpg 300w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Create-new-section-768x187.jpg 768w, https:\/\/codexpert.io\/blog\/wp-content\/uploads\/2022\/01\/Create-new-section.jpg 1161w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In the Content section &#8211; you can set a custom <strong>Thank You message<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"417\" height=\"623\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2024\/03\/image-12.png\" alt=\"\" class=\"wp-image-28514\" style=\"width:304px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">From the <strong>Order Info<\/strong> section, you can customize the Order information, show or hide the Title, change the Text, and set the HTML tag.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"563\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2024\/03\/image-13.png\" alt=\"\" class=\"wp-image-28518\" style=\"width:366px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">By adding your own style, you can personalize the Thank You page. From the Style section, you can customize the Thank You section, Order Info Title, Order Info, Order Details Title, Order Details Table, and Addresses.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"413\" height=\"612\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2024\/03\/image-14.png\" alt=\"\" class=\"wp-image-28521\" style=\"width:333px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In these sections, you can change the typography and text color or set a background image, border type, border radius, margin, and more!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you are done with the customization, you must enable both <strong>Contains Thank You? and Custom Thank You?<\/strong> for the container section where you added the Thank You widget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"377\" height=\"772\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2024\/03\/image-15.png\" alt=\"\" class=\"wp-image-28526\" style=\"width:333px;height:auto\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, you need to <strong>Publish<\/strong> the page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"font-size:24px\">Step 4: Redirect Thank You page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;To redirect Thank You page, you simply use CoDesigner or may use code. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To redirect Thank You page using CoDesigner, head over to your Checkout page and select the Checkout block, and you can now edit the Container. Enable the &#8221;Contains Checkout?&#8221; option from the CoDesigner drop-down. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now select &#8221;Separate Page&#8221; from the Thankyou Screen and then assign the previously edited Thank You page to the &#8221;Select Thankyou Page.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the Update button to update your selection. You will now see a separate Thank You page.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"640\" src=\"https:\/\/codexpert.io\/wp-content\/uploads\/2024\/03\/image-18.png\" alt=\"\" class=\"wp-image-28532\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">You can also redirect the Thank You page by using code. You can add the following PHP code to your functions.php and define the URL of the Thank You page you just created.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/**<br>* @snippet Redirect CoDesigner Thank you Page<br>* @author CoDesigner<br>* @compatible WooCommerce 6.0<br>*\/<br>add_action( 'woocommerce_thankyou', 'codesigner_custom_redirect');<br><br>function codesigner_custom_redirect( $order_id ){<br>    $order = wc_get_order( $order_id );<br>    $url = 'https:\/\/yoursite.com\/custom-url';<br>    if ( ! $order-&gt;has_status( 'failed' ) ) {<br>        wp_safe_redirect( $url );<br>        exit;<br>    }<br>}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">To better understand the steps, you can follow the video tutorial.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><strong>Demo video &#8211; thank you page customization.<\/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=\"Thank You Widget\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Xtj5hMbWAvU?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<h2 class=\"wp-block-heading\" style=\"font-size:28px\" id=\"cx-heading-4\">Bottom Line<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WooCommerce stores need proper functionality to attract customers and provide the best experience. A thank-you page adds additional functionality and shows your gratitude towards the customer. Although the benefits of the thank-you page are clearly visible, many ignore them and remain stuck with the boring default thank-you page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/codexpert.io\/codesigner\/\">CoDesigner<\/a> lets you go beyond designing a custom Thank You page. This plugin makes it easy to create and design a custom pages for WooCommerce adding personalized touch. Follow the step by step guide and start making a personal Thank you page right away. Increase customer satisfaction and make your  store a selling machine!<\/p>\n<div class='cx-content-after'><\/div>","protected":false},"excerpt":{"rendered":"<p>Tired of the back-dated WooCommerce Thank You page? CoDesigner is here to help! The Thank-You page is crucial for customer satisfaction. WooCommerce default Thank-You page is pretty bland and does not provide a personalized feel to the customer. If you really want to create a personalized, unique post-purchase experience, follow along. Currently, WooCommerce doesn&#8217;t offer [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":7403,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"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":"default","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":""},"categories":[14],"tags":[26],"class_list":["post-7206","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","tag-woolementor"],"_links":{"self":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/7206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/comments?post=7206"}],"version-history":[{"count":1,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/7206\/revisions"}],"predecessor-version":[{"id":32879,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/posts\/7206\/revisions\/32879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/media\/7403"}],"wp:attachment":[{"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/media?parent=7206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/categories?post=7206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codexpert.io\/blog\/wp-json\/wp\/v2\/tags?post=7206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}