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

Руководство по настройке B2B — Включите нативный Shopify B2B в Vertex

Это руководство проведёт вас через включение нативного B2B от Shopify, чтобы тема Vertex могла отображать таблицы объёмного ценообразования, контроль правил количества, условия оплаты NET, бейджи освобождения от налогов, переключатель компаний с несколькими локациями, каталоги B2B, контактную карточку торгового представителя и любые другие B2B-функции из коробки.

Никаких сопутствующих приложений. Никакой ежемесячной подписки. Никаких сторонних скриптов. Каждый B2B-объект, который отображает Vertex, берётся напрямую из нативных B2B-объектов Shopify — customer.b2b?, customer.current_company, variant.quantity_price_breaks, variant.quantity_rule, customer.company_available_locations — с использованием только Liquid drops, которые Shopify уже предоставляет.

B2B — это опциональная функция

Если вы пропустите всё это руководство, Vertex по-прежнему работает как отполированная B2C-тема для индустрии промышленных поставок. Каждый B2B-элемент автоматически скрывается, если нет авторизованной компании. Вы можете включить B2B позже, не переустанавливая тему.

Почему нативный B2B (а не приложение)​

Большинство «B2B-тем Shopify» опираются на стек платных приложений — приложения для оптовых цен, приложения для блокировки аккаунтов, приложения для NET-условий, приложения для управления квотами, приложения для групп клиентов. Каждое из них добавляет ежемесячную плату, дополнительный Liquid-блок, скрипт, блокирующий рендеринг, и поставщика, с которым приходится пересматривать договорённости каждый год.

Vertex использует противоположный подход. Shopify выпустил полный набор нативных B2B-функций в 2023 году (Компании, Каталоги, Объёмное ценообразование, Правила количества, Условия оплаты, Освобождение от налогов). Vertex был с первого дня построен для красивого отображения этих нативных объектов — без обёрток, без зависимостей от приложений, без переписывания, если Shopify выпустит новую B2B-функцию в следующем квартале.

За что вы платили бы приложениямЧто делает Vertex с нативным B2B
Приложение для оптовых цен ($29–99/мес)Списки цен Shopify Catalog — бесплатно, нативно
Приложение для объёмных скидок ($19–49/мес)variant.quantity_price_breaks — бесплатно, нативно
Приложение для NET-условий ($29–79/мес)Условия оплаты на уровне компании — бесплатно, нативно
Приложение для управления квотами ($19–59/мес)Шаблон /pages/rfq — встроен в Vertex
Приложение для блокировки оптовых цен ($14–39/мес)Настройка темы Цены только после входа — встроена в Vertex
Приложение для нескольких локаций ($29–99/мес)customer.company_available_locations — бесплатно, нативно
Расчётная годовая экономия$1,800–$4,800/год на магазин

Предварительные требования​

Перед началом убедитесь:

  • Тарифный план Shopify поддерживает нативный B2B. Это означает Shopify Plus ИЛИ Shopify Advanced с включённым дополнением B2B. Нативный B2B недоступен на тарифах Basic / Shopify / стартовых.
  • У вас есть доступ администратора к разделам Настройки, Клиенты, Товары и Темы в админке Shopify.
  • Vertex установлен и опубликован (или установлен как тема для предпросмотра). См. руководство по установке для первичной установки.
  • Включены новые аккаунты клиентов. B2B требует новых аккаунтов (без пароля), а не устаревших классических.
Не на Plus или Advanced?

Если у вас более низкий тарифный план, вы всё равно можете установить Vertex и запустить его как B2C-тему для индустрии промышленных поставок уже сегодня. При обновлении вашего тарифа каждая B2B-функция, описанная ниже, активируется без работы с темой. Просто вернитесь на эту страницу.

Shopify admin: Settings → Plan (Vertex Industrial Demo)

Что вы настроите​

ШагГде в админкеЗачем
1. Включите нативный B2BSettings ▸ Customer accounts ▸ B2B ▸ ManageРазблокирует Companies + Catalogs
2. Создайте свою первую компаниюCustomers ▸ Companies ▸ Add companyОсновной B2B-объект
3. Добавьте локации компанииСтраница компании ▸ LocationsУправляет переключателем адресов доставки
4. Добавьте аккаунты покупателейСтраница компании ▸ CustomersНазначает роль администратора локации или покупателя
5. Создайте каталог B2BProducts ▸ Catalogs ▸ Add catalogКонтейнер для B2B-цен + правил количества
6. Добавьте список цен с уровнями объёмовСтраница каталога ▸ Price listУправляет таблицей объёмного ценообразования на PDP
7. Назначьте каталог компанииСтраница каталога ▸ CustomersСвязывает цены с покупателями
8. Установите условия оплаты (NET-30 и т.д.)Страница компании ▸ Payment termsУправляет бейджем NET-условий
9. (Опционально) Отметьте компанию как освобождённую от налоговСтраница компании ▸ Tax settingsУправляет бейджем освобождения от налогов
10. (Опционально) Добавьте метаполя vertex.rep_*Страница компании ▸ MetafieldsУправляет контактной плашкой торгового представителя
11. Протестируйте как авторизованный покупательВитрина в режиме инкогнитоПроверьте, что все B2B-элементы отображаются

