Перейти к основному содержимому

Страница Request-a-Quote (RFQ) — Нативный рабочий процесс запроса коммерческого предложения

Vertex поставляется с полностью нативной страницей Request-a-Quote (RFQ). Никакого приложения управления коммерческими предложениями, никакого стороннего конструктора форм, никакой интеграции Zapier, никакой ежемесячной подписки. Страница использует встроенный шаблон Shopify {% form 'contact' %} для захвата запросов на индивидуальное ценообразование, отправляет их по email мерчанту при отправке, посылает автоответ покупателю и отображает чистый редакционный двухколоночный макет, соответствующий остальной витрине.

Если ваши покупатели регулярно запрашивают индивидуальные цены, оптовые скидки, проектные коммерческие предложения или контрактные цены — страница RFQ — это то, как Vertex захватывает эти запросы, не заставляя вас устанавливать приложение управления коммерческими предложениями за $30/месяц.

RFQ vs Bulk-order

Страница оптового заказа предназначена для покупателей, которые уже знают свои цены (каталог или прайс-лист) и хотят вставить 50 SKU и добавить в корзину. RFQ предназначена для покупателей, которые хотят получить индивидуальную цену перед покупкой. Обе поставляются в Vertex; обе нативны; обе работают бок о бок. См. руководство по выбору в нижней части этой страницы.

Что поставляется «из коробки»​

