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

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

• ---

  Содержание
  • Установка
  • Как работает?
  • Часто задаваемые вопросы
  • Как изменить маску телефона?
  • Как изменить шаблон формы?
  • Как добавить дополнительные поля в форму?
  • Как повесить цели метрики на отправку формы?
  • Скачать плагин Art WooCommerce Fast Order
  • Поддержать плагин
  • Заключение

  ---

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

Установка

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

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

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

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

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

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

• работа в 2-х режимах
• настройка формы

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

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

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

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

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

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

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

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

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

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

Как добавить дополнительные поля в форму?

С версии 1.3.0 появились фильтры:

• awof_form_fields
• awof_order_data

Например добавим в форму дополнительное поле Город

/**
 * Добавление дополнительного поля в форму
 */
add_filter( 'awof_form_fields', function ( $fields ) {

	$fields['awof-city'] = [
		'type'        => 'text',
		'label'       => 'Город',
		'required'    => true,
		'placeholder' => '',
		'class'       => [ 'awof-city', 'awof-city-cart' ],
		'input_class' => [ 'awof-city-input' ],
	];

	return $fields;
} );

/**
 * Запись данных с поля Город в заказ
 */
add_filter( 'awof_order_data', function ( $data, $request ) {

	$data['billing_city'] = $request->get_param( 'awof-city' );

	return $data;
}, 10, 2 );

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

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

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

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 или по кнопке ниже

Поддержать плагин

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

Заключение

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