Add a “Buy Now” button

To create a simple Buy Now button that adds a product to cart and redirects to checkout use the following code snippets.

This is the PHP code. Add the code to /wp-content/themes/goya-child/functions.php:

// Process Redirection
add_filter('woocommerce_add_to_cart_redirect', 'add_redirect_to_checkout');
function add_redirect_to_checkout($redirect_url) {
  if (isset($_REQUEST['is_buy_now']) && $_REQUEST['is_buy_now']) {
   global $woocommerce;
   $redirect_url = wc_get_checkout_url();
   if ( !is_product() ) {
    wc_clear_notices();
   }
  }
  return $redirect_url;
}

// Create Button
add_action('woocommerce_after_add_to_cart_button', 'add_buy_now_button', 1);
function add_buy_now_button() {
  global $product;
 ?>
 <div class="buy-now-container-single-product yith-wcwl-add-to-wishlist">
   <div>
  <button type="submit" name="add-to-cart" value="<?php echo esc_attr($product->get_id()); ?>" class="single_buy_now_button ywgc-add-gift-product-to-cart button alt" id="buy_now_button">
  <?php echo esc_html('Buy Now'); ?>
  </button>
  <input type="hidden" name="is_buy_now" id="is_buy_now" value="0" />
  </div>
  </div>
<?php
}

// JavaScript functions
add_action('wp_footer', 'buy_now_submit_form');
function buy_now_submit_form() {
 ?>
 <script>
 /* Add buy now button */
 jQuery(document).ready(function($){
 $('body').on('click', '#buy_now_button', function(e) {
  $('#is_buy_now').val('1');
  $('.single_add_to_cart_button').addClass('wa-order-button').attr('disabled', 'disabled');
  $('#buy_now_button').parents('form.cart').submit();
  $(this).addClass('et-loader');
 });
 });
 </script>
 <?php
}Code language: JavaScript (javascript)

Then, add this CSS code either to Appearance > Customize > Additional CSS or /wp-content/themes/goya-child/style.css:

.single_buy_now_button {
 width: 100%;
 margin-top: 10px;
}Code language: CSS (css)

Use the same class .single_buy_now_button to customize the Buy Now button styles.