ФайлНазначение
templates/page.rfq.jsonШаблон страницы, применяемый к странице /pages/rfq
sections/main-rfq.liquidЕдинственная секция, отображающая всю страницу RFQ (форма + контактная карточка)
Строки locales/*.jsonМетки полей RFQ + вспомогательный текст на всех 5 поставляемых языках (английский, французский, итальянский, немецкий, испанский)
Схема sections/main-rfq.liquidНастройки для заголовка, вводного текста, содержимого контактной карточки, переключателя NET-30, текста SLA ответа

Когда вы устанавливаете Vertex, шаблон page.rfq.json сразу доступен в выпадающем списке шаблонов страниц. Вы просто создаёте страницу, назначаете шаблон, и форма отображается.

Как выглядит страница RFQ​

Страница представляет собой двухколоночный редакционный макет:

Левый столбец — форма RFQ​

ПолеТипОбязательноеНазначение
Ваше имяТекстДаИмя + фамилия
Название компанииТекстДаКомпания покупателя (определяет маршрутизацию ответа со стороны мерчанта)
EmailEmailДаИспользуется для автоответа + ответа мерчанта
ТелефонTelОпциональноПолезно для срочных коммерческих предложений
Должность / рольТекстОпционально«Procurement Manager», «Facilities Lead» и т. д.
Страна / регионSelectОпциональноОпределяет маршрутизацию отгрузки / налогов на стороне мерчанта
Список товаров (SKU + кол-во)Многострочное textareaДаОдна строка на SKU. Формат: SKU, количество — например, BX-450, 100, затем новая строка BX-451, 50
Целевая дата отгрузкиВыбор датыОпциональноПолезно для проектных коммерческих предложений / запланированных поставок
Заметки по проекту / дополнительные деталиTextareaОпциональноСвободный текст для контекста, специальных требований, необходимых сертификатов
Опция NET-30BooleanОпционально (переключаемое)Если ваша витрина предлагает NET-30, покупатели могут запросить это сразу
Согласие GDPR / на обработку данныхBooleanДа (в рынках ЕС)Отображается автоматически, когда включён Customer Privacy Shopify

Форма представляет собой HTML, рендеримый на сервере (без JavaScript-фреймворка форм). Браузеры без JS успешно отправляют. У кнопки отправки полная клавиатурная фокусировка + метки, дружественные AT.

RFQ page — left column form

Как отправки достигают мерчанта​

Форма использует нативный шаблон Shopify {% form 'contact' %}. Это означает:

1. Email отправки мерчанту​

Когда покупатель отправляет форму, Shopify отправляет email на contact email, заданный в Settings ▸ General ▸ Sender email. Email содержит все поля формы, аккуратно отформатированные.

Вы можете изменить получателя на выделенный адрес (например, [email protected]):

  • Обновив Settings ▸ General ▸ Sender email до [email protected], ИЛИ
  • Настроив правило пересылки email с [email protected] на [email protected], ИЛИ
  • (Продвинуто) Подключив триггер Shopify Flow, перехватывающий webhook контактной формы и маршрутизирующий в другое место

2. Автоответ покупателю​

Shopify автоматически отправляет автоответ на email покупателя, подтверждающий получение отправки. Вы можете настроить текст этого автоответа в Settings ▸ Notifications ▸ Contact form notification.

Типичный настроенный автоответ:

Hi {first_name},

Thanks for reaching out to Acme Industrial Supply. We've received your quote request and will respond within 1 business day.

For urgent requests, call 1-800-555-1212 (Mon–Fri 8am–6pm EST).

— The Acme Sales Team

3. Опционально: создание записи клиента​

Если вы хотите, чтобы каждая отправка RFQ также создавала запись клиента в Shopify (полезно для последовательностей последующих действий в Klaviyo / Mailchimp), настройте триггер Shopify Flow:

  1. Триггер: Contact form submitted
  2. Условие: Form contains "RFQ"
  3. Действие: Create or update customer с email + именем + тегами rfq-lead

Это превращает форму RFQ в поверхность захвата лидов, интегрирующуюся с вашей CRM / email-инструментом по вашему выбору.

Настройка страницы​

Три шага для запуска RFQ.

Шаг 1 — Проверьте / создайте страницу RFQ​

  1. Откройте Online Store ▸ Pages
  2. Найдите страницу с названием «Request a Quote» (демо-контент Vertex создаёт её при установке)
  3. Если отсутствует, нажмите Add page:
    • Title: «Request a Quote»
    • Handle: rfq (чтобы URL был /pages/rfq)
    • Content: Оставьте пустым (шаблон отображает весь контент)
    • Template: Выберите page.rfq из выпадающего списка шаблонов справа
    • Visibility: Visible
  4. Save

Посетите https://your-store.myshopify.com/pages/rfq, чтобы убедиться, что страница отображается.

Admin → Pages with RFQ template assigned

Шаг 2 — Настройте параметры секции​

  1. Откройте Online Store ▸ Themes ▸ Customize
  2. В верхнем выпадающем списке шаблонов выберите Pages ▸ Request a Quote
  3. Нажмите на секцию Main RFQ в левой боковой панели
  4. Отредактируйте настройки секции:
НастройкаПо умолчаниюНастройте на
Heading«Request a Quote»Ваш предпочтительный заголовок (например, «Get a quote in 48 hours»)
Intro text«Tell us what you need...»Ваше ценностное предложение
Contact card headline«Talk to our team»«Our sales team is standing by»
Sales email(плейсхолдер)Ваш реальный email отдела продаж
Sales phone(плейсхолдер)Ваш реальный телефон отдела продаж
Office hours(плейсхолдер)Ваши реальные часы работы
Hint code«RFQ-V1»Отключить или задать свой код
Show NET-30 opt-inOnOff, если вы не предлагаете NET-30
Form field labels(по умолчанию)Переопределите любую метку поля инлайн
Required fields(Name, Company, Email, Products)Добавьте Phone, если хотите сделать телефон обязательным
Submit button text«Send request»«Get my quote»
Color schemeBackground 1Любая из ваших цветовых схем
  1. Save

Кастомайзер показывает изменения в реальном времени. Форма полностью редактируется инлайн — включая добавление новых полей через управление блоками секции.

Шаг 3 — Ссылка на страницу RFQ из шапки​

Страница RFQ наиболее обнаруживаема, когда на неё есть ссылка из вторичного меню шапки.

  1. Откройте Online Store ▸ Navigation
  2. Откройте Secondary menu (или создайте его, если оно не существует — Vertex автоматически обнаруживает меню с именем secondary-menu)
  3. Add menu item:
    • Name: «Request a Quote» (или «Get a Quote»)
    • Link: Pages ▸ Request a Quote
  4. Save menu

Ссылка теперь будет отображаться в правом вторичном навигационном меню в верхней части шапки (десктоп) и во вторичной секции мобильного выдвижного меню.

Добавьте также на главную

Многие мерчанты также добавляют CTA RFQ на полосу промо функций B2B на главной странице и на CTA-баннер в области предфутера. Обе секции принимают свободный URL CTA — направьте их на /pages/rfq.

Рабочий процесс мерчанта​

После того, как покупатели начнут отправлять RFQ, вот как их обрабатывать.

Шаг 1 — Получите email​

Email отправки приходит на ваш входящий ящик Settings ▸ General ▸ Sender email. Настройте фильтр / метку / папку для subject:Request a Quote, чтобы держать их отсортированными.

Шаг 2 — Просмотрите + ответьте​

Ответьте по email с вашим коммерческим предложением. Включите:

  • Постатейные цены
  • Итоговая сумма коммерческого предложения
  • Период действия коммерческого предложения («Valid through Dec 15»)
  • Условия оплаты (NET-30 при одобрении, предоплата если нет)
  • Оценка стоимости доставки
  • Ссылка для конвертации в заказ (следующий шаг)

Шаг 3 — (Опционально) Конвертация в черновик заказа​

Самый эффективный путь для мерчанта — конвертировать RFQ в черновик заказа в админке Shopify:

  1. Откройте Orders ▸ Drafts ▸ Create order
  2. Добавьте каждый SKU из RFQ
  3. Переопределите цену на каждой строке на ваше предложенное значение
  4. (Опционально) Добавьте доставку
  5. Примените освобождение от налогов покупателя, если применимо
  6. Send invoice — Shopify отправит покупателю email со ссылкой на оплату
  7. Покупатель оплачивает счёт; черновик автоматически становится реальным заказом

Оплата покупателя проходит через обычный checkout Shopify — те же платёжные процессоры, та же защита от мошенничества, то же отслеживание в аккаунте клиента. Единственное отличие — цены были предложены вручную.

Черновики заказов для коммерческих предложений NET-30

Если ваше коммерческое предложение включает условия NET-30, вы можете отметить черновик заказа как оплаченный вручную (вместо отправки покупателя на checkout) и отгрузить + выставить счёт через ваше бухгалтерское ПО. Shopify будет отслеживать заказ как оплаченный; ваша бухгалтерия отслеживает дебиторскую задолженность.

Шаг 4 — Отслеживайте конверсию​

Если вы настроили код подсказки «RFQ-V1» в вашей контактной карточке, вы можете атрибутировать выручку обратно к источнику RFQ, тегируя получившийся черновик заказа source:rfq. Через 90 дней вы будете знать, какой % RFQ сконвертировался в заказы.

Когда использовать bulk-order vs RFQ​

Две страницы, которые выглядят похоже, но решают разные задачи.

СценарийИспользуйте эту страницуПочему
Покупатель хочет вставить 50 SKU из таблицы и добавить в корзину по каталожной ценеBulk-orderСамообслуживание, мгновенное удовлетворение, без участия мерчанта
Покупатель находится в каталоге B2B с уже применёнными прайс-листовыми ценамиBulk-orderКаталожные цены уже являются торговыми ценами — переговоры не нужны
Покупатель хочет индивидуальную цену для 500 единиц одного SKU (объёмная скидка сверх каталожных тиров)RFQТребуется ручное коммерческое предложение + черновик заказа + индивидуальная цена
Покупатель хочет проектное коммерческое предложение, охватывающее недели/месяцы (например, поставка стройматериалов для нового объекта)RFQМногострочное индивидуальное ценообразование + запланированные поставки + ручное одобрение
Покупатель ещё не B2B-клиент, но хочет подать заявку на торговое ценообразованиеRFQRFQ работает и как лид-форма «запросить торговый аккаунт»
Покупатель хочет условия NET-30, которых у него ещё нетRFQЗапросы на индивидуальные условия оплаты — ручные одобрения
Покупатель хочет обсудить условия фрахтаRFQПереговоры по фрахту — это обсуждение коммерческого предложения
Заказ покупателя — один вариант в стандартном каталожном количествеДобавление в корзину со страницы товараНи одна из страниц не нужна

На практике большинство B2B-витрин выводят на видное место ОБЕ страницы — bulk-order для самообслуживаемых быстрых повторных заказов, RFQ для всего, что требует человеческой оценки ценообразования.

Рецепты кастомизации​

Добавить поле «Drag-and-drop CSV»​

Если вы хотите, чтобы покупатели загружали CSV с SKU вместо их вставки:

  1. Отредактируйте sections/main-rfq.liquid
  2. Добавьте <input type="file" name="contact[attachment]" accept=".csv"> после textarea с товарами
  3. Shopify нативно поддерживает один вложенный файл на отправку контактной формы — он будет прикреплён к email мерчанта

Маршрутизация разных RFQ к разным торговым представителям​

Если у вас есть представители, специализирующиеся на товарных линиях:

  1. Добавьте поле <select name="contact[product_line]"> с опциями вроде «MRO», «Auto Parts», «Office Supplies»
  2. Настройте правило Shopify Flow:
    • Триггер: Contact form submitted
    • Условие: product_line equals "Auto Parts"
    • Действие: Send email to [email protected]

Встройте виджет Calendly​

Замените контактную карточку правого столбца на встроенный iframe Calendly:

  1. В кастомайзере измените тип секции контактной карточки на Custom Liquid
  2. Вставьте ваш embed-код Calendly (Calendly admin → Share → Embed)
  3. Сохраните

Покупатели теперь могут забронировать 15-минутный ознакомительный звонок прямо со страницы RFQ вместо отправки формы.

Автозаполнение полей для авторизованных B2B-покупателей​

Если покупатель уже авторизован, предзаполните имя + email + компанию:

  1. Отредактируйте sections/main-rfq.liquid
  2. Оберните input имени: {% if customer %}value="{{ customer.first_name }} {{ customer.last_name }}"{% endif %}
  3. То же для email и компании (используйте customer.email и customer.current_company.name)

Теперь авторизованные B2B-покупатели видят частично заполненную форму — нужно ввести только список товаров и заметки по проекту.

Устранение неполадок​

«Форма отправлена, но я не получаю email»​

  1. Проверьте папку спама — email контактной формы Shopify иногда поначалу попадают в спам. Внесите [email protected] в белый список.
  2. Убедитесь, что sender email корректен в Settings ▸ General ▸ Sender email.
  3. Тестируйте из режима инкогнито — ваш собственный email может фильтроваться как дубликат отправителя.
  4. Проверьте Shopify Status Page — status.shopify.com — на наличие инцидентов с доставкой email.

«Форма отправляется, но возвращает ошибку 422»​

Обычно это отсутствующее обязательное поле. Проверьте URL — Shopify добавляет параметры ?form_type=contact&...&errors[]=... с именем отсутствующего поля. Исправьте поле, отправьте повторно.

«Покупатели бросают форму на полпути»​

Единственный самый большой источник отказа от формы RFQ — это textarea со списком товаров — покупатели не знают, какой формат вставлять. Добавьте подсказку <small>Формат: SKU, количество — по одной строке на товар</small> под textarea. Показатель завершения RFQ обычно подскакивает на 30-40% после добавления этой подсказки.

«Я хочу отключить опцию NET-30»​

Отредактируйте параметры секции: Customizer ▸ Pages ▸ Request a Quote ▸ Main RFQ ▸ Show NET-30 opt-in → переключить в off.

«Шаблон RFQ отсутствует в выпадающем списке шаблонов моей страницы»​

У вас старая версия Vertex. Скачайте v1.0.0 или новее. Шаблон page.rfq.json поставляется в файлах темы.

Связанное чтение​

Резюме​

  • Vertex поставляется с полностью нативной страницей RFQ по адресу /pages/rfq — приложение управления коммерческими предложениями не требуется.
  • Страница использует шаблон Shopify {% form 'contact' %} — отправки отсылают email мерчанту + автоответ покупателю.
  • Двухколоночный редакционный макет: слева = форма (имя, компания, email, список товаров, целевая дата отгрузки, опция NET-30, заметки); справа = карточка контакта отдела продаж.
  • Настройте через Customizer ▸ Pages ▸ Request a Quote ▸ секция Main RFQ — все метки, поля, контактная информация и копирайтинг редактируются инлайн.
  • Рабочий процесс мерчанта: получить email → ответить коммерческим предложением → опционально конвертировать в черновик заказа → покупатель платит через checkout Shopify.
  • Используйте bulk-order, когда покупатели знают цены и хотят добавить в корзину; используйте RFQ, когда покупателям нужно индивидуальное ценообразование или проектное коммерческое предложение.
  • Сочетается с Shopify Flow для продвинутой маршрутизации (представители по товарным линиям, тегирование лидов, синхронизация с CRM).