The “Buy now” button allows the user to skip the card page when buying a product and go directly to the checkout page and purchase the product faster.
In this tutorial, you will learn how to add a Buy Now button to your WooCommerce product page without a plugin. We will also see how to customize this button and place it only on products in certain categories.

Add buy now button in WooCommerce without plugins

Using the following code, you can add the “Buy now” button to single and variable products in WooCommerce.

Buy now button WooCommerce code

In the WordPress dashboard, go to Appearance ➡ Theme File Editor and copy the following code into the theme’s functions.php file and save it.

/* buy now button woocommerce code by WPcookie
 * update: https://redpishi.com/wordpress-tutorials/buy-now-button-woocommerce/
 */
add_action( 'wp_footer', function(){ if(!is_admin()) { 

// Change button color from here
$color = ""; 
	
?>
<style>
a.custom-checkout-btn {
    margin: 0px 5px!important;
}
</style>
<?php
if ( $color != "" ){
?>
<style>
a.custom-checkout-btn {
    background: <?php echo $color; ?>!important;
    transition: 0.4s filter ease; 
}
a.custom-checkout-btn:hover {
    filter: saturate(2);
}
</style>
<?php }}});

add_action( 'woocommerce_after_add_to_cart_button', 'add_custom_addtocart_and_checkout' );
function add_custom_addtocart_and_checkout() {	
    global $product;
	
	// conditional tags
	$condition = $product->is_type( 'simple' ) || $product->is_type( 'variable' );
	
    $addtocart_url = wc_get_checkout_url().'?add-to-cart='.$product->get_id();
    $button_class  = 'single_add_to_cart_button button alt custom-checkout-btn';

	// Change the text of the buy now button from here
    $button_text   = __("Buy now", "woocommerce");
	
    if( $product->is_type( 'simple' ) ) :		
    ?>
    <script>
    jQuery(function($) {
        var url    = '<?php echo $addtocart_url; ?>',
            qty    = 'input.qty',
            button = 'a.custom-checkout-btn';

        // On input/change quantity event
        $(qty).on('input change', function() {
            $(button).attr('href', url + '&quantity=' + $(this).val() );
        });
    });
    </script>
    <?php
    elseif( $product->is_type( 'variable' ) ) :	
    $addtocart_url = wc_get_checkout_url().'?add-to-cart=';
    ?>
    <script>
    jQuery(function($) {
        var url    = '<?php echo $addtocart_url; ?>',
            vid    = 'input[name="variation_id"]',
            pid    = 'input[name="product_id"]',
            qty    = 'input.qty',
            button = 'a.custom-checkout-btn';
        setTimeout( function(){
            if( $(vid).val() != '' ){
                $(button).attr('href', url + $(vid).val() + '&quantity=' + $(qty).val() );
            }
        }, 300 );
        $(qty).on('input change', function() {
            if( $(vid).val() != '' ){
                $(button).attr('href', url + $(vid).val() + '&quantity=' + $(this).val() );
            }
        });
        $('.variations_form').on('change blur', 'table.variations select', function() {
            if( $(vid).val() != '' ){
                $(button).attr('href', url + $(vid).val() + '&quantity=' + $(qty).val() );
            }
        });
    });
    </script>
    <?php			
    endif;
	if ($condition) {
		echo '<a href="'.$addtocart_url.'" class="'.$button_class.'">'.$button_text.'</a>';
	}   
}

After adding the above code to the site theme’s “functions.php” file, you will see the “Buy now” button on the product pages.

Customize the “Buy now” button

Find the section below in the code and enter the desired color code to modify the “Buy now” button’s color.

// Change button color from here
$color = "#ff6a00"; 

To change the text of the “Buy now” button, find the following section of the code and replace “Buy now” with your desired wording.

// Change the text of the buy now button from here
$button_text   = __("Buy now", "woocommerce");

Add buy now to some categury

To display the “Buy Now” button on products from a specific category, Find the $condition variable and replace it with the conditional tag below.
In the code below, instead of ‘tshirts’, write the Slug of category you want.

// conditional tags
$condition = has_term( [ 'tshirts' ], 'product_cat' ) ;

From now on, the “buy now” button will only be displayed for T-shirts.
If you want more than one category, separate each category Slug with a comma.

// conditional tags
$condition = has_term( [ 'tshirts', 'hoodies', 'decor' ], 'product_cat' );

To learn more about conditional tags and how to use them in WordPress, read the following article.
https://redpishi.com/wordpress-tutorials/insert-code-in-wordpress-without-plugins/#insert-php-code-in-pages-with-given-terms

If this article is difficult for you to read in text, you can watch the video version below.