Кнопка быстрая покупка на страницу товара Woocommerce

woocommerce купить WooCommerce

Привет! Продолжаем разбирать интересные и полезные плагины для онлайн магазина Woocommerce. Сегодня вы узнаете о том, как добавить на страницу товара, кнопку – Быстрая покупка. Нажав на кнопку быстрая покупка, пользователь сможет сразу же перейти на страницу оформления заказа, минуя корзину.

 

быстрая покупка woocommerce

 

Добавить на сайт кнопку быстрая покупка можно с помощью плагина – Woocommerce Quick Buy. Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин woocommerce

 

После установки и активации плагина, перейдите на страницу: WoocommerceНастройкиТовары – WC Quick Buy. Здесь вы можете настроить отображение кнопки. Position – здесь вы можете выбрать где будет отображаться кнопка, до содержания страницы или после. По умолчанию после содержания. Quick Buy Button Text – здесь можете указать надпись которая отображается на кнопке. Остальные настройки оставьте по умолчанию.

 

настройки плагина woocommerce

 

Внизу страницы вы можете скопировать шорткод, чтобы вставить кнопку в определённое место. После сохранения настроек, кнопка отобразится на странице товаров.

 

Остались вопросы? Напиши комментарий! Удачи!

 

Добавить комментарий

Укажите свой Email, если хотите получить ответ на почту!

  1. Дмитрий

    Привет,
    Подскажите, как сделать следующее:
    Нужно изменить витрину в вукомерс))) Как это сделать спрашивать не буду, вопрос в следующем, если я сейчас изменю CSS / Html / php, при следующем обновлении вукомерс все сделанные изменения пропадут. Как сделать, что бы они не пропали? Не избегать же обновления плагина.

    Ответить
    1. Илья Журавлёв автор

      Здравствуйте. В случае с CSS вам могут помочь плагины:

      SiteOrigin CSS.
      Simple Custom CSS.
      Custom CSS Pro.

      Они создают свои стили, поэтому обновление здесь ничего не изменит, новые стили будут всегда отображаться на сайте, при любых изменениях.

      Ответить
  2. Павел

    Не работает что-то плагин… И так, и эдак перепробовал

    Ответить
    1. Илья Журавлёв автор

      Сделали всё как по инструкции и не работает? Могу порекомендовать вам другой плагин – Buy one click WooCommerce купить в один клик плагин.

      Ответить
  3. Михаил

    Не могу разобраться со стилями CSS. Там сейчас немного изменились поля, не так как на картинке.
    Есть поле Button CSS Class
    Ниже: Button Internal Style
    Css Class Used : wc_quick_buy_button,quick_buy_button,quick_buy_{pid}_button,quick_buy_{pid},quick_buy_{ptype}
    pid Refers to product id. which will replaced dynamically
    ptype Refers to product type : quick_buy_simple | quick_buy_variable

    Под ним окно для записей.

    Не могу понять, что куда прописать, чтоб хоть какой-то стиль кнопки был.

    Ответить
    1. Илья Журавлёв автор

      Здравствуйте! Для изменения стилей, рекомендую плагины:

      SiteOrigin CSS.
      Simple Custom CSS.

      Ответить
  4. Михаил

    Спасибо. Посмотрю. Но хотелось штатным функционалом плагина обойтись.

    Ответить
    1. Илья Журавлёв автор

      С помощью SiteOrigin CSS намного проще и быстрее изменить стиль кнопки!

      Ответить
  5. Михаил

    С кнопкой разобрался. Теперь другой вопрос:
    У меня горизонтально меню. Некоторые заголовки достаточно широкие. Пытаюсь с помощью плагина настроить, чтобы в две строки прописывались в каждой ячейке.
    Кликаю по ячейке меню (или пробовал на весь блок) и меняю параметры.
    Проблема в том, что изменения активируются только когда наводишь мышкой на ячейку меню. А само меню визуально не меняется.
    Как правильно редактировать, чтобы само меню менялось?

    Ответить
  6. Михаил

    Сам разобрался)) Внизу, где лупа показана структура наложений блока.

    Теперь разбираюсь, каким параметром сделать надпись в две строки

    Ответить
  7. Павел

    Здравствуйте. А у меня следующая проблема. При нажатии на кнопку не переходит на страницу оплаты, а просто добовляет товар в корзину. Как это исправить? Помогите пожалуйста.

    Ответить
    1. Илья Журавлёв автор

      Здравствуйте. Это не проблема, так и должно быть. Сначала товар добавляется в корзину, а только потом из корзины вы можете перейти на страницу оформления заказа. При добавлении товара в корзину должно появляться уведомление вверху сайта “Продолжить покупки или перейти в корзину”.

      Ответить
    2. Илья Журавлёв автор

      Woocommerce – Настройки – Товары – Отображение – Перенаправить в корзину после успешного добавления. Можете включить для удобства.

      Ответить
  8. Павел

    Вот в этом и проблема, не перенаправляет в корзину, на страницу оплаты или на любую другую.

    Ответить
    1. Илья Журавлёв автор

      Значит плагин несовместим с Woocommerce или с вашей темой. После обновления Woo многие плагины перестали работать с ним. Попробуйте вот этот плагин, то же очень интересный – Buy one click WooCommerce купить в один клик!

      Ответить
  9. Наталья

    Илья, доброе утро! Нужно отследить клик по кнопке быстрого заказа. Установлен плагин Woocommerce Quick Buy. Куда необходимо внести код GoogleРекламы:

    function gtag_report_conversion(url) {
    var callback = function () {
    if (typeof(url) != ‘undefined’) {
    window.location = url;
    }
    };
    gtag(‘event’, ‘conversion’, {
    ‘send_to’: ‘AW-759509646/fWfDCP7c1pgBEI7llOoC’,
    ‘transaction_id’: ”,
    ‘event_callback’: callback
    });
    return false;
    }

    Ответить
    1. Илья Журавлёв автор

      Добрый день. Там не было указано, куда этот код ставить? Откуда вы его взяли и причём здесь реклама?

      Ответить
      1. Наталья

        Код сформирован на сервисе GoogleРеклама. Написано “вставьте его между тегами сразу после глобального тега на страницах, которые вы хотите отслеживать”.
        Дело в том, что у меня код размещен в футере на каждой странице. А здесь в head надо и только на кнопку Быстрый заказ

      2. Илья Журавлёв автор

        Значит вам нужно вставить код после открывающего тега head, в файл header.php. Если не будет работать попробуйте вставить его в файл functions.php. Только копию сайта сделайте на всякий случай, а то вдруг погаснет) Можно и не делать копию, а сразу потом убрать код через панель управления на хостинге.

      3. Наталья

        Хорошо, попробую, спасибо