Pular para o conteúdo principal

Modos da Loja — Híbrido, Somente-B2B & Somente-B2C

O toggle Modo da Loja é a configuração de tema relacionada a B2B mais importante do Vertex. Ela controla qual chrome B2B — a barra âmbar de saudação, a pílula REP, o selo de prazos NET, o link RFQ, o link de pedido em massa, a faixa de promoção B2B e cada outro elemento com sabor B2B — realmente aparece em sua loja.

A configuração fica em Customizar ▸ Configurações do tema ▸ B2B ▸ Modo da loja e tem três opções:

  • Híbrido (recomendado) — Auto-detecta quem está logado. Ambos os públicos recebem a UI correta.
  • Somente-B2B — Oculta os padrões B2C-amigáveis. A loja assume que cada visitante é uma conta comercial.
  • Somente-B2C — Suprime cada elemento B2B da UI. Mesmo compradores B2B logados veem a versão B2C do chrome da loja.
O padrão é Híbrido

Pronto para uso, o Vertex vem com o Modo da Loja definido como Híbrido. Para a maioria dos lojistas, esta é a configuração correta e você nunca precisa alterá-la.

Os três modos de relance​

ModoMelhor paraO que os compradores veem
HíbridoA maioria dos lojistas. Vendendo tanto para contas comerciais QUANTO para clientes walk-in de varejo / pequenas empresas.Chrome B2B aparece automaticamente para compradores B2B logados. Chrome B2C para convidados + clientes de varejo.
Somente-B2BLojistas exclusivamente atacadistas que NUNCA vendem varejo. Catálogos somente comerciais. Redes de revendedores.Chrome B2B é o padrão em todos os lugares. Caminhos de cadastro padrão para "Criar conta comercial". Links RFQ + pedido em massa sempre visíveis.
Somente-B2CLojas irmãs executando o mesmo tema como uma marca de varejo. Soft-launch B2B sem expor ainda.Cada elemento B2B é suprimido — mesmo para compradores B2B logados. Parece um tema B2C polido de suprimentos industriais.

Matriz de decisão lado a lado​

Use esta matriz para prever exatamente quais elementos de UI aparecem em cada modo. G = convidado. B2C = cliente de varejo logado. B2B = comprador B2B logado.

Elemento de UIHíbrido (G / B2C / B2B)Somente-B2B (G / B2C / B2B)Somente-B2C (G / B2C / B2B)
Barra âmbar de saudação B2B (acima do cabeçalho)— / — / ✓— / — / ✓— / — / —
Nome da empresa + selos na barra de saudação— / — / ✓— / — / ✓— / — / —
Selo NET-30 / NET-60 / NET-90— / — / ✓— / — / ✓— / — / —
Selo de isenção de impostos— / — / ✓— / — / ✓— / — / —
Pílula REP (cabeçalho desktop)— / — / ✓— / — / ✓— / — / —
Seletor de local de entrega— / — / ✓— / — / ✓— / — / —
Seletor de empresa (compradores multi-empresa)— / — / ✓— / — / ✓— / — / —
Tabela de preços por volume (PDP)— / — / ✓— / — / ✓— / — / —
Aplicação de regras de quantidade (MOQ/máx/incremento)— / — / ✓— / — / ✓— / — / —
Link RFQ na navegação principal✓ / ✓ / ✓✓ / ✓ / ✓— / — / —
Link de pedido em massa na navegação principal✓ / ✓ / ✓✓ / ✓ / ✓— / — / —
Faixa de promoção de recursos B2B (página inicial)✓ / — / —✓ / ✓ / ✓— / — / —
CTA "Criar conta comercial" (em vez de "Cadastrar")— / — / —✓ / ✓ / ✓— / — / —
CTA "Cadastrar" (padrão B2C)✓ / — / —— / — / —✓ / — / —
Painel da conta com reconhecimento B2B— / — / ✓— / — / ✓— / — / —
Selo de prazos NET no carrinho— / — / ✓— / — / ✓— / — / —
Preços com login obrigatório (quando habilitado)convidado ocultoconvidado ocultoconvidado oculto

Legenda:

  • ✓ — elemento está visível
  • — — elemento está oculto / não renderizado
Escopo do catálogo é sempre nativo

O escopo do catálogo (compradores B2B só veem produtos em seu catálogo atribuído) é imposto pelo próprio Shopify, independentemente do Modo da Loja. Mesmo no modo Somente-B2C, um comprador B2B logado ainda só verá os produtos do seu catálogo — mas sem o chrome B2B ao redor deles.

Modo 1 — Híbrido (recomendado para a maioria dos lojistas)​

Híbrido é o padrão e a resposta certa para ~80% dos lojistas. Ele auto-detecta o estado de cada visitante (convidado, cliente B2C ou comprador B2B) e renderiza a UI apropriada.

Quem deve usar Híbrido​

  • Você vende tanto para contas comerciais (com prazos, catálogos, preços por volume) QUANTO para clientes walk-in de varejo / pequenas empresas.
  • Você quer uma URL, um tema, um catálogo de produtos — mas com vantagens B2B sobrepostas para compradores verificados.
  • Você é um lojista de suprimentos industriais ou MRO cujos compradores de varejo são pequenos contratantes, hobistas ou usuários finais.

O que o Híbrido faz​

Tipo de visitanteO que o Híbrido renderiza
ConvidadoChrome de loja B2C polido. Faixa de promoção de recursos B2B na página inicial como marketing. Links RFQ + pedido em massa na navegação (mesmo convidados podem enviar um RFQ para iniciar uma conta comercial).
Cliente B2C (logado)Mesmo chrome B2C. Sem faixa de promoção B2B (já é cliente). Sem barra de saudação B2B (não está em uma empresa).
Comprador B2B (logado)Chrome B2B completo — barra âmbar de saudação, nome da empresa, selos de prazos NET + isenção de impostos, seletor de local de entrega, pílula REP, tabela de preços por volume, aplicação de regras de quantidade, painel da conta com reconhecimento B2B.

Por que é recomendado​

  • Zero risco de ocultar acidentalmente um recurso do público errado.
  • O escopo do catálogo ainda mantém produtos somente-B2B ocultos de convidados se você quiser dessa forma.
  • Cada público recebe um chrome que sinaliza "esta loja me entende".

Modo 2 — Somente-B2B​

No modo Somente-B2B, a loja assume que todos são (ou serão) uma conta comercial. CTAs de cadastro padrão para "Criar conta comercial". A faixa de promoção de recursos B2B aparece para todos — mesmo clientes de varejo logados — porque clientes de varejo realmente não deveriam existir neste modo. Links RFQ e pedido em massa permanecem sempre visíveis.

Quem deve usar Somente-B2B​

  • Lojistas exclusivamente atacadistas. Você vende exclusivamente para contas comerciais verificadas. Não há SKU de varejo, sem fluxo de checkout voltado para o consumidor.
  • Redes de revendedores / distribuidores. Seus compradores são todos parceiros de canal aprovados com prazos.
  • Catálogos somente comerciais. Produtos como produtos químicos industriais, maquinário pesado, suprimentos médicos regulamentados ou certificações somente industriais.
  • Você ainda pode permitir navegação anônima — mas qualquer um que queira preços ou fazer checkout deve fazer login (combine Somente-B2B com a configuração de tema Preços com login obrigatório para o portão mais forte).

O que o Somente-B2B muda​

  • Todos os caminhos de cadastro roteiam para "Criar conta comercial" — o comprador é direcionado para seu formulário de solicitação comercial, não para uma página genérica de registro.
  • Faixa de promoção B2B está sempre visível para comunicar o valor de ter uma conta.
  • Links RFQ + pedido em massa são fixados na navegação para todos (incluindo convidados).
  • Chrome B2B ainda requer login para renderizar (barra de saudação, pílula REP, selo de prazos NET) — isso é uma restrição do Shopify, não uma escolha do Vertex. Mas cada outro sinal de UI empurra visitantes para o status de conta comercial.

O que permanece igual ao Híbrido​

  • Preços por volume, selos de prazos NET, selos de isenção de impostos, pílula REP — todos ainda exigem um comprador B2B logado para renderizar.
  • O escopo do catálogo é inalterado.
  • Padrões B2C-amigáveis (ex.: adicionar ao carrinho como convidado) ainda funcionam SE você não habilitou Preços com login obrigatório.
Combine com Preços com login obrigatório para bloqueio total

O modo Somente-B2B controla o chrome, não o portão. Para impedir que convidados vejam preços ou façam checkout, também habilite Preços com login obrigatório em Customizar ▸ Configurações do tema ▸ B2B ▸ Preços com login obrigatório. A combinação é a configuração canônica "verdadeiramente somente atacadista".

Modo 3 — Somente-B2C​

Somente-B2C é a ocultação mais forte. Cada elemento B2B da UI é suprimido — mesmo para compradores B2B logados. A barra âmbar de saudação não renderiza. A pílula REP não renderiza. O selo de prazos NET não renderiza. O painel da conta com reconhecimento B2B reverte para o painel da conta B2C. Os links RFQ e pedido em massa são removidos da navegação.

Os templates de página subjacentes ainda existem — /pages/rfq, /pages/bulk-order, /pages/special-offers. Eles apenas não estão vinculados a partir do chrome. Apenas navegação e chrome são ocultos; os dados e templates permanecem.

Quem deve usar Somente-B2C​

  • Você executa o mesmo tema Vertex em uma loja B2C irmã que não tem nenhuma atividade B2B (ex.: sua marca de consumo somente varejo vs. sua marca de suprimentos industriais). Mesmo tema, diferentes lojas.
  • Você está fazendo soft-launch dos recursos B2B — você quer configurar empresas, catálogos, prazos de pagamento e metafields em segundo plano SEM expor a UI a visitantes iniciais. Mude para Híbrido (ou Somente-B2B) no dia do lançamento.
  • Um período somente-varejo durante uma rampa de lançamento — ex.: uma semana de Black Friday onde você quer uma experiência uniformemente voltada para o consumidor.
  • Momento regulatório ou contratual onde cada página deve estar temporariamente voltada para o B2C.

O que o Somente-B2C faz​

  • Suprime cada elemento de chrome B2B. A loja parece um tema B2C polido de suprimentos industriais.
  • Compradores B2B logados ainda recebem o escopo do catálogo (nativo do Shopify), mas sem chrome B2B. Eles veem preços do catálogo, mas sem selo de prazos NET, sem pílula REP, sem tabela de preços por volume.
  • A faixa de promoção de recursos B2B é ocultada de todos.
  • As páginas de pedido em massa, RFQ e ofertas especiais permanecem acessíveis por URL direta — apenas os links de navegação são ocultados.

Quando NÃO usar Somente-B2C​

  • Se você tem compradores B2B logados que dependem de ver selos de prazos NET, informações de contato do REP ou preços por volume no chrome. Eles perderão tudo isso.
  • Se você é um lojista exclusivamente atacadista — use Somente-B2B em vez disso.

Padrão comum de rampa: "Soft-launch B2B em 30 dias"​

Um padrão popular para lojistas que estão adotando B2B pela primeira vez:

  1. Dias 1-14: Modo Somente-B2C. Instale o Vertex. Configure o B2B nativo no admin de acordo com o guia de configuração B2B. Crie empresas, catálogos, listas de preços, prazos de pagamento. Preencha os metafields do representante de vendas e de especificações do produto de acordo com o guia de configuração de metafields. Teste internamente com contas de equipe. Nada é exposto a clientes ainda.
  2. Dias 15-25: Modo Híbrido, mas não mostre nenhum comprador B2B ainda. Mude para Híbrido. Faça onboarding de 3-5 contas comerciais piloto. Verifique se tudo renderiza corretamente para elas. Itere no conteúdo do metafield. Refine as atribuições do representante de vendas.
  3. Dia 26+: Permaneça em Híbrido, anuncie publicamente. Envie e-mail à sua lista de varejo para convidar solicitações de conta comercial. Adicione o link RFQ ao hero da sua página inicial. Você está no ar.

Se você é um lojista exclusivamente atacadista, troque o passo 3 por "Mude para Somente-B2B" e adicione Preços com login obrigatório.

Você pode mudar de modo a qualquer momento

O Modo da Loja é uma única configuração do tema. Alterá-lo tem zero impacto em dados armazenados, contas de cliente, empresas B2B, catálogos ou pedidos — apenas muda qual chrome é renderizado. Você pode alternar para frente e para trás à medida que seu negócio evolui.

Como mudar o Modo da Loja​

  1. Abra o admin do Shopify e vá para Loja Virtual ▸ Temas.
  2. Encontre o tema Vertex (Ativo, ou qualquer tema de visualização).
  3. Clique em Customizar.
  4. No canto superior esquerdo do customizador, clique no ícone Configurações do tema (a pequena engrenagem, abaixo da lista de seções).
  5. Role até (ou clique em) o grupo B2B.
  6. Encontre Modo da loja.
  7. Escolha Híbrido, Somente-B2B ou Somente-B2C.
  8. Clique em Salvar (canto superior direito).

Caminho de cliques: Loja Virtual ▸ Temas ▸ Customizar ▸ Configurações do tema ▸ B2B ▸ Modo da loja ▸ Salvar

A mudança se aplica instantaneamente — atualize sua loja em uma aba separada para confirmar.

Referência de código — como a configuração é conectada​

Para desenvolvedores e equipes de agência que querem verificar o comportamento em Liquid:

A configuração é exposta como settings.storefront_mode e assume um dos três valores de string: hybrid, b2b ou b2c.

Cada elemento de chrome B2B envolve sua renderização em uma condição que exclui o modo Somente-B2C:

{%- comment -%} Render only when NOT in B2C-only mode AND buyer is B2B {%- endcomment -%}
{%- if settings.storefront_mode != 'b2c' and customer.b2b? -%}
  {%- render 'b2b-greeting-bar' -%}
{%- endif -%}

A faixa de promoção B2B usa uma condição diferente — mostra a convidados em Híbrido, mostra a todos em Somente-B2B, nunca mostra em Somente-B2C:

{%- if settings.storefront_mode == 'b2b'
   or (settings.storefront_mode == 'hybrid' and customer == blank) -%}
  {%- render 'b2b-promo-strip' -%}
{%- endif -%}

CTAs de cadastro trocam de rótulo com base no modo:

{%- if settings.storefront_mode == 'b2b' -%}
  <a href="/account/register">{{- 'b2b.create_trade_account' | t -}}</a>
{%- else -%}
  <a href="/account/register">{{- 'customer.register' | t -}}</a>
{%- endif -%}

Os links de navegação RFQ e pedido em massa usam o padrão de negação (ocultar em Somente-B2C):

{%- if settings.storefront_mode != 'b2c' -%}
  <a href="/pages/rfq">{{- 'b2b.rfq' | t -}}</a>
  <a href="/pages/bulk-order">{{- 'b2b.bulk_order' | t -}}</a>
{%- endif -%}
O Modo da Loja é verificado em cada arquivo Liquid relevante

A configuração é referenciada em sections/header.liquid, sections/main-product.liquid, sections/main-cart.liquid, snippets/b2b-greeting-bar.liquid, snippets/b2b-promo-strip.liquid, snippets/b2b-rep-card.liquid, templates/customers/account.liquid e vários outros. Se você customizar o tema, siga o mesmo padrão condicional para manter suas adições com reconhecimento do Modo da Loja.

Árvore de decisão​

Não tem certeza de qual modo escolher? Percorra esta árvore:

  1. Você vende para clientes de varejo?

    • Sim → Continue para a pergunta 2.
    • Não (somente atacado) → Escolha Somente-B2B. Também habilite Preços com login obrigatório.

  2. Você tem compradores B2B logados agora?

    • Não (ainda não) → Escolha Somente-B2C enquanto configura o B2B em segundo plano. Mude para Híbrido quando estiver pronto.
    • Sim → Escolha Híbrido. Pronto.

  3. Você quer um funil de cadastro com sabor B2B para convidados?

    • Sim → Considere Somente-B2B (com Preços com login obrigatório).
    • Não, cadastros devem parecer B2C → Permaneça em Híbrido.

FAQ​

Mudar de modos quebrará alguma coisa?​

Não. A configuração Modo da Loja só muda qual chrome é renderizado. Dados armazenados, contas de cliente, empresas B2B, catálogos, listas de preços, prazos de pagamento, valores de metafield e histórico de pedidos são todos intocados.

O modo Somente-B2C oculta os templates /pages/rfq e /pages/bulk-order?​

Não. Os templates e páginas permanecem publicados e acessíveis por URL direta. Apenas os links de navegação e chrome são ocultados. Um lojista ou cliente que conhece a URL ainda pode visitá-los.

Posso renderizar o chrome B2B condicionalmente por coleção ou por produto?​

O Modo da Loja é um toggle de todo o site. Para ocultação por coleção ou por produto, use o escopo do catálogo (no admin) ou condições Liquid dentro da seção relevante. Por exemplo, você pode ocultar a tabela de preços por volume em um produto específico adicionando um metafield boolean vertex.hide_volume_pricing e bloqueando o snippet nele.

O que acontece se um comprador B2B fizer login enquanto o modo é Somente-B2C?​

O comprador está logado, o escopo do catálogo se aplica (eles só veem os produtos do seu catálogo), mas nenhum dos chromes B2B renderiza. Eles veem a loja como se fossem um cliente B2C. O selo de prazos NET, pílula REP, tabela de preços por volume e barra de saudação são todos suprimidos.

Posso localizar strings por modo?​

Sim. Cada string Vertex está nos arquivos locales/{language}.json. As chaves b2b.create_trade_account e customer.register podem ser personalizadas por idioma para se adequar à voz da sua marca.

Próximos passos​