AI Verified

Name

WooCommerce Remove Header From Checkout

About

This snippet allows you to remove the header from your checkout page. Why do this? Well, you’ll know from our Conversion Rate Optimisation (CRO) course that plenty of people will abandon your checkout. One of the reasons for this abandonment is the customer gets distracted. The header is just one of these distractions and likely contains your navigation menu which has many links. Each link being a distraction and somewhere else the customer can navigate to. On the checkout, the aim is to get the customer to pay and not navigate away. Specifically, this snippet checks the user is on the checkout page and if so, hides the header using CSS. Technically, the Thank You page too is the checkout page, just a different endpoint (the order-received endpoint to be exact. Not to worry though, this snippet ensures the header is shown on the thank you page due to the conditional logic included in the if statement.

Language

PHP

Rating

Voted: 1 by 1 user(s)

How to Setup Snippet

Simply copy the pre-coded solution to your active child theme’s functions.php or preferably the Code Snippets Plugin.

Link for further information:

The author has provided the following URL that may be helpful to setting up or using this snippet:

https://www.ecommercehints.com/woocommerce-remove-header-from-checkout

Codevault

ecommercehints

Scroll down to see more snippets from this codevault.

Wordpress Compatability

The author has indicated that this snippet is compatable up to wordpress version: 6.1

Our AI bot has checked this snippet is compatable up to wordpress version: 6.1

Code Snippet Plugin Sync

Free & Pro

Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.

Pro Only (Coming Soon)

You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.

Website/ Profile URL:

https://www.ecommercehints.com/

History

Last modified:

06/07/2024

Important Note

This snippet has the following status:

AI Verified

This snippet has been tested by our AI bot, see any comments below.

AI Bot Comments:

Found 0 vulnerabilities

WooCommerce Remove Header From Checkout

 
                    
1/**
2 * Snippet Name: WooCommerce Remove Header On Checkout
3 * Snippet Author: ecommercehints.com
4 */
5function ecommercehints_remove_header_on_checkout() {
6 if(is_checkout() && !is_wc_endpoint_url( 'order-received' )){ // Remove from checkout but show again on the thank you page ?>
7 <style>
8 header {
9 display:none;
10 }
11 </style>
12 <?php }
13}
14add_action( 'wp_head', 'ecommercehints_remove_header_on_checkout');

1

Related Snippets

Please see some snippets below related to this snippet..

WooCommerce

AI Verified

0

WooCommerce Remove Checkout Button From Mini Cart

Added: 1 year ago

Last Updated: 1 year ago

This guide shows you how you can remove the checkout button from the mini cart, forcing users to view their cart before proceeding to the checkout. You may find the button still appears after implemen...

WooCommerce

AI Verified

1

WooCommerce Show Custom Content Between Short Description And Add To Cart

Added: 1 year ago

Last Updated: 2 months ago

In this guide, we show you how you can display custom content between the short description and add to cart button. Sure, you could just add additional content to the short description meta box, but h...

WooCommerce

AI Verified

1

WooCommerce Login Redirect

Added: 1 year ago

Last Updated: 2 months ago

By default, when a user logs into their account on your WooCommerce website, they are redirected to their dashboard on the My Account page. This guide shows you how to change this and redirect the use...

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

WooCommerce

AI Verified

7

WooCommerce Show Number Of People Viewing Product

Added: 1 year ago

Last Updated: 1 month ago

We want to make this solution absolutely clear from the outset. This snippet does NOT generate the actual number of people viewing the product. It shows a randomly generated number in the range of two...

WooCommerce

AI Verified

5

WooCommerce Show Number Of Units Sold On Product Page

Added: 1 year ago

Last Updated: 2 months ago

Showing the number of product units sold on the single product page is a great way to introduce Fear Of Missing Out (FOMO). You can highlight how many products are sold to let customers know a product...

WooCommerce

AI Verified

3

WooCommerce Add Content Under The Proceed To Checkout Button On The Cart Page

Added: 1 year ago

Last Updated: 2 months ago

How many times have you bought something online and seen trust symbols near the proceed to checkout button on the cart page? “30 Day Money Back Guarantee” or “Secure Checkout” are popular examples. By...