Шаг 1 — Включите нативный B2B​

  1. В админке Shopify нажмите Settings (внизу слева).
  2. На боковой панели слева нажмите Customer accounts.
  3. Убедитесь, что выбрано New customer accounts. B2B не будет работать с устаревшими классическими аккаунтами клиентов.
  4. Прокрутите до раздела B2B.
  5. Нажмите Manage.
  6. Нажмите Enable B2B.
  7. Подтвердите запрос.

Путь по кликам: Settings ▸ Customer accounts ▸ B2B ▸ Manage ▸ Enable B2B

Settings → Customer accounts with B2B section

После включения появляются два новых пункта админки:

  • Companies в Customers в основной навигации
  • Catalogs в Products в основной навигации
Активация дополнения B2B может занять несколько минут

В Shopify Advanced с дополнением B2B пункты навигации Companies и Catalogs могут появиться через 2–5 минут после включения. Если вы не видите их сразу, обновите страницу админки.

Шаг 2 — Создайте свою первую компанию​

Компания в Shopify B2B представляет одну организацию-покупателя — юридическое лицо, которое размещает заказы, имеет условия оплаты и содержит одну или несколько локаций.

  1. На боковой панели админки перейдите в Customers ▸ Companies.
  2. Нажмите Add company (вверху справа).
  3. Заполните Company details:
    • Company name — юридическое или торговое название организации-покупателя. Пример: Northgate Facilities LLC.
    • External ID (опционально) — ваш внутренний номер аккаунта, если вы его ведёте.
    • Note (опционально) — всё, что вы хотите задокументировать внутренне (заметки о передаче менеджеру по аккаунту, ссылка на контракт и т.д.).
  4. Заполните Main contact — это имя и email основного покупателя. Они будут входить с этим email.
  5. Нажмите Save.

Путь по кликам: Customers ▸ Companies ▸ Add company ▸ Save

Shopify автоматически создаёт компанию и её первую локацию.

Shopify admin Companies list

Шаг 3 — Добавьте локации компании​

Каждая локация — это один адрес доставки, принадлежащий компании. Если организация вашего покупателя имеет несколько региональных офисов, складов или магазинов, добавьте каждый как отдельную локацию. Покупатель может переключаться между ними в витрине с помощью переключателя локаций доставки Vertex в кобальтово-синей полосе приветствия B2B.

  1. На странице компании (той, которую вы только что создали) прокрутите до раздела Locations.
  2. Нажмите Add location.
  3. Заполните:
    • Location name — например, Cleveland Distribution Center.
    • Shipping address — полный почтовый адрес.
    • Billing address — по умолчанию совпадает с адресом доставки; переключите, чтобы ввести отдельный адрес для счетов.
  4. Сохраните.
  5. Повторите для каждой дополнительной локации.

Путь по кликам: Страница компании ▸ Locations ▸ Add location ▸ Save

Одной локации достаточно для начала

Компания с одной локацией — это нормально. Переключатель адресов доставки отображается в Vertex только когда у покупателя 2 или более локаций. С 1 локацией адрес доставки по умолчанию покупателя молча используется везде.

Когда покупатель переключается между локациями с помощью переключателя Vertex (в кобальтово-синей полосе приветствия в шапке десктопа или в разделе аккаунта мобильного дровера), Shopify повторно использует его корзину, но обновляет адрес доставки, налоговый контекст и область списка цен.

Шаг 4 — Добавьте аккаунты покупателей (назначьте роли)​

Каждый клиент, который должен входить как B2B-покупатель для этой компании, должен быть привязан к одной из её локаций.

  1. На странице компании прокрутите до Customers (или нажмите Customers в навигации вкладок компании).
  2. Нажмите Add customer.
  3. Найдите существующего клиента по email ИЛИ нажмите Create new customer, чтобы добавить его прямо здесь.
  4. Выберите локацию, к которой он принадлежит (одну из локаций, созданных на шаге 3).
  5. Выберите роль:
    • Location admin — может управлять адресной книгой локации, видеть других покупателей в той же локации и размещать заказы. Лучший вариант для руководителя закупок покупателя.
    • Ordering only — может только размещать заказы. Лучший вариант для отдельных покупателей, которые не должны изменять профиль компании.
  6. Нажмите Save.

