Шаг первый
Устанавливаем плагин Quasar Form free или Quasar Form pro. Создаем в этом плагине форму, которую будем использовать для быстрого заказа.
Шаг второй
Устанавливаем плагин аддон Quasar Form add-on for WooCommerce (бесплатный) или Quasar Form add-on Pro for WooCommerce (платный)
Шаг третий
Переходим в настройки аддона. В разделе “основные настройки” первое поле – выбор формы, здесь отображается список всех форм, созданных в Quasar Form, выбираем нужную форму. После выбора нажимаем кнопку сохранить, она находится внизу страницы. Если в вашем магазине уже созданы товары, то можете проверять – кнопка быстрого заказа уже появилась.
Следующая настройка в разделе это текст, который будет внутри кнопки.
Шаг четвертый
Если вам надо чтобы при отправке формы создавался новый заказ в WooCommerce, то оставляем “Да” в последнем параметре раздела “основные настройки”. Далее вам надо привязать поля вашей формы к полям заказа в WooCommerce. Это нужно, чтобы данные, которые посетитель заполнил в форме, попали в заказ WooCommerce. Если формирование заказа вам не нужно, пропустите этот пункт.
Принцип работы очень простой, если в форме заказа есть поле телефон, то указываем его в разделе телефон, если есть поле комментарий, указываем в разделе комментарий.
Поля, которые вы будите видеть в настройках – это поля из выбранной формы. Если список пуст, значит в форме не создано, подходящее под данный раздел, поле.
Шаг пятый
Настраиваем бок с информацией о товаре.
Вы можете отключить отображение названия товара, изображения товара, цены и количества. А также можете добавить текст над ценой и полем количество.
Шаг шестой
Настраиваем дизайн блока с информацией о товаре. Также здесь можно задать отступ и выравнивание кнопки быстрого заказа.
Дизайн кнопки и формы вы настраиваете в плагине Quasar form (Quasar Form -> Дизайн -> Дизайн кнопки ).