Если вы управляете интернет-магазином, возможно, вы ищете способы увеличить продажи, конверсию и доход в WooCommerce добавить кнопку купить в один клик.
Более 75% покупателей оставляют свои корзины с интернет-магазинами и товарами. Одна из основных причин — долгий и запутанный процесс покупки. Поскольку этот процесс длится дольше, пользователи с большей вероятностью откажутся от него, поэтому кнопка быстрой покупки является одним из лучших решений для вашего магазина WooCommerce. Кнопку «Добавить в корзину» удалять не нужно. Не все ваши посетители готовы покупать в тот момент, когда они заходят на ваш сайт.
Кнопка «Купить сейчас» позволяет вашим клиентам приобретать нужные товары быстрее и избегать дополнительных шагов в процессе оформления заказа. Вместо того, чтобы добавлять товары в корзину, переходя на страницу корзины, а затем на страницу оформления заказа, они могут перейти со страницы продукта на страницу оформления заказа одним щелчком мыши. Это снижает количество отказов и брошенных корзин.
WooСommerce кнопка «Добавить в корзину»
В этой статье мы обсудим, как добавить кнопку «Купить сейчас» в wooCommerce без плагинов на одной странице товара. Вы можете использовать хук WooCommerce woocommerce_after_add_to_cart_button. Этот хук будет добавлять контент после кнопки «Добавить в корзину».
Если покупатель нажимает на эту кнопку, товар должен быть добавлен в корзину, а покупатель должен быть отправлен на страницу оформления заказа.
Добавьте приведенный ниже код в файл functions.php вашей темы.
1 2 3 4 5 6 7 8 9 | 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 товара
1 2 | global $product; $id = $product->id; |
2. Повесьте обработчик на клик кнопки
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | 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 без плагина. Если да, поделитесь этим постом в социальных сетях и продолжайте учиться!. Вы также можете расширить функциональность вашего сайта в соответствии с нашими требованиями.