Путь по кликам: Страница компании ▸ Customers ▸ Add customer ▸ выберите локацию ▸ выберите роль ▸ Save

Этот покупатель теперь может входить со своим обычным входом клиента (email + magic-ссылка или пароль), и Vertex распознает его как B2B-покупателя через Liquid drop customer.b2b?. Появляется кобальтово-синяя полоса приветствия с названием компании, применяется назначенный каталог, отображается панель управления аккаунтом, учитывающая B2B, и плашка торгового представителя (если установлены метаполя) появляется в шапке.

Шаг 5 — Создайте каталог B2B​

Каталог — это нативный контейнер Shopify для всего, что относится к B2B-специфике ценообразования: какие товары доступны компании, какие цены они платят, какие уровни объёмов применяются и какие правила количества (MOQ, max, increment) применяются к каждому варианту.

  1. На боковой панели админки перейдите в Products ▸ Catalogs.
  2. Нажмите Add catalog (вверху справа).
  3. Выберите B2B catalog (не Markets catalog).
  4. Заполните:
    • Catalog name — внутренняя метка. Пример: Contract Tier B — Distributors.
    • Products — выберите, какие товары этот каталог выставляет. Вы можете включить весь магазин, умную коллекцию или вручную выбранный список.
  5. Нажмите Save.

Путь по кликам: Products ▸ Catalogs ▸ Add catalog ▸ B2B catalog ▸ Save

Shopify admin Catalogs list

Шаг 6 — Добавьте список цен с уровнями объёмов​

Теперь прикрепите список цен к каталогу. Именно это определяет фактические B2B-цены, которые платят покупатели, включая уровни объёмов, управляющие таблицей объёмного ценообразования на PDP.

  1. На странице каталога нажмите Add price list (или Price list ▸ Manage).
  2. Выберите стратегию:
    • Percentage discount off all products — например, 15% от розничной цены по всему каталогу.
    • Fixed prices per product/variant — явные B2B-цены, игнорируя розничную цену.
    • Mixed — процент по умолчанию с переопределениями для конкретных товаров.
  3. Для уровней объёмного ценообразования отредактируйте каждый товар/вариант и добавьте строки разрывов количества. Пример для товара в упаковке 12 шт.:
КоличествоЦена за единицу
1+$14.50
12+$13.80 (5% скидка)
48+$13.05 (10% скидка)
144+$12.32 (15% скидка)

Эти уровни предоставляются Vertex через variant.quantity_price_breaks и отображаются как таблица Volume pricing прямо над кнопкой Add to cart на PDP, а также как индикатор уровня в каждой строке корзины и на странице массовых заказов.

  1. Для правил количества установите для каждого товара/варианта:

    • Minimum — MOQ (например, 12).
    • Maximum — лимит на заказ (например, 1,440).
    • Increment — шаг упаковки (например, 12).

    Vertex применяет их на стороне клиента в счётчике количества PDP, в каждой строке корзины и на странице массовых заказов (/pages/bulk-order). Недопустимые количества отключают Add to cart и показывают встроенные сообщения вроде «Заказывайте кратно 12. Попробуйте 24 или 36.»

  2. Сохраните.

Объёмное ценообразование задаётся для каталога

Распространённая ошибка: объёмное ценообразование должно быть установлено внутри списка цен каталога. Установка объёмного ценообразования на самом товаре в Products ▸ Pricing НЕ перенесётся в B2B. Всегда редактируйте уровни объёмов со страницы каталога.

Шаг 7 — Назначьте каталог компании​

Каталог теперь существует, но ещё не привязан к вашим покупателям. Назначьте его.

  1. На странице каталога прокрутите до Customers.
  2. Нажмите Add customers.
  3. Найдите компанию, которую создали на шаге 2.
  4. Нажмите Add.
  5. Сохраните.

Путь по кликам: Страница каталога ▸ Customers ▸ Add customers ▸ выберите компанию ▸ Add

Теперь любой покупатель, авторизованный как эта компания, видит:

  • Только товары, включённые в каталог (остальные скрыты из списков и возвращают 404 при прямом посещении).
  • Цены каталога (а не розничные цены).
  • Применяемые везде уровни объёмов и правила количества.

Шаг 8 — Установите условия оплаты (NET-30 / NET-60 / NET-90)​

