Быстрый заказ в Корзине. Плагин Art WooCommerce Fast Order

Не всегда, но такой функционал бывает нужен в магазине. Особенно если товары довольно специфические или маркетологи с сеошниками начинают выкруживать…





Плагин можно использовать совместно с плагином Art WooCommerce Order One Click.

Установка

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

Быстрый заказ в Корзине. Плагин Art WooCommerce Fast Order • 2 • Финты WordPress

Скачиваете, загружаете, активируете, настраиваете, пользуетесь.

Плагин находиться на GitHub, скачивать в релизах. Вопросы и замечания можно писать в разделе Issues

Быстрый заказ в Корзине. Плагин Art WooCommerce Fast Order • 3 • Финты WordPress

Как работает?

Плагин после активации автоматически выводит форму с одним полем Телефон на странице Корзины и Миникорзины. В поле Телефон, сразу подключена маска для российских телефонов.

Внимание!
Плагин тестировался не на всех темах, в каких-то темах может и не работать, так как тема удаляет и заменяет штатные хуки WooCommerce

Так же плагин несет на борту настройки:

  • работа в 2-х режимах
  • настройка формы
Быстрый заказ в Корзине. Плагин Art WooCommerce Fast Order • 6 • Финты WordPress
Настройки плагина Art WooCommerce Fast Order

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

Отправка формы происходит через REST API. После отправки формы создается заказ на сайте и происходит редирект на страницу Спасибо.

Быстрый заказ в Корзине. Плагин Art WooCommerce Fast Order • 7 • Финты WordPress

Часто задаваемые вопросы

Как добавлять код?!
Весь код необходимо добавлять в файл functions.php через дочернюю тему, пустой плагин или плагин типа Code Snippets.
Прежде чем, вносить какие либо изменения, сделайте бекап сайта.

Как изменить маску телефона?

Замена маски телефона производиться через настройки плагина.

Быстрый заказ в Корзине. Плагин Art WooCommerce Fast Order • 8 • Финты WordPress

По умолчанию включена маска для российских телефонов, которая еще проверяет введение первой цифры кода телефона. Если нужно для другой страны, то используйте формат через 0, например для Беларуси будет так:
маска +375 (00) 000-00-00, плейхолдер +375 (__) ___-__-__

Для справки: для маски используется jQuery плагин jQuery Mask Plugin

Как изменить шаблон формы?

Это сделать подменой файлов, по аналогии как в WooCommerce.

В папке темы или дочерней темы создаете папку art-woocommerce-order-fast и копируете в нее файлы из папки templates плагина. А дальше меняете как требуется.

Как повесить цели метрики на отправку формы?

В плагине есть триггер на успешную отправку формы:

На успешную отправку письма

jQuery( document ).on( 'awof_trigger_send_form', function( e) {
   console.log( 'awof_trigger_send_form', e);
} );

Соответственно, отправки цели при отправке письма, будет такая

jQuery( document ).ready( function( $ ) {
	 jQuery( document ).on( 'awof_trigger_send_form', function( detail ) {

		 // XXXXXX - номер счетчика, TARGET - идентификатор цели
		 ym( XXXXXX, 'reachGoal', 'TARGET' );
	 } );
 } );

Скачать плагин Art WooCommerce Fast Order

Плагина нет в репозитории WordPress и скорее всего не будет. Скачать архив плагина можно из релизов на GitHub или по кнопке ниже

Быстрый заказ в Корзине. Плагин Art WooCommerce Fast Order • 9 • Финты WordPress

Если вам понравился плагин, то вы можете в денежной форме поддержать дальнейшую разработку и обновление плагина

Заключение

Вот такой интересный плагин получился. Предложения, замечания, отзывыв пишите в комментариях или на GitHub

0
0
голоса
Рейтинг статьи

Источник: wpruse.ru

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

%d такие блоггеры, как: