• Facebook Icon Link
    • Instagram Icon Link

    How to Setup One Page Checkout in WooCommerce.


    one page checkout woocommerce

    One Page Checkout in WooCommerce Overview.

    Does it feel like there are too many steps in the WooCommerce checkout process? Are you losing customers due to longer than necessary checkout steps in your WooCommerce online store? Do you need to make an easier way for your online customers to make a purchase on your website? You have come to the right place. In this tutorial, I will show you how to skip the Add to Cart and View Cart pages and provide your customers with a one-page checkout in WooCommerce.

    Quickies.

    The WooCommerce Checkout Process.

    The default purchasing process on a WooCommerce website takes you through a couple of pages before you reach the checkout page. Typically, when you find the product you want, you will add it to the cart, then you will proceed to view your cart and finally, you can proceed to the checkout page. If your customers are going to be purchasing multiple products, this works fine, but if you sell a product that your customers are only going to buy one of, it’s better if you can skip the unnecessary pages and go straight to the checkout page. This will help raise your conversion rate by making the checkout process easier for your visitors.

    How to Setup a One Page Checkout in WooCommerce.

    The first thing you need to do is add a little bit of PHP code to your website. Don’t worry, you can just copy and paste it in. There are a couple of ways to do this, add the code to your functions.php file or install a plugin that will add it for you.

    How to Add the Code to the functions.php File via FTP.

    If you use this method be sure your website is using a child theme. How to Make a WordPress Child Theme. If you want to use a plugin, skip to the next section.

    1. Make an FTP connection to the website. Instructions if needed: How to Make an FTP Connection with FileZilla.
    2. Go to the child theme folder and open it. This is the usual path: wp-content > themes > child-theme.
    3. Open the functions.php file in a text editor like notepad++, Sublime Text or something similar.
    4. Add the following code to the bottom of the functions.php file.
    add_filter('woocommerce_add_to_cart_redirect','one_page_checkout');
    function one_page_checkout() {
        $oneurl = WC()->cart->get_checkout_url();
        return $oneurl;
    }
    
    1. Save the file.

    How to Add the Code to the functions.php File with a Plugin.

    1. Login to the admin area of the website.
    2. Install the Code Snippets plugin. Instructions if needed: How to Install a WordPress Plugin.

    code snippets plugin

    1. Click on Snippets in the admin sidebar.

    code snippets menu link

    1. Click Add New in the upper left of the page.

    add new snippet

    1. Enter a Title for the snippet and paste the below code into the Code box.

    add php snippet

    1. Save Changes and Activate.

    How to Create the Link to Skip Directly to WooCommerce Checkout.

    1. Find the product id you want to make the link for.

    To find the product id, go to the product and hover over the name.

    product id

    1. This is the format of the link:
    https://YourWebsiteURL.com/?add-to-cart=44
    
    1. Replace the URL with your website’s URL.
    2. Replace the product id with your product id.
    3. Now you can place this link wherever you want to have a one page checkout in your WooCommerce store.

    SiteGround WooCommerce Hosting Banner

     

    Additional Posts.

    Pin It on Pinterest

    Share This