Если у компании есть условия отсрочки платежа — NET-30, NET-60, NET-90, фиксированная дата и т.д. — установите их на уровне компании. Vertex автоматически обнаруживает это и отображает бейдж NET terms в кобальтово-синей полосе приветствия и в корзине.

  1. Вернитесь на страницу компании (Customers ▸ Companies ▸ [компания]).
  2. Прокрутите до Payment terms.
  3. Нажмите Set up payment terms.
  4. Выберите шаблон:
    • Receipt — оплата при размещении заказа (по умолчанию для розницы).
    • Net 7 / 15 / 30 / 45 / 60 / 90 — оплата через N дней после счёта.
    • Fixed date — оплата в конкретный календарный день.
  5. Сохраните.

Путь по кликам: Страница компании ▸ Payment terms ▸ Set up payment terms ▸ выберите шаблон ▸ Save

Shopify теперь позволит этой компании оформить заказ без немедленного списания с карты. Покупатель (и ваша команда дебиторской задолженности) ясно видит NET-условия на каждом шаге.

Хотите своё оформление бейджа?

Если вы хотите, чтобы бейдж говорил «NET 30 — Pay by invoice» вместо просто «NET 30», переопределите формулировку через метаполе компании vertex.payment_terms. См. Руководство по настройке метаполей.

Шаг 9 — (Опционально) Отметьте компанию как освобождённую от налогов​

Если компания освобождена от налогов — реселлеры с сертификатом перепродажи, государственные покупатели, квалифицирующиеся некоммерческие организации — отключите начисление налогов на уровне компании. Vertex отображает бейдж Tax exempt на PDP, в корзине и на панели управления аккаунтом.

  1. На странице компании прокрутите до Tax settings.
  2. Переключите Charge taxes в положение off.
  3. (Рекомендуется) Загрузите сертификат об освобождении от налогов покупателя как вложение к Note.
  4. Сохраните.

Путь по кликам: Страница компании ▸ Tax settings ▸ Charge taxes: off ▸ Save

Shopify пропускает расчёт налогов на каждом заказе, размещённом этой компанией. Vertex также отображает бейдж, чтобы покупатель мог увидеть с первого взгляда, что он правильно освобождён.

Шаг 10 — (Опционально) Добавьте метаполя торгового представителя​

Если вы назначаете именованного торгового представителя / менеджера по аккаунту каждой компании, Vertex может отобразить закреплённую плашку REP в шапке десктопа (≥1170px) и в виде карточки во всю ширину в нижней части мобильного дровера (<1170px) с прямыми mailto: и tel: ссылками на этого представителя.

Данные хранятся в трёх метаполях уровня компании в пространстве имён vertex:

  • vertex.rep_name — текст — например, «Sarah Chen»
  • vertex.rep_email — текст (валидация: email) — например, «[email protected]»
  • vertex.rep_phone — текст — например, «+1-555-0142»

Полная настройка описана в Руководстве по настройке метаполей. После того как определения метаполей существуют как Custom Data на Companies, вы заполняете их для каждой компании в Customers ▸ Companies ▸ [имя] ▸ Metafields.

Карточка торгового представителя автоматически скрывается

Если вы не устанавливаете метаполя rep, плашка REP просто не отображается — никаких ошибок, никакой нарушенной вёрстки, никаких заполнителей. Карточки просто нет.

Шаг 11 — Протестируйте опыт покупателя​

Откройте свою витрину в режиме инкогнито (чтобы не быть авторизованным как продавец) и войдите как покупатель, которого вы добавили на шаге 4. Пройдите по этому чек-листу проверки:

  • Кобальтово-синяя полоса приветствия B2B появляется над шапкой, показывая название компании, бейдж NET-условий (например, NET 30) и — если применимо — бейдж Tax exempt.
  • Переключатель адресов доставки отображается в полосе приветствия (десктоп) и мобильном дровере, если у компании 2+ локации.
  • Плашка торгового представителя появляется в правом кластере шапки десктопа (если установлены метаполя vertex.rep_*).
  • PDP показывает таблицу объёмного ценообразования над Add to cart с уровнями, настроенными на шаге 6.
  • Счётчик количества PDP применяет MOQ + increment — попробуйте ввести количество ниже MOQ и убедитесь, что Add to cart отключается со встроенным сообщением.
  • Корзина показывает бейдж NET-30 в сводке заказа.
  • Страница массовых заказов (/pages/bulk-order) — paste-to-cart соблюдает правила количества и область каталога.
  • Панель управления аккаунтом (/account) показывает информацию о компании, условия оплаты, быстрый повторный заказ и карточку представителя.
  • Область каталога — попробуйте посетить товар, которого НЕТ в каталоге, по URL. Он должен возвращать 404 или скрываться.

