Шаг первый
Устанавливаем плагин 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 -> Дизайн -> Дизайн кнопки ).