Woocommerce кнопка купить в один клик Супер плагин

WooCommerce

Привет! Мы продолжаем разбирать Супер полезные плагины для интернет магазина Woocommerce! Сегодня я покажу вам, как добавить в свой онлайн магазин кнопку Купить в один клик. Ваши клиенты смогут быстро и просто покупать товары, без лишних переходов и заполнения множества полей. Смотрите инструкцию далее и пишите комментарии, если у вас есть вопросы. Поехали!)

 

Установить плагин Art WooCommerce Order One Click вы можете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите названия плагина в форму поиска, установите и активируйте его.

 

Art WooCommerce Order One Click

 

Далее, на вашем сайте уже должен быть установлен плагин Contact Form 7, чуть позже мы его настроим. А пока перейдите на страницу: WooCommerce – Настройки.

 

настройки Woocommerce

 

Далее, в настройках, вверху в меню справа перейдите на страницу Заказ в один клик. Здесь вы можете настроить:

  • Режим работы. 1 – Кнопка “Добавить в корзину” не будет отображаться (для тех кто хочет создать каталог). 2 – Обычный режим, будут отображаться обе кнопки. 3 – Режим предзаказа. Кнопка появится, только если товар в наличии;
  • Можно скрыть или показать цену товара;
  • Здесь должен отображаться шорткод формы из плагина Contact Form 7;
  • Можно изменить название кнопки;
  • Выключить элементы окна. Вы можете убрать поля, чтобы они не показывались в форме.

 

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

 

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

 

настройка заказ

 

 

Как создать всплывающую форму

 

Перейдите на страницу: Contact Form 7 – Контактные формы. Под названием нажмите на вкладку Изменить.

 

изменить форму

 

Смотрите, чтобы вам долго всё не объяснять, я предоставлю вам готовый шаблон формы. Скопируйте его и вставьте к себе, как показано на скриншоте ниже:

 

[text* awooc-text placeholder "Ваше имя"]
[email* awooc-email placeholder "Ваша почта"]
[tel* awooc-tel placeholder "Ваш телефон"]
[awooc_hidden awooc_hidden-906]
[submit "Отправить"]

 

шаблон формы

 

Далее, вверху перейдите на вкладку Письмо. ВАЖНО! У вас должно быть также как на скриншоте ниже. Иначе информация клиента, его имя, номер телефона, почта, не будут отображаться в письме! Номер в шорткоде сообщения должен быть ваш! Сохраните форму.

 

[awooc-text]
[awooc-email]
[awooc-tel]


Сообщение:
[awooc_hidden-906]

 

письмо

 

Всё готово. Перейдите на страницу товара. Здесь у вас должна отображаться кнопка Купить в один клик. Нажмите на неё.

 

страница товара

 

У вас откроется готовая форма (если вы всё правильно сделали на предыдущем шаге). Заполните поля и нажмите Отправить.

 

всплывающая форма

 

Всё готово. Вы получите письмо на электронную почту с контактной информацией. Также заявка будет отображаться на странице Заказы.

 

заказ


детали

 

 

Как изменить цвет кнопки CSS стили

 

Перейдите на страницу: Внешний вид – Настроить – Дополнительные стили. Добавьте туда специальный css код (скопируй ниже). Напротив параметра background укажите html нужного вам цвета. Сохраните изменения.

 

.woocommerce a.awooc-custom-order.button.alt{
    background: #000;
    margin-left:10px;
}

 

 

Как добавить кнопку в каталог магазина на главную страницу

 

Перейдите на страницу: Внешний вид – Редактор – Функции темы (functions.php).

 

функции темы WordPress

 

В самый низ страницы добавьте специальный код на выбор по месту:

 

После кнопки Купить:
add_filter( 'woocommerce_after_shop_loop_item', 'awooc_html_custom_add_to_cart', 15 );

Перед кнопкой Купить:
add_filter( 'woocommerce_after_shop_loop_item', 'awooc_html_custom_add_to_cart', 5 );

 

Обновите файл. Перейдите на страницу каталога. Кнопка должна появится.

 

каталог магазина кнопка купить

 

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

 

info-effect.ru
Добавить комментарий для Юрий Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Карантин

    Какая то садамия с этим плагином и его настройкой, не проще ли взять более удобный Buy one click WooCommerce ?

    Ответить
    1. Admin автор

      Что конкретно вам не понятно?

      Ответить
  2. иван

    а как добавить виды доставки? а то заказ-то сам есть, а вот как его доставлять и почем – это в уме прибавлять надо?

    Ответить
    1. Admin автор

      В настройках Woocommerce – Зоны доставки, там можно указать стоимость и условия доставки. Вам нужно подключить сервис доставки, например Boxberry или СДЭК, на их сайте смотрите инструкцию

      Ответить
      1. Аноним

        Это только для оформления через корзину, а для “Одного клика” этого нет.
        Например, клиент выбирает не корзину, а “купить в один клик”, выплывает панель, где написаны цена товара, фотка его, артикул, и поля для заполнения- имя и телефон, например. Но в этом окне нет способа доставки, он не может, например выбрать доставку курьером или доставку почтой, и цена показана только за сам товар

        Ответить
  3. Владимир

    Здравствуйте. Установил Ваш плагин. Все работает. Однако кнопки “Купить в один клик” не получилось – только надпись. Что не так?

    Ответить
    1. Admin автор

      Здравствуйте, что значит только надпись, что написано и где отображается?

      Ответить
      1. Владимир

        Так вот так, как есть. Появилась надпись / Купить в один клик/…..НО как таковой кнопки НЕТ. Есть кнопка В КОРЗИНУ, но она там была. Теперь рядом с ней надпись – Купить в один клик. Без кнопки. Просто надпись. Как более понятно написать не знаю. Может скрин?) Тогда просьба предоставить свою почту.

        Ответить
      2. Владимир

        Это означает – просто надпись – “Купить в один клик”. Кнопки нет. Отображается после кнопки В КОРЗИНУ.

        Ответить
        1. Admin автор

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

          Ответить
  4. Илья

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

    Ответить
    1. Admin автор

      Проверьте обновления тем и плагинов, возможно несовместимость с вашей темой или Woocommerce.

      Ответить
  5. Станислав

    Как исправить
    [contact-form-7 404 “Not Found”]

    Ответить
    1. Admin автор

      Что это значит? По подробней можно.

      Ответить
  6. Юрий

    Здравствуйте.
    Добавил в файл functions.php
    add_filter( ‘woocommerce_after_shop_loop_item’, ‘awooc_html_custom_add_to_cart’, 15 );
    Кнопка не появляется

    Ответить
  7. Аноним

    как изменять стили?

    Ответить