Секции только для B2B
Это секции, созданные специально для B2B-сценариев — панель приветствия, автоматически появляющаяся для вошедших корпоративных покупателей, промополоса на главной, которая продвигает B2B-функции гостям, страница массовой вставки в корзину, таблица параллельного сравнения, страница RFQ и встроенный блок быстрого заказа.
Каждая из них работает с нативным B2B Shopify (без приложений, без подписок). Когда B2B не включён в вашем магазине, маркетинг-ориентированные (B2B-промо фич, массовый заказ, сравнение, RFQ) по-прежнему работают как отполированные секции — покупатели просто не увидят корпоративно-специфичные части, например, уровни объёмного ценообразования в коммерческом предложении.
Vertex читает quantity_price_breaks со стороны сервера из нативного каталога B2B Shopify. Покупатели видят корректное многоуровневое ценообразование на PDP, в корзине и на странице массового заказа автоматически — без пересчёта на JS, без задержки синхронизации приложения. Настройки каталогов B2B в админке Shopify — это всё, что вам нужно.
b2b-greeting-bar
Файл секции: sections/b2b-greeting-bar.liquid
Янтарная полоса, появляющаяся над основным хедером для вошедших корпоративных покупателей. Уже рассмотрено в Хедер, футер и оформление — эта секция перечислена здесь повторно, потому что является самым заметным B2B-элементом.
Без настроек мерчанта. Автоотрисовывается на основе:
customer.b2b? AND customer.current_company AND settings.storefront_mode != 'b2c'
Что показывает: название компании, бейдж условий NET, бейдж освобождения от налога, плашка языка, плашка валюты, переключатель адреса доставки (статичный при 1 локации, выпадающий список при 2+).
Видимость: только десктоп (≥ 1170px) — на мобильных те же данные переезжают в раздел аккаунта в выдвижном меню (бургер-меню).
b2b-feature-promo
Файл секции: sections/b2b-feature-promo.liquid
Полоса на главной странице, которая продвигает B2B-функции гостям — объёмное ценообразование, массовый заказ, RFQ, NET-30 — чтобы посетители, не знавшие, что вы их предлагаете, могли найти путь к регистрации дилера или RFQ.
Настройки блока: иконка (изображение / SVG), заголовок, текст, опциональная ссылка.
Автоматически скрывается для вошедших B2B-покупателей. Промо — для гостей; вошедшие дилеры уже имеют доступ к рекламируемым функциям, поэтому показывать его было бы избыточно. Условная проверка такая:
{% unless customer.b2b? %}
{% render 'b2b-feature-promo' %}
{% endunless %}
Распространённые паттерны блоков
| Иконка | Заголовок | Текст |
|---|---|---|
| Стопка | Объёмное ценообразование | Многоуровневые скидки за единицу при любом размере заказа — автоматически применяются при оформлении. |
| Таблица | Массовый заказ | Вставляйте строки SKU, количество из таблицы. Мы валидируем и добавляем в корзину одним кликом. |
| Документ | Условия NET-30 | Квалифицированные аккаунты получают 30-дневные условия оплаты без процентов. Подайте заявку в форме регистрации дилера. |
| Цитата | Запросить КП | Индивидуальные цены на массовые запросы, проектные КП и контрактное ценообразование. |
Размещение над first screen (сразу под hero) ловит гостей, которые скользят взглядом — но опускает всё остальное ниже. Размещение под first screen работает, когда вы хотите, чтобы вошедшие дилеры пропускали его без штрафа на прокрутке.
main-bulk-order
Файл секции: sections/main-bulk-order.liquid
Шаблон: templates/page.bulk-order.json → назначьте на /pages/bulk-order
Страница массового заказа со вставкой в корзину. Покупатели вставляют строки SKU,количество из таблицы; страница валидирует каждую строку по каталогу и добавляет всю корзину одним кликом. Невалидные SKU помечаются прямо в строке.
Настройки
| Настройка | Тип | Заметки |
|---|---|---|
| Heading | Text | «Массовый заказ» / «Блок быстрого заказа». |
| Intro text | Richtext | Короткий блок инструкций (или используйте блок Instructions). |
| Columns | Select | sku_qty · sku_qty_notes · sku_qty_notes_ship. Определяет, сколько столбцов показывает блок. |
| Submit label | Text | По умолчанию «Добавить всё в корзину». |
| Color scheme | Select | Стандартный выпадающий список цветовых схем. |
Блок Instructions
Добавьте блок Instructions, чтобы вывести подбадривающий текст рядом с блоком: «Вставьте ваш список SKU — по одному в строке, количества через запятую. Мы проверим по вашему каталогу перед добавлением в корзину.»
Как происходит валидация
- Каждый SKU проверяется по каталогу покупателя (B2B-покупатели получают область видимости корпоративного каталога; гости — всю витрину)
- Невалидные SKU выделяются красным с подсказкой об ошибке
- Валидные SKU добавляются за одно обновление корзины (один сетевой round-trip, без гонок)
- Правила количества (MOQ, max, case-pack) применяются во время вали дации
Совместимость с B2B
Для вошедших B2B-покупателей страница массового заказа автоматически читает из каталога B2B их компании. SKU, отсутствующие в каталоге, не пройдут валидацию, даже если они есть в витрине. Это сделано намеренно — покупатели должны иметь возможность заказывать только то, что в их контракте.
→ Подключите её на странице (обычно /pages/bulk-order), выбрав шаблон page.bulk-order.json в редакторе страницы. См. руководство по настройке B2B для назначения каталога, который управляет валидацией.
main-compare
Файл секции: sections/main-compare.liquid
Шаблон: templates/page.compare.json → назначьте на /pages/compare
Таблица параллельного сравнения товаров. До 4 товаров. Только в рамках сессии — очищается, когда покупатель закрывает браузер. Это не вишлист (политика Shopify Theme Store запрещает персистентные вишлисты без приложения).
Как это работает
- Покупатель нажимает + Сравнить на карточке товара или PDP
- Товар добавляется в ключ
sessionStoragevertex_compare - Полоса сравнения (липкий нижний трей, см. ниже) показывает до 4 миниатюр товаров
- Покупатель нажимает Сравнить в трее → редирект на
/pages/compare - Страница сравнения отрисовывает таблицу спецификаций по строкам, где каждый товар — отдельный столбец
Настройки
| Настройка | Тип | Заметки |
|---|---|---|
| Heading | Text | «Сравнить товары». |
| Intro text | Richtext | Опционально. |
| Empty state heading | Text | Показывается, когда в сравнении нет товаров. «Добавьте товары для сравнения». |
| Empty state body | Richtext | «Просмотрите каталог и нажмите ⊕ Сравнить на любой карточке товара. До 4 товаров.». |
Что показывает сравнение
В каждом столбце товара: изображение, название, цена, ключевые характеристики (из метаобъекта tech_spec_row), MOQ, ships-from, кнопка ATC. Строки, отличающиеся между товарами, визуально выделяются для удобного сканирования.
Сниппет compare-bar
Файл сниппета: snippets/compare-bar.liquid
Липкий нижний трей, появляющийся всякий раз, когда в списке сравнения есть хотя бы один товар. Отрисовывает 4 слота товаров (заполненных или пустых), кнопку Сравнить (неактивна, пока не добавлено 2+ товаров) и ссылку Очистить всё.
Сниппет включён в theme.liquid, поэтому появляется на каждой странице. Он отрисовывается только когда в sessionStorage.vertex_compare есть хотя бы одна запись.
main-rfq
Файл секции: sections/main-rfq.liquid
Шаблон: templates/page.rfq.json → назначьте на /pages/rfq
Страница запроса коммерческого предложения. 2-колоночная вёрстка: контактная форма слева, контактная карточка / часы работы / адрес справа. Использует нативный паттерн контактной формы Shopify — не нужно приложение для управления КП.
Настройки
| Настройка | Тип | Заметки |
|---|---|---|
| Heading | Text | «Запросить КП». |
| Intro text | Richtext | Краткое подтверждение + ожидаемое время ответа. |
| Contact name | Text | Заголовок правой колонки — «Поговорите со специалистом». |
| Contact email | Text | mailto-ссылка. |
| Contact phone | Text | tel-ссылка. |
| Hours | Text | Например, «Пн–Пт · 8:00 – 18:00 ET». |
| Address | Richtext | Многострочный блок адреса. |
| NET-30 hint code | Text | Код, который покупатели указывают при подаче заявки на NET-30 («Укажите RFQ-NET30 в вашем сообщении»). |
Поля формы
Форма отправляется на нативный endpoint контактной формы Shopify:
- Имя (обязательно)
- Компания (обязательно)
- Email (обязательно)
- Телефон (опционально)
- Отрасль (select, опционально)
- Предполагаемый объём заказа (select, опционально)
- Согласие на NET-30 (чекбокс) — добавляется к телу сообщения при отмеченном
- Сообщение (обязательно)
- Прикрепление файла (опционально, нативно от Shopify)
Отправка попадает в уведомление по email в вашей админке Shopify как стандартная запись контактной формы. Без сторонних интеграций.
Встроенный паттерн контактной формы держит Vertex полностью соответствующим политике Theme Store и без затрат. Если вам нужно отслеживание КП, рабочие процессы заявок на условия NET или интеграция с CRM отдела продаж — объедините с нативным B2B Shopify (покупатели, привязанные к компании) или приложением на ваш выбор; страница RFQ Vertex работает в обоих случаях.
quick-order
Файл секции: sections/quick-order.liquid
Встроенный блок вставки в корзину — тот же движок, что и у main-bulk-order, но как готова я для главной страницы секция, которую вы можете встроить в маркетинговый поток.
Настройки
| Настройка | Тип | Заметки |
|---|---|---|
| Heading | Text | «Быстрый заказ». |
| Intro text | Richtext | Однострочное подтверждение — «Уже знаете, что вам нужно? Вставьте SKU ниже.». |
| Rows | Number | По умолчанию 5. Сколько строк ввода отрисовывается изначально. Кнопка «+ Добавить строку» добавляет ещё. |
| Submit label | Text | «Добавить в корзину». |
| Show 'Go to bulk order' link | Checkbox | По умолчанию включено. Ссылка на /pages/bulk-order для покупателей, которым нужно больше строк или валидация SKU. |
Когда использовать это, а когда main-bulk-order
| Сценарий | Используйте это |
|---|---|
| Главная страница, между hero и featured collection | quick-order |
Выделенная страница /pages/bulk-order для power-пользователей | main-bulk-order |
| Полоса 50/50 в паре с логотипами брендов | dual-brands-quickorder (см. Маркетинг главной страницы) |
Тот же движок валидации, та же осведомлённость о каталоге B2B, то же добавление в корзину одним кликом. Разница — в вёрстке (5 строк по умолчанию встроенно vs. полностраничный блок) и обнаруживаемости.
Шпаргалка по видимости B2B-секций
| Секция | Гость | Вошедший B2C | Вошедший B2B |
|---|---|---|---|
b2b-greeting-bar | Скрыта | Скрыта | Видна (только десктоп, в выдвижном меню на мобильном) |
b2b-feature-promo | Видна | Видна | Скрыта |
main-bulk-order | Видна (каталог витрины) | Видна (каталог витрины) | Видна (каталог компании) |
main-compare | Видна | Видна | Видна |
main-rfq | Видна | Видна | Видна (форма предзаполняет имя/email/компанию) |
quick-order | Видна (каталог витрины) | Видна (каталог витрины) | Видна (каталог компании) |
Что дальше
- Секции страницы товара → — Объёмное ценообразование, MOQ, карточка торгового представителя на PDP
- Хедер, футер и оформление → — Детали жизненного цикла панели приветствия
- Маркетинг главной страницы → — Куда разместить B2B-промо + быстрый заказ на главной
- Руководство по настройке B2B → — Включите нативный B2B Shopify + каталоги + компании
- Руководство по режимам витрины → — Hybrid vs B2B-only vs B2C-only