Большинство покупателей в интернет-магазинах не хотят проходить долгий пошаговый процесс оформления покупки. Вместо этого они предпочитают делать быстрые заказы в один клик. Посмотри это видео и сделай в своём магазине кнопку быстрого заказа. Не теряй клиентов!

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

Для реализации этой возможности я буду использовать бесплатный плагин Buy one click WooCommerce.

Всплывающее окно быстрого заказ
Настройки плагина

Смотреть видео

  • Вступление.
  • Установка плагина.
  • Настройки плагина. Первая вкладка «Главные». Параметры кнопки, формы и полей.
  • Вторая вкладка «Уведомления». Уведомления на почту и SMS-уведомления.
  • Третья вкладка «Заказы».
  • Смотрим результат вывода кнопки быстрого заказа.Как исправить перевод некоторых некорректных выражений.
  • Тестируем форму быстрого заказа.
  • Настройка внешнего вида кнопки быстрого заказа. Классы CSS (цвет фона, насыщенность шрифта, внутренние отступы, округление углов и нижний внешний отступ).
  • Выводы.

Код CSS

.single_add_to_cart_button {
	background:#E18C41 !important;
	font-weight:400;
	margin-bottom:5px;
	border-radius:5px !important;
}

Стиль кнопки при наведении:

.single_add_to_cart_button:hover {
background:#965D2B !important;
}

Также, смотрите другой похожий бесплатный плагин Art WooCommerce Order One Click

Понравился ли вам плагин «Buy one click WooCommerce»? Используете ли Вы в своем магазине функцию быстрого заказа товара? Поделитесь в комментариях своим мнением.

 

Similar Posts

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вы можете использовать эти теги HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Например, чтобы вставить код используйте эти теги: <code>Здесь ваш код</code>