This is good, but you might want to change this to make it more attractive & appealing. I hope that this post helps you to build the right layout for your WooCommerce Thank You page & get the most out of it. I am little bit new to this. Hey Karen, I have updated the post with an additional point that talks about the conditional statement to show custom thank you page for a particular product based on product ID. New Order Notification for WooCommerce is providing shop managers and administrators to see the recent orders on a custom order page. The importance of an appealing Thank You page is hard to overestimate. Is_order_received_page – Returns true when viewing the order received page. I’m using a plugin rather than editing the file directly. Instead of creating a Custom Thank You page as shown above, you might just want to change the title of the page. It redirects you to a simple Thank You page (or “Order received” page how is it called sometimes). The “View Order” page is the one that customers can see from their Recent Orders list in the Account area. Create a plugin that adds a woocommerce_order_status_completed action and have that function make a call to wc_add_order_item_meta. You can have a great product or service to sell, but if you please them with nice customized message that they will see after the purchase was done, more likely that they will become repeat customers. If you need files to be uploaded after order is created, you can optionally add field to: WooCommerce Thank You (i.e. Would love your thoughts, please comment. You have a wonderful site built there Stuart. I have a custom checkout page which is accessible for public which means anyone can access the page. If you want to redirect to a custom page for only a specific product, you can do this by getting the order from order_id parameter & then loop through each item of the order. As we saw in point 4, we can override the thank you page template from WooCommerce. The hooks can be applied very easily – just insert to the functions.php / child theme’s functions.php / custom plugin. The function woocommerce_order_details_table() is defined in includes/wc-template-functions.php file. THanks. Descripción. How WooCommerce Order Received Pages Work. WooCommerce Thank You Page, also sometimes called Order Received Page in WooCommerce, is the page that your customers will see after form submission. By default WooCommerce checkout redirects to ORDER RECEIVED page or THANK YOU page which provides useful details about the order but lacks ability to customize to add more features. I’ve used the code in ‘Changing the text’, adding a sentence to the text, and that works fine. Support » Plugin: WooCommerce » How do I edit the ‘Order Received’ page? 2. Endpoints are located at WooCommerce > Settings > Advanced. 4. You can add the below snippet in a plugin or in the theme’s functions.php file. I am trying on Storefront theme with latest WooCommerce installed. But in terms of this tutorial we’re interested in the following files: 1. templates 1.1. checkout 1.1.1. thankyou.php 1.1.2. order-details.php 1.1.3. order-details-item.php 1.1.4. order-detai… Below is the custom page shown after placing an order: Redirecting can be a nice option, but at the same time, above page is missing important things such as summary table of the order and some other important information that WooCommerce currently provides. The title does appear personalised to me. Which shortcode are you trying to add to the thank you page? The filter available to change this text is: woocommerce_order_details_table() is defined in, Booking & Appointment Plugin for WooCommerce, Product Delivery Date Pro for WooCommerce, WooCommerce Subscriptions Compatibility Addon, Product Delivery Date for WooCommerce – Lite, WooCommerce Thank You Page – NextMove Lite, Custom Thank You Pages Per Product for WooCommerce, Change your WooCommerce thank you page title, WooCommerce Cart Page Hooks: Visual Guide with Code Snippets, Delivery Date & Time fields are not shown on the checkout page after Order Delivery Date plugin is updated, 10 ways to Earn Passive Income with WordPress, Roundup of 100+ Best Free & Premium WooCommerce Plugins in 2018, https://paste.ofcode.org/39AUFr492ryCrA5mjeyvF4p, templates/order/order-details-customer.php. The hook woocommerce_after_add_to_cart_form prints the HTML code after the button. Awesome product and exceptional support! I am not sure if that’s possible for you to do or not. Furthermore, YITH has premium features to bring even more customization to your thank you pages. The page I need help with: [ log in to see the link] WooCommerce offers the perform is_order_received_page() in consists of/wc-conditional-functions.php file. You are right about the ‘Personalize the title’ part. Particularly Order Delivery Date plugin along with our Subscriptions Addon as well as the Abandoned Cart plugin. You can use your own template by copying the thankyou.php file to your theme’s folder in a similar folder structure. Here’s a link to a post that explains in detail, several options to customize the “order-received”/ Thank You page: https://www.tychesoftwares.com/how-to-customize-the-woocommerce-thank-you-page/. This adds a “Print receipt” link to the WooCommerce “Order Received” page (the receipt page). In this project, I was required to redirect the WooCommerce user based on different situations. By default, the text shown before the order information is “Thank you. The checkout page is the page where your customers can fill in their details and select a payment method to complete their order. I’ll definitely check out your plugins when I’m up and running! https://paste.ofcode.org/FGfhRigdjNN9ZCcprHXBar. I have now updated the code so it uses the $order->get_billing_first_name() instead of earlier code: $order->billing_first_name . Pages not displaying in WooCommerce. Active 2 years, 8 months ago. Hey Karen, Yes, you could write a conditional statement with filters to show custom thank you page based on the product ID. There are filters available in WooCommerce that allow you to also change the text shown on the Thank You page. Changing the text before order information. If you want to set thank you pages by categories, you can go to … … Thus turning the default WooCommerce order received page into a powerful marketing tool. When you override the thank you template in your theme, you can define some conditions to display different HTML for a particular product ID. We have emailed the purchase receipt to you. The Thank You page URL has the default format of …/checkout/order-received/… I missed replying to this one. The following endpoints are used for checkout-related functionality and are appended to the URL of the /checkout page: Pay page – /order-pay/{ORDER_ID} Order received (thanks) – /order-received/ This is how the page thank you page appeared to me after placing an order: Top of page: https://screencast.com/t/2YhjZSmEN Bottom of page: https://screencast.com/t/TzFUEBgvSW It also gave me this error in the logs: ===== [05-Dec-2017 06:49:47 UTC] customer_user was called incorrectly. Line 9 to 17 are present in order_received() in includes/shortcodes/class-wc-shortcode-checkout.php file. WooCommerce uses an endpoint to display the Order Received page templates. It displays data like the order number, order date, customer email, total paid amount, the payment method, the products themselves and the billing/shipping information. Above the original text is being replaced. You can customize the Thank You page to do many things such as introduce after sales service, launch a new promotion, give a discount on the next purchase, etc. This goes in your functions file. You could probably try switching to another theme & see if that helps. The new code should work. One of the most common WooCommerce redirect after checkout payment. woocommerce_is_order_received_page, по умолчанию он никак не влияет на возвращаемое значение функции, но на то это и фильтр, что мы можем к нему подключиться и всё изменить изменить. It also adds the link to the “View Order” page, as well. This site uses Akismet to reduce spam. Order Received) page. Below is the thankyou.php template from my theme: You might want to change the data shown in the Order details table & the customer details (when logged-in). Hey Vishal! You probably need to have some custom coding done for this by a developer. Ask Question Asked 2 years, 8 months ago. This hook has one argument – order_id. The “Thank You” page is also known as the “Order Received” page, or the Receipt page. Rodolfo Melogli. While the popup notification is showing to … You can add the below code in a plugin or in your theme’s functions.php: This is how the personalized title would appear: 3.c. food), but I have been more surprised to see the difference it can make for products that require such a big buying decision." In another possible way, it will be rather simple to make redirection by creating a new plugin or opening the file functions.php that you can find in wp-content/themes/your-theme-name/ and enter the following code to the end of the file: If you cannot view the above code snippet, please click here. On the default thank you page, the Payment Method is shown in the Order Details as well as in the beginning: I want to provide a coupon code to the customer for their next purchase & remove the Payment Method from the top section. woocommerce_view_order action hook is for the View Order page, woocommerce_thankyou is for the Order Received page. This is how the changed title would appear: You can go one step forward & also personalize the Thank You page title to include details like the customer’s name, or anything else. Since WooCommerce 2.1 the page the user is redirected to after the payment is complete is also the checkout page but with a different endpoint. The first section is for you to set a general thank you page for all products. This order page is customized to popup a notification when a new order received. We check if the current page is a product page and if it has our specified category. Thank you so much for your guidance!!!! WooCommerce shows the contents of the Thank You page from the thankyou.php template file that can be found in woocommerce/templates/checkout/ folder. To add an order: 1. Here it is: Extending the above 5.c example, it is also possible to display any custom text on the WooCommerce Thank You page based on the variation id. That is why we built the Product Delivery Date plugin.. Hey Stuart, so I tried your exact code & put it in functions.php instead of a plugin. I’ve looked fia FTP and I can’t see that file anywhere… could that be the issue? 5.c. I’ve struggled with the ‘Personalize the title’ part – it’s not displaying. Looking at the comments in the code, it mentions this: 5.b. Hey Vishal – thanks for helping with this – hugely appreciated! Use Add Newat the top of the page. I want to add a line saying that the customer needs to exit the website and make an online transfer with their bank. The Single Order page appears. Set field’s position on WooCommerce checkout page: Before checkout form. The WooCommerce Thank You Page URL or Order Received Page URL is actually something you can edit and specify within the Core WooCommerce settings without editing any code. The following endpoints are used for checkout-related functionality and are appended to the URL of the /checkout page: Pay page – /order-pay/{ORDER_ID} Order received (thanks) – /order-received/ Add payment method – /add-payment-method/ Depending on where you want the shortcode to be displayed, you can use one of the filters provided by WooCommerce & pass your shortcode to it. We saw in point 2 that you can redirect to a custom page with the template_redirect hook. Natallie Bitsounis — Outstanding customer service from these guys – prompt and informative responses and they stopped at nothing to make sure we were satisfied and their product met our needs. With those errors you mentoned, could the fact that ‘customer_user’ isn’t there be the problem? I want to add a line saying that the customer needs to exit the website and make an online transfer with their bank. Use category slug within an array. Those are coming from another file. That is where the tracking pixel call is made from. Backtrace: require(‘wp-blog-header.php’), require_once(‘wp-includes/template-loader.php’), do_action(‘template_redirect’), WP_Hook->do_action, WP_Hook->apply_filters, WC_AJAX::do_wc_ajax, do_action(‘wc_ajax_checkout’), WP_Hook->do_action, WP_Hook->apply_filters, WC_AJAX::checkout, WC_Checkout->process_checkout, WC_Checkout->process_order_payment, WC_Gateway_BACS->process_payment, WC_Order->update_status, WC_Order->save, WC_Order->status_transition, do_action(‘woocommerce_order_status_pending_to_on-hold’), WP_Hook->do_action, WP_Hook->apply_filters, WC_Emails::send_transactional_email, do_action_ref_array, WP_Hook->do_action, WP_Hook->apply_filters, WC_Email_New_Order->trigger, WC_Email->get_content, WC_Email_New_Order->get_content_html, wc_get_template_html, wc_get_template, include(‘/plugins/woocommerce/templates/emails/admin-new-order.php’), do_action(‘woocommerce_email_customer_details’), WP_Hook->do_action, WP_Hook->apply_filters, gens_raf_customer_email, WC_Abstract_Legacy_Order->__get, wc_doing_it_wrong.… Read more ». You will need to create the 2 folders, “woocommerce” & “checkout”. Do you want to get cart URL in WooCommerce or get the WooCommerce page URLs? I’ll post a snippet for this shortly today on the post. See below: That’s a unique use case though, why would you not want your users to place another order after placing 1 order? Your order has been received’, but you may want to add some further instruction, which you can do using the filter woocommerce_thankyou_order_received_text View the code on Gist. We will see how to add that in point 4 below. The filter available to change this text is: woocommerce_thankyou_order_received_text. Also, I found that file in the folder you mentioned – so that’snot the problem. $new_str = $str . ' I do see the code in that file in the order_received function. How would I go about doing the same? Is it possible to add a shortcode to thank you page? If you have issues with pages not displaying content. THanks, The page I need help with: [log in to see the link]. In Woocommerce 3.x, when inserting metadata on a completed order, the metadata no longer appears in the Order Received emails. In the examples in this tutorial below I’m using hooks. We know that you understand how important it is to be thankful to your customers. "It’s interesting to see how much WooCommerce Abandoned Cart Pro has increased sales for high value products. “speak with the developer and see if they have a solution” Because if this page is unable to track commissions, we assume it is also not able to track any advertising links after check out as the chain is broken when they leave the site and return to a custom woo thanks you page. WooCommerce provides the function is_order_received_page() in includes/wc-conditional-functions.php file. This question was asked on the Facebook group Advanced WooCommerce as to how to show a different Thank You page for each attribute of a product. Also the file you are checking is under: wp-content/plugins/woocommerce/includes/shortcodes/class-wc-shortcode-checkout.php . Natallie Bitsounis Learn how your comment data is processed. This way, you can check several categories. This WooCommerce thank you page plugin allows you to customize the default thank you page and redirect your customers to any URL once the customer hits checkout. If it is present, display some custom thank you text for that order. #Createanordertrackingpage #WooCommerceOrdersTracking.This video guides you on how to display and customize an order tracking page on a website. References: Change your WooCommerce thank you page title by Barry Kooij. There can be several reasons for this but in most cases, the following will help you fix it: Create a new page, add the correct shortcode, and publish it. Order properties should not be accessed directly. The topic ‘How do I edit the ‘Order Received’ page?’ is closed to new replies. If you want to overwrite the text completely, you simply need to avoid concatenating the $str variable to your message variable $new_str. They’re referred to as “Checkout Endpoints” which you’ll find in “WooCommerce > Settings > Advanced > Checkout endpoints” That is how the modified title would seem: 3.b. Another way to redirect to a custom thank you page is by using the ‘woocommerce_thankyou‘ hook. Go to: WooCommerce > Orders. But not always hooks allow us to make the customization we need. I want my admin woocommerce orders page to be loaded or be refreshed after someone placed an order. WooCommerce My Account page. It does appear on the Order Received page though. Your order has been received.”. Since ‘customer_user’ is not present in your most recent code, the title personalisation code should work fine for you. The gist “personalize-woocommerce-thank-you-page.php” has been updated as well. Here’s the exact code I’m using in my functions.php file. Leave this blank if you don’t want to set that. You can filter the text on a WooCommerce order received after checkout, by default the text reads ‘Thank you. Redirect to a custom Thank You page based on variation ID using hook. I’ve used the exact code, minus the