Как в Wordpress wooCommerce Добавить Кнопку

Если вы управляете интернет-магазином, возможно, вы ищете способы увеличить продажи, конверсию и доход в WooCommerce добавить кнопку купить в один клик.

Более 75% покупателей оставляют свои корзины с интернет-магазинами и товарами. Одна из основных причин — долгий и запутанный процесс покупки. Поскольку этот процесс длится дольше, пользователи с большей вероятностью откажутся от него, поэтому кнопка быстрой покупки является одним из лучших решений для вашего магазина WooCommerce. Кнопку «Добавить в корзину» удалять не нужно. Не все ваши посетители готовы покупать в тот момент, когда они заходят на ваш сайт.

Кнопка «Купить сейчас» позволяет вашим клиентам приобретать нужные товары быстрее и избегать дополнительных шагов в процессе оформления заказа. Вместо того, чтобы добавлять товары в корзину, переходя на страницу корзины, а затем на страницу оформления заказа, они могут перейти со страницы продукта на страницу оформления заказа одним щелчком мыши. Это снижает количество отказов и брошенных корзин.

Содержание

WooСommerce кнопка «Добавить в корзину»
Второй способ добавить кнопку в WooCommerce в любом месте
Заключение

WooСommerce кнопка «Добавить в корзину»

В этой статье мы обсудим, как добавить кнопку «Купить сейчас» в wooCommerce без плагинов на одной странице товара. Вы можете использовать хук WooCommerce woocommerce_after_add_to_cart_button. Этот хук будет добавлять контент после кнопки «Добавить в корзину».

Если покупатель нажимает на эту кнопку, товар должен быть добавлен в корзину, а покупатель должен быть отправлен на страницу оформления заказа.

Добавьте приведенный ниже код в файл functions.php вашей темы.

function add_content_after_addtocart() {
     $current_product_id = get_the_ID();
     $product = wc_get_product( $current_product_id );
     $checkout_url = wc_get_checkout_url();
     if( $product->is_type( 'simple' ) ){
        echo '<a class="buy-now button" href="'.$checkout_url.'?add-to-cart='.$current_product_id.'">Buy Now</a>';
    }
}
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

function add_content_after_addtocart() {

$current_product_id = get_the_ID();

$product = wc_get_product( $current_product_id );

$checkout_url = wc_get_checkout_url();

if( $product->is_type( 'simple' ) ){

echo '<a class="buy-now button" href="'.$checkout_url.'?add-to-cart='.$current_product_id.'">Buy Now</a>';

}

add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

Второй способ добавить кнопку в WooCommerce в любом месте

1. Добавьте кнопку и в атрибуте (можно data-id) передайте id товара

global $product;
$id = $product->id;

1 2	global $product; $id = $product->id;

2. Повесьте обработчик на клик кнопки

jQuery(.one-click-button').click(function(e) {
 	e.preventDefault();
 	jQuery(this).addClass('adding-cart');
 	var product_id = jQuery(this).data('id');
        var ajax_url = "/wp-admin/admin-ajax.php"

 	jQuery.ajax ({
 		url: ajax_url,  
 		type:'POST',
 		data:'action=oneclick&product_id=' + product_id + '&quantity=1',

 		success:function(results) {
                    // Показываем окно успешного добавления
                    $('.form_popup').hide();
                    $('#modal').css('display','inline-block');
                    $('.good_cart').css('display','inline-block');
                    document.location.href = 'http://domain.ru/oformlenie-zakaza/'; //Переход на оформление заказа
                }
         });
 });

jQuery(.one-click-button').click(function(e) {

e.preventDefault();

jQuery(this).addClass('adding-cart');

var product_id = jQuery(this).data('id');

var ajax_url = "/wp-admin/admin-ajax.php"

jQuery.ajax ({

url: ajax_url,

type:'POST',

data:'action=oneclick&product_id=' + product_id + '&quantity=1',

success:function(results) {

// Показываем окно успешного добавления

$('.form_popup').hide();

$('#modal').css('display','inline-block');

$('.good_cart').css('display','inline-block');

document.location.href = 'http://domain.ru/oformlenie-zakaza/'; //Переход на оформление заказа

}

});

3. Обработчик в functions.php

function oneclick(){
      $product_id = $_POST['product_id'];
      $variation_id = $_POST['variation_id'];
      $quantity = $_POST['quantity'];

      if ($variation_id) {
        WC()->cart->add_to_cart( $product_id, $quantity, $variation_id );
      } else {
        WC()->cart->add_to_cart( $product_id, $quantity);
      }

      $items = WC()->cart->get_cart();
      global $woocommerce;
      $item_count = $woocommerce->cart->cart_contents_count; ?>

      <?php die();
    }

add_action('wp_ajax_oneclick', 'oneclick');
add_action('wp_ajax_nopriv_oneclick', 'oneclick');

function oneclick(){

$product_id = $_POST['product_id'];

$variation_id = $_POST['variation_id'];

$quantity = $_POST['quantity'];

if ($variation_id) {

WC()->cart->add_to_cart( $product_id, $quantity, $variation_id );

} else {

WC()->cart->add_to_cart( $product_id, $quantity);

}

$items = WC()->cart->get_cart();

global $woocommerce;

$item_count = $woocommerce->cart->cart_contents_count; ?>

<?php die();

}

add_action('wp_ajax_oneclick', 'oneclick');

add_action('wp_ajax_nopriv_oneclick', 'oneclick');

Заключение

Я надеюсь, что вы нашли это руководство полезным и узнали, как добавить кнопку быстрой покупки в WooCommerce без плагина. Если да, поделитесь этим постом в социальных сетях и продолжайте учиться!. Вы также можете расширить функциональность вашего сайта в соответствии с нашими требованиями.