Help Center
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.