Распространённые проблемы и решения​

Если что-то не отображается, пройдите по этому списку.

«Кобальтово-синяя полоса приветствия не показывается»​

  • Режим витрины установлен в B2C-only. Проверьте Customize ▸ Theme settings ▸ B2B ▸ Storefront mode. Переключите на Hybrid (рекомендуется) или B2B-only. См. Руководство по режимам витрины.
  • Покупатель на самом деле не B2B. Откройте запись клиента в админке и убедитесь, что он привязан к компании. Если нет — повторите шаг 4.
  • Покупатель авторизован, но страница была закэширована. Hard-refresh (Cmd/Ctrl + Shift + R).

«Таблица объёмного ценообразования не отображается на PDP»​

  • Каталог не назначен компании. Повторите шаг 7.
  • Уровни объёмов установлены на товаре, а не в каталоге. Объёмное ценообразование задаётся для каталога, а не для товара. Редактируйте уровни со страницы каталога.
  • Товар не в каталоге. Убедитесь, что товар включён в список товаров каталога.
  • Цены скрыты для гостей. Таблица объёмов подчиняется той же блокировке, что и цены — если включено Customize ▸ Theme settings ▸ B2B ▸ Hide prices until customer logs in, таблица подавляется, пока покупатель не войдёт. (Отдельного переключателя «показать таблицу объёмного ценообразования» нет — таблица появляется автоматически, как только у варианта есть уровни объёмов.)

«MOQ не применяется»​

  • Правило количества не установлено. Каталог ▸ выберите вариант ▸ установите Minimum / Maximum / Increment. Сохраните.
  • Кэш браузера. Hard-refresh после редактирования правила.

«Бейдж NET-30 не показывается»​

  • Условия оплаты не установлены для компании. Повторите шаг 8.
  • Покупатель не авторизован. Бейдж показывается только для авторизованных B2B-покупателей — так задумано.

«Плашка представителя не отображается в шапке»​

  • Метаполя ещё не существуют как определения. См. Руководство по настройке метаполей.
  • Метаполя существуют, но не заполнены для этой конкретной компании. Откройте страницу компании ▸ Metafields и заполните vertex.rep_name + хотя бы один из vertex.rep_email / vertex.rep_phone.
  • Ширина окна меньше 1170px. Плашка сворачивается в раздел аккаунта мобильного дровера на меньших экранах — откройте дровер и прокрутите вниз.

«Бейдж освобождения от налогов не показывается»​

  • У компании Charge taxes всё ещё включено. Повторите шаг 9.

«Покупатель видит розничные цены вместо каталожных»​

  • Каталог не назначен компании. Повторите шаг 7.
  • Список цен каталога пуст. Каталог ▸ Price list ▸ Manage. Добавьте цены.

Как Vertex отображает каждую B2B-функцию​

После настройки вот где каждая B2B-функция появляется в Vertex:

ФункцияГде отображаетсяКак управляется
Кобальтово-синяя полоса приветствия B2BНад основной шапкой (десктоп + мобильный дровер)Авто (показывается для авторизованных B2B-покупателей; скрыта в режиме B2C-only)
Название компании + бейджиВнутри полосы приветствияАвто
Переключатель локаций доставкиПолоса приветствия (десктоп) + дровер (мобильный)Авто (показывается, когда у компании 2+ локации)
Плашка REPПравый кластер шапки десктопа + футер мобильного дровераАвто (когда заполнены метаполя компании vertex.rep_*)
Таблица объёмного ценообразованияPDP, над Add to cartАвто (когда у варианта есть уровни объёмов; блокируется настройкой Hide prices until customer logs in)
Применение правил количестваСчётчик PDP + строка корзины + страница массовых заказовАвто
Бейдж NET-условийПолоса приветствия + сводка корзины + панель управления аккаунтомМетаполе компании vertex.payment_terms
Бейдж освобождения от налоговПолоса приветствия + сводка корзины + панель управления аккаунтомАвто (нативный налоговый статус компании)
Страница массовых заказов/pages/bulk-order (используйте шаблон page.bulk-order.json)Авто
Страница RFQ/pages/rfq (используйте шаблон page.rfq.json)Авто
Панель управления аккаунтом, учитывающая B2B/accountАвто
Область каталога (видны только товары каталога)Коллекции, поиск, PDPНативный Shopify

Для документации по каждой настройке см. Справочник настроек темы.

Что дальше​