Vitrine (storefront)

Toute boutique en ligne a deux faces. La vitrine, ou storefront, est celle que voient vos clients : l'accueil, les collections, les pages produit, le panier et le checkout. Le backoffice est celle que vous voyez : produits, commandes, stock, clients, rapports. Les deux tournent sur les mêmes données, mais seule la vitrine doit convaincre un inconnu de payer.

Cela concerne toute personne qui vend en ligne sous son propre nom. Un créateur avec une seule page lien en bio a une petite vitrine. Une marque avec 300 produits et un nom de domaine personnalisé en a une grande. Les règles pour qu'elle fonctionne sont les mêmes.

Qu'est-ce qu'une vitrine ?

La vitrine est l'ensemble des pages publiques par lesquelles un client découvre, évalue et achète vos produits. Au minimum, elle contient une page d'accueil, une ou plusieurs pages de collection, une page produit par article, un panier et un checkout. Les vitrines plus grandes ajoutent une barre de recherche, une page à propos, une page contact, un blog, et des pages légales pour la livraison, les retours et la confidentialité.

Ce n'est pas le backoffice, aussi appelé admin ou tableau de bord, où vous ajoutez les produits, fixez les prix, traitez les commandes et lisez les statistiques. Ce n'est pas non plus le catalogue. Le catalogue, ce sont les données (produits, variantes, SKU, prix, stock) ; la vitrine est une façon de les afficher. Le même catalogue peut alimenter en même temps une vitrine, une page lien en bio, une fiche sur une marketplace et une campagne email.

Vocabulaire que vous croiserez : thème (le gabarit visuel de la vitrine), headless (une vitrine construite séparément de la plateforme qui détient les données), vitrine hébergée (servie par la plateforme e-commerce sur votre domaine), et boutique lien en bio (une vitrine minimale conçue pour les visiteurs venus d'un profil social).

Pourquoi c'est important

La vitrine est la seule partie de votre activité que la plupart des clients verront jamais. Ils ne voient pas votre fournisseur, votre table d'emballage ni votre tableur. Ils voient une page sur leur téléphone, et ils décident en quelques secondes si cet endroit a l'air de pouvoir prendre leur argent et envoyer le produit.

Un exemple chiffré. Deux vendeurs proposent la même bougie artisanale à 24 €. Le vendeur A a une vitrine qui se charge en 1,5 seconde sur téléphone, montre six photos, annonce « expédié sous 2 jours, 5 € de port » et a un checkout en une page. Le vendeur B a une page qui se charge en 5 secondes, montre une photo, cache les frais de port jusqu'à la dernière étape et impose un compte. Les deux reçoivent 2 000 visiteurs par mois. Le vendeur A convertit à 2,8 %, soit 56 commandes et 1 344 €. Le vendeur B convertit à 1,1 %, soit 22 commandes et 528 €. Même produit, même prix, même trafic. La vitrine seule a fait une différence de 2,5 fois sur le chiffre d'affaires.

La vitrine porte aussi votre marque. Une boutique sur votre propre domaine avec votre propre design est mémorisée comme votre boutique. Une fiche sur une marketplace est mémorisée comme celle de la marketplace.

Comment ça marche

Une vitrine transforme les données du catalogue en pages qu'un client peut utiliser. Voici ce qui se passe à chaque visite :

• Le visiteur arrive sur une page, en général depuis une publication sociale, un résultat de recherche, une publicité ou un lien en bio. La page d'arrivée doit se charger vite et dire ce que vous vendez en un coup d'œil.
• Il parcourt. Les collections regroupent les produits par type, usage ou prix. Les filtres et une barre de recherche aident dès que le catalogue dépasse une vingtaine d'articles.
• Il évalue sur la page produit : photos, prix, variantes, informations de livraison, avis. C'est là que « intéressé » devient « je veux celui-là ».
• Il ajoute au panier. Le panier affiche le total en cours, l'estimation de livraison et les éventuelles remises, et lui laisse le choix de continuer ou de commander.
• Il passe au checkout et paie. Adresse, choix de livraison, paiement. La vitrine passe le relais à la passerelle de paiement et affiche une confirmation.
• La commande arrive dans le backoffice. Le stock diminue, la commande apparaît dans votre liste et l'email de confirmation part. Si le même catalogue alimente d'autres canaux, leur stock se met à jour aussi.

Sous le capot, une vitrine hébergée tourne sur les serveurs de la plateforme, avec le SSL, le cache et le réseau de diffusion pris en charge pour vous. Votre travail, ce sont le contenu et les décisions, pas l'hébergement.

Repères et exemples

Quelques chiffres pour situer votre vitrine :

• Temps de chargement. Moins de 2 secondes sur un téléphone milieu de gamme en 4G, c'est l'objectif. Chaque seconde supplémentaire coûte des conversions, à peu près 5 % à 10 % par seconde sur mobile.
• Taux de conversion. Les vitrines de petites marques se situent en général entre 1 % et 3 %. Une boutique lien en bio vue juste après une publication peut atteindre 5 % à 10 % parce que le visiteur voulait déjà le produit.
• Part du mobile. 65 % à 80 % des visites sur les vitrines de petites marques viennent d'un téléphone. Concevez d'abord pour le téléphone.
• Pages par visite. Deux à quatre pour une boutique en bonne santé. Moins signifie que les visiteurs ne trouvent pas leur chemin ; beaucoup plus peut vouloir dire qu'ils sont perdus.

Situations typiques :

• Un créateur avec 5 produits numériques. Une vitrine sur une page, souvent la page lien en bio elle-même, avec des cartes produit et un checkout intégré. Pas besoin de collections.
• Une petite marque avec 40 produits physiques. Une page d'accueil, quatre à six collections, une barre de recherche, des pages produit avec variantes et un checkout avec deux ou trois options de livraison.
• Une marque qui vend dans deux pays. La même vitrine avec changement de devise et de langue, et des règles de taxes par pays.

Erreurs fréquentes

• Concevoir sur un ordinateur portable pour des visiteurs sur téléphone. Bannières larges, petits boutons et effets au survol cassent sur un écran de 6 pouces, là où la plupart des gens achètent.
• Rester sur un sous-domaine de plateforme. maboutique.plateforme.com dit « provisoire ». Un nom de domaine personnalisé dit « c'est une vraie entreprise ».
• Cacher les informations pratiques. Coût de livraison, délai et politique de retour doivent être à un tap de chaque produit.
• Trop de choses sur l'accueil. Douze sections, trois pop-ups et une vidéo en lecture automatique ralentissent la page et enterrent les produits.
• Faire tourner la vitrine sur un catalogue à part. Si le stock de votre vitrine et celui de votre lien en bio vivent dans des outils différents, vous vendrez un article deux fois.

Bonnes pratiques

• Mettez les produits en premier. La page d'accueil doit montrer de vrais produits avec leurs prix dès le premier écran sur mobile, pas un slogan et une photo de banque d'images.
• Un seul chemin clair pour acheter. Depuis n'importe quelle page, un visiteur doit atteindre le checkout en deux taps : produit, ajouter au panier, commander.
• Affichez les conditions de livraison partout. Une courte ligne sous le prix (« Expédié sous 48 h, offert dès 50 € ») répond à la question avant qu'elle ne devienne un doute.
• Utilisez votre propre domaine et une identité cohérente. Même logo, mêmes couleurs et même ton que vos profils sociaux, pour que le visiteur sache qu'il est au bon endroit.
• Gardez la vitrine rapide. Compressez les images, évitez les applications et scripts lourds, et testez sur un vrai téléphone une fois par mois.
• Facilitez la recherche. Ajoutez une barre de recherche passé 20 produits et gardez des collections petites et bien nommées.
• Rédigez les pages légales. Livraison, retours, confidentialité et contact. Leur existence est un signal de confiance même si peu de gens les lisent.

Dans Roctify

La vitrine Roctify est une boutique en ligne complète avec panier et checkout en une page, incluse dans tous les forfaits. Le forfait Free vous donne une vitrine avec jusqu'à 10 produits sur un canal. Dès le forfait Creator, vous connectez un nom de domaine personnalisé avec SSL gratuit, et le forfait Pro ajoute les domaines illimités et les membres d'équipe.

La vitrine s'appuie sur le même catalogue partagé que votre page lien en bio et vos emails : produits, variantes, SKU, stock, prix, clients et commandes forment un seul jeu de données. Vendez la dernière unité sur la vitrine et elle disparaît de la page lien en bio au même instant. Les paiements passent par Stripe, PayPal et le paiement à la livraison, sans aucune commission prélevée par Roctify. Le multi-devises, le multilingue et les réglages de TVA s'appliquent à toute la vitrine.

FAQ

Une page lien en bio est-elle une vitrine ?

Une page lien en bio avec des cartes produit et un checkout est une vitrine minimale. Elle a moins de pages et en général pas de collections, mais elle fait le même travail : montrer des produits et prendre des commandes. Beaucoup de créateurs commencent là et ajoutent une vitrine complète quand le catalogue dépasse une poignée de produits.

Ai-je besoin d'un nom de domaine personnalisé pour ma vitrine ?

Vous pouvez lancer sans, mais c'est la première amélioration qui vaut le coup. Un domaine personnalisé ressemble à une vraie entreprise, se retient et se dit plus facilement dans une vidéo, et garde votre trafic et votre référencement à vous si vous changez un jour de plateforme.

Vitrine ou marketplace ?

Elles servent des objectifs différents. Une marketplace vous apporte du trafic mais prend une commission et garde la relation client. Votre propre vitrine vous laisse la marge, la marque et la liste email, mais c'est à vous d'amener les visiteurs. La plupart des petits vendeurs qui durent font les deux et considèrent la vitrine comme leur camp de base.