Aller au contenu principal

Modes de vitrine — Hybride, B2B seul et B2C seul

Le basculement Mode de vitrine est le paramètre de thème le plus important de Vertex lié au B2B. Il contrôle quel habillage B2B — la barre de salutation ambre, la pastille REP, le badge NET-terms, le lien RFQ, le lien de commande en gros, la bande promotionnelle B2B et chaque autre élément à saveur B2B — apparaît réellement dans votre vitrine.

Le paramètre se trouve dans Personnaliser ▸ Paramètres du thème ▸ B2B ▸ Mode de vitrine et propose trois options :

  • Hybride (recommandé) — Détecte automatiquement qui est connecté. Les deux audiences obtiennent la bonne UI.
  • B2B seul — Masque les paramètres B2C par défaut. Le magasin suppose que chaque visiteur est un compte professionnel.
  • B2C seul — Supprime chaque élément B2B de l'UI. Même les acheteurs B2B connectés voient la version B2C de l'habillage de la vitrine.
Par défaut : Hybride

Prêt à l'emploi, Vertex est livré avec le Mode de vitrine défini sur Hybride. Pour la plupart des marchands, c'est le bon paramètre et vous n'avez jamais besoin de le changer.

Les trois modes en un coup d'œil​

ModeIdéal pourCe que les acheteurs voient
HybrideLa plupart des marchands. Vendre à la fois à des comptes professionnels ET à des clients de détail occasionnels / petites entreprises.L'habillage B2B s'affiche automatiquement pour les acheteurs B2B connectés. L'habillage B2C pour les invités + clients de détail.
B2B seulMarchands exclusivement grossistes qui ne vendent JAMAIS au détail. Catalogues exclusivement professionnels. Réseaux de revendeurs.L'habillage B2B est la valeur par défaut partout. Les chemins d'inscription proposent par défaut « Créer un compte professionnel ». Les liens RFQ + commande en gros sont toujours visibles.
B2C seulMagasins sœurs exécutant le même thème qu'une marque de détail. Lancement doux du B2B sans exposition immédiate.Chaque élément B2B est supprimé — même pour les acheteurs B2B connectés. Ressemble à un thème B2C poli de fournitures industrielles.

Matrice de décision côte à côte​

Utilisez cette matrice pour prédire exactement quels éléments d'UI apparaissent dans chaque mode. I = invité. B2C = client de détail connecté. B2B = acheteur B2B connecté.

Élément UIHybride (I / B2C / B2B)B2B seul (I / B2C / B2B)B2C seul (I / B2C / B2B)
Barre de salutation B2B ambre (au-dessus de l'en-tête)— / — / ✓— / — / ✓— / — / —
Nom de l'entreprise + badges dans la barre de salutation— / — / ✓— / — / ✓— / — / —
Badge NET-30 / NET-60 / NET-90— / — / ✓— / — / ✓— / — / —
Badge d'exonération fiscale— / — / ✓— / — / ✓— / — / —
Pastille REP (en-tête bureau)— / — / ✓— / — / ✓— / — / —
Sélecteur d'emplacement de livraison— / — / ✓— / — / ✓— / — / —
Sélecteur d'entreprise (acheteurs multi-entreprises)— / — / ✓— / — / ✓— / — / —
Tableau de tarification par volume (PDP)— / — / ✓— / — / ✓— / — / —
Application des règles de quantité (MOQ/max/incrément)— / — / ✓— / — / ✓— / — / —
Lien RFQ dans le menu principal✓ / ✓ / ✓✓ / ✓ / ✓— / — / —
Lien de commande en gros dans le menu principal✓ / ✓ / ✓✓ / ✓ / ✓— / — / —
Bande promotionnelle de fonctionnalités B2B (page d'accueil)✓ / — / —✓ / ✓ / ✓— / — / —
CTA « Créer un compte professionnel » (au lieu de « S'inscrire »)— / — / —✓ / ✓ / ✓— / — / —
CTA « S'inscrire » (par défaut B2C)✓ / — / —— / — / —✓ / — / —
Tableau de bord de compte B2B-aware— / — / ✓— / — / ✓— / — / —
Badge NET-terms du panier— / — / ✓— / — / ✓— / — / —
Tarification nécessitant une connexion (lorsqu'activée)invité cachéinvité cachéinvité caché

Légende :

  • ✓ — l'élément est visible
  • — — l'élément est caché / non rendu
Le cadrage du catalogue est toujours natif

Le cadrage du catalogue (les acheteurs B2B ne voient que les produits de leur catalogue assigné) est appliqué par Shopify lui-même, indépendamment du Mode de vitrine. Même en mode B2C seul, un acheteur B2B connecté ne verra toujours que les produits de son catalogue — mais sans l'habillage B2B autour d'eux.

Mode 1 — Hybride (recommandé pour la plupart des marchands)​

Hybride est le mode par défaut et la bonne réponse pour environ 80 % des marchands. Il détecte automatiquement l'état de chaque visiteur (invité, client B2C ou acheteur B2B) et restitue l'UI appropriée.

Qui devrait utiliser Hybride​

  • Vous vendez à la fois à des comptes professionnels (avec conditions, catalogues, tarification par volume) ET à des clients de détail occasionnels / petites entreprises.
  • Vous voulez une URL, un thème, un catalogue de produits — mais avec des avantages B2B ajoutés pour les acheteurs vérifiés.
  • Vous êtes un marchand de fournitures industrielles ou MRO dont les acheteurs au détail sont de petits entrepreneurs, des amateurs ou des utilisateurs finaux.

Ce que fait Hybride​

Type de visiteurCe que Hybride restitue
InvitéHabillage de vitrine B2C poli. Bande promotionnelle de fonctionnalités B2B sur la page d'accueil à des fins marketing. Liens RFQ + commande en gros dans le menu (même les invités peuvent soumettre un RFQ pour démarrer un compte professionnel).
Client B2C (connecté)Même habillage B2C. Pas de bande promotionnelle B2B (ils sont déjà clients). Pas de barre de salutation B2B (ils ne sont pas dans une entreprise).
Acheteur B2B (connecté)Habillage B2B complet — barre de salutation ambre, nom de l'entreprise, badges NET-terms + exonération fiscale, sélecteur de livraison, pastille REP, tableau de tarification par volume, application des règles de quantité, tableau de bord de compte B2B-aware.

Pourquoi il est recommandé​

  • Aucun risque de masquer accidentellement une fonctionnalité à la mauvaise audience.
  • Le cadrage du catalogue garde toujours les produits B2B uniquement cachés des invités si vous le souhaitez.
  • Chaque audience obtient un habillage qui signale « cette vitrine me comprend ».

Mode 2 — B2B seul​

En mode B2B seul, la vitrine suppose que tout le monde est (ou sera) un compte professionnel. Les CTA d'inscription proposent par défaut « Créer un compte professionnel ». La bande promotionnelle de fonctionnalités B2B s'affiche pour tout le monde — même les clients de détail connectés — car les clients de détail ne devraient pas vraiment exister dans ce mode. Les liens RFQ et commande en gros restent toujours visibles.

Qui devrait utiliser B2B seul​

  • Marchands exclusivement grossistes. Vous vendez exclusivement à des comptes professionnels vérifiés. Il n'y a pas de SKU de détail, pas de flux de paiement consommateur.
  • Réseaux de revendeurs / distributeurs. Vos acheteurs sont tous des partenaires de canal approuvés avec des conditions.
  • Catalogues exclusivement professionnels. Des produits comme les produits chimiques industriels, les machines lourdes, les fournitures médicales réglementées ou les certifications exclusivement industrielles.
  • Vous pouvez toujours autoriser la navigation anonyme — mais quiconque souhaite voir les prix ou passer à la caisse doit se connecter (associez B2B seul au paramètre de thème Tarification nécessitant une connexion pour le verrouillage le plus fort).

Ce que change B2B seul​

  • Tous les chemins d'inscription routent vers « Créer un compte professionnel » — l'acheteur est dirigé vers votre formulaire de candidature professionnelle, pas vers une page d'inscription générique.
  • La bande promotionnelle B2B est toujours visible pour communiquer la valeur d'avoir un compte.
  • Les liens RFQ + commande en gros sont épinglés au menu pour tout le monde (invités inclus).
  • L'habillage B2B nécessite toujours une connexion pour s'afficher (barre de salutation, pastille REP, badge NET-terms) — c'est une contrainte Shopify, pas un choix Vertex. Mais chaque autre signal d'UI pousse les visiteurs vers le statut de compte professionnel.

Ce qui reste identique à Hybride​

  • La tarification par volume, les badges NET-terms, les badges d'exonération fiscale, la pastille REP — tous nécessitent toujours un acheteur B2B connecté pour s'afficher.
  • Le cadrage du catalogue est inchangé.
  • Les paramètres par défaut B2C-friendly (p. ex., ajouter au panier en tant qu'invité) fonctionnent toujours SI vous n'avez pas activé Tarification nécessitant une connexion.
Associez avec Tarification nécessitant une connexion pour un verrouillage complet

Le mode B2B seul contrôle l'habillage, pas la porte. Pour empêcher les invités de voir les prix ou de passer à la caisse, activez également Tarification nécessitant une connexion dans Personnaliser ▸ Paramètres du thème ▸ B2B ▸ Tarification nécessitant une connexion. La combinaison est la configuration canonique « vraiment exclusivement grossiste ».

Mode 3 — B2C seul​

B2C seul est le masquage le plus fort. Chaque élément B2B de l'UI est supprimé — même pour les acheteurs B2B connectés. La barre de salutation ambre ne s'affiche pas. La pastille REP ne s'affiche pas. Le badge NET-terms ne s'affiche pas. Le tableau de bord de compte B2B-aware revient au tableau de bord de compte B2C. Les liens RFQ et commande en gros sont retirés du menu.

Les templates de page sous-jacents existent toujours — /pages/rfq, /pages/bulk-order, /pages/special-offers. Ils ne sont simplement pas liés depuis l'habillage. Seuls la navigation et l'habillage sont cachés ; les données et templates restent.

Qui devrait utiliser B2C seul​

  • Vous exécutez le même thème Vertex sur un magasin B2C sœur qui n'a aucune activité B2B (p. ex., votre marque consommateur exclusivement de détail vs. votre marque de fournitures industrielles). Même thème, magasins différents.
  • Vous lancez doucement des fonctionnalités B2B — vous voulez configurer les entreprises, catalogues, conditions de paiement et metafields en arrière-plan SANS exposer l'UI aux premiers visiteurs. Basculez vers Hybride (ou B2B seul) le jour du lancement.
  • Une période pur-détail pendant une montée en charge de lancement — p. ex., une semaine du Black Friday où vous voulez une expérience uniformément orientée consommateur.
  • Moment réglementaire ou contractuel où chaque page doit être temporairement orientée B2C.

Ce que fait B2C seul​

  • Supprime chaque élément d'habillage B2B. La vitrine ressemble à un thème B2C poli de fournitures industrielles.
  • Les acheteurs B2B connectés obtiennent toujours le cadrage du catalogue (natif Shopify), mais aucun habillage B2B. Ils voient les prix catalogue mais aucun badge NET-terms, aucune pastille REP, aucun tableau de tarification par volume.
  • La bande promotionnelle de fonctionnalités B2B est cachée de tout le monde.
  • Les pages de commande en gros, RFQ et offres spéciales restent accessibles par URL directe — seuls les liens de menu sont cachés.

Quand NE PAS utiliser B2C seul​

  • Si vous avez des acheteurs B2B connectés qui dépendent de la visualisation des badges NET-terms, des informations de contact REP ou de la tarification par volume dans l'habillage. Ils perdront tout cela.
  • Si vous êtes un marchand exclusivement grossiste — utilisez plutôt B2B seul.

Modèle de montée en charge courant : « Lancer doucement le B2B sur 30 jours »​

Un modèle populaire pour les marchands qui adoptent le B2B pour la première fois :

  1. Jours 1–14 : mode B2C seul. Installez Vertex. Configurez le B2B natif dans l'admin selon le guide de configuration B2B. Créez les entreprises, catalogues, listes de prix, conditions de paiement. Remplissez les métachamps du commercial et des spécifications produit selon le guide de configuration des metafields. Testez en interne avec des comptes du personnel. Rien n'est encore exposé aux clients.
  2. Jours 15–25 : mode Hybride, mais ne pas encore montrer d'acheteurs B2B. Basculez vers Hybride. Embarquez 3 à 5 comptes professionnels pilotes. Vérifiez que tout s'affiche correctement pour eux. Itérez sur le contenu des metafields. Affinez les affectations de commerciaux.
  3. Jour 26+ : restez en Hybride, annoncez publiquement. Envoyez un e-mail à votre liste de détail pour inviter aux candidatures de comptes professionnels. Ajoutez le lien RFQ à votre hero de page d'accueil. Vous êtes en ligne.

Si vous êtes un marchand exclusivement grossiste, remplacez l'étape 3 par « Basculez vers B2B seul » et ajoutez Tarification nécessitant une connexion.

Vous pouvez changer de mode à tout moment

Le Mode de vitrine est un paramètre de thème unique. Le changer n'a aucun impact sur les données stockées, comptes clients, entreprises B2B, catalogues ou commandes — il ne change que l'habillage qui s'affiche. Vous pouvez basculer entre les modes à mesure que votre entreprise évolue.

Comment changer le Mode de vitrine​

  1. Ouvrez l'admin Shopify et accédez à Boutique en ligne ▸ Thèmes.
  2. Trouvez le thème Vertex (Live, ou tout thème d'aperçu).
  3. Cliquez sur Personnaliser.
  4. Dans le coin supérieur gauche du personnalisateur, cliquez sur l'icône Paramètres du thème (le petit engrenage, sous la liste des sections).
  5. Faites défiler jusqu'à (ou cliquez sur) le groupe B2B.
  6. Trouvez Mode de vitrine.
  7. Choisissez Hybride, B2B seul, ou B2C seul.
  8. Cliquez sur Enregistrer (en haut à droite).

Chemin de clic : Boutique en ligne ▸ Thèmes ▸ Personnaliser ▸ Paramètres du thème ▸ B2B ▸ Mode de vitrine ▸ Enregistrer

Le changement s'applique instantanément — rafraîchissez votre vitrine dans un onglet séparé pour confirmer.

Référence de code — comment le paramètre est câblé​

Pour les développeurs et équipes d'agence qui veulent vérifier le comportement en Liquid :

Le paramètre est exposé en tant que settings.storefront_mode et prend l'une des trois valeurs de chaîne : hybrid, b2b ou b2c.

Chaque élément d'habillage B2B encapsule son rendu dans une condition qui exclut le mode B2C seul :

{%- 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 -%}

La bande promotionnelle B2B utilise une condition différente — afficher aux invités en Hybride, afficher à tout le monde en B2B seul, ne jamais afficher en B2C seul :

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

Les CTA d'inscription échangent leur étiquette en fonction du mode :

{%- 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 -%}

Les liens de menu RFQ et commande en gros utilisent le motif de négation (masquer en B2C seul) :

{%- if settings.storefront_mode != 'b2c' -%}
  <a href="/pages/rfq">{{- 'b2b.rfq' | t -}}</a>
  <a href="/pages/bulk-order">{{- 'b2b.bulk_order' | t -}}</a>
{%- endif -%}
Le Mode de vitrine est vérifié dans chaque fichier Liquid pertinent

Le paramètre est référencé depuis 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, et plusieurs autres. Si vous personnalisez le thème, suivez le même motif conditionnel pour que vos ajouts restent conscients du Mode de vitrine.

Arbre de décision​

Pas sûr du mode à choisir ? Suivez cet arbre :

  1. Vendez-vous à des clients de détail ?

    • Oui → Passez à la question 2.
    • Non (exclusivement grossiste) → Choisissez B2B seul. Activez également Tarification nécessitant une connexion.

  2. Avez-vous des acheteurs B2B connectés en ce moment ?

    • Non (pas encore) → Choisissez B2C seul pendant que vous configurez le B2B en arrière-plan. Basculez vers Hybride lorsque vous êtes prêt.
    • Oui → Choisissez Hybride. Terminé.

  3. Voulez-vous un entonnoir d'inscription à saveur B2B pour les invités ?

    • Oui → Considérez B2B seul (avec Tarification nécessitant une connexion).
    • Non, les inscriptions doivent sembler B2C → Restez sur Hybride.

FAQ​

Changer de mode cassera-t-il quelque chose ?​

Non. Le paramètre Mode de vitrine ne change que l'habillage qui s'affiche. Les données stockées, comptes clients, entreprises B2B, catalogues, listes de prix, conditions de paiement, valeurs des metafields et historique des commandes restent intacts.

Le mode B2C seul masque-t-il les templates /pages/rfq et /pages/bulk-order ?​

Non. Les templates et pages restent publiés et accessibles par URL directe. Seuls les liens de navigation et l'habillage sont cachés. Un marchand ou client qui connaît l'URL peut toujours les visiter.

Puis-je restituer l'habillage B2B conditionnellement par collection ou par produit ?​

Le Mode de vitrine est un basculement à l'échelle du site. Pour un masquage par collection ou par produit, utilisez le cadrage du catalogue (dans l'admin) ou des conditions Liquid à l'intérieur de la section concernée. Par exemple, vous pouvez masquer le tableau de tarification par volume sur un produit spécifique en ajoutant un metafield booléen vertex.hide_volume_pricing et en conditionnant le snippet dessus.

Que se passe-t-il si un acheteur B2B se connecte alors que le mode est B2C seul ?​

L'acheteur est connecté, le cadrage du catalogue s'applique (il ne voit que les produits de son catalogue), mais aucun habillage B2B ne s'affiche. Il voit la vitrine comme s'il était un client B2C. Le badge NET-terms, la pastille REP, le tableau de tarification par volume et la barre de salutation sont tous supprimés.

Puis-je localiser les chaînes par mode ?​

Oui. Chaque chaîne Vertex se trouve dans les fichiers locales/{language}.json. Les clés b2b.create_trade_account et customer.register peuvent être personnalisées par langue pour correspondre à la voix de votre marque.

Et maintenant​