Passer au contenu principal

Image de marque (vitrine + Stripe)

L'image de marque définit l'apparence de votre vitrine publique et des pages de paiement Stripe Checkout vues par vos clients : logo, icône, couleurs, nom de l'entreprise, lien vers le bail....

Écrit par Etienne Champagne

L'image de marque définit l'apparence de votre vitrine publique et des pages de paiement Stripe Checkout vues par vos clients : logo, icône, couleurs, nom de l'entreprise, lien vers le bail. Stortech offre deux niveaux de configuration : entreprise (s'applique partout par défaut) et succursale (override par site). Les changements à la vitrine sont instantanés ; ceux qui affectent Stripe Checkout sont synchronisés en arrière-plan.

Questions courantes

  • Où configurer le logo et les couleurs de ma vitrine ? — Au niveau entreprise dans Paramètres > Vitrine, ou au niveau succursale dans la section Vitrine de la succursale. Le niveau succursale écrase le niveau entreprise pour le logo et la couleur d'accent.

  • Quelle est la différence entre la couleur d'accent et la couleur de marque Stripe ? — La couleur d'accent s'applique à la vitrine Stortech (boutons, liens, accents). La couleur de marque Stripe s'applique aux pages Stripe Checkout (boutons de paiement). La couleur Stripe est configurée seulement au niveau entreprise.

  • Pourquoi mon nouveau logo n'apparaît-il pas dans Stripe Checkout ? — La synchronisation vers Stripe est best-effort et peut échouer si le format ou la taille n'est pas valide. Vérifiez le format (PNG, JPEG, GIF, moins de 5 Mo, hébergé en HTTPS) et réenregistrez.

  • La succursale peut-elle avoir une image de marque différente de l'entreprise ? — Oui. Au niveau succursale, vous pouvez surcharger le logo, le nom, la couleur d'accent et le lien vers le bail. La couleur de marque Stripe reste héritée de l'entreprise.

  • Comment ajouter un lien vers mon bail standard sur la vitrine ? — Dans la section Lien vers le bail (entreprise ou succursale), saisissez l'URL HTTPS d'un PDF de bail. Le lien apparaît au moment de la réservation.

  • Comment ajouter Google Tag Manager à ma vitrine ? — Au niveau entreprise seulement, dans la section Google Tag Manager, saisissez votre code GTM.

  • Après modification, la vitrine affiche encore l'ancien logo. Pourquoi ? — Cache du navigateur ou propagation CDN. Demandez au client de rafraîchir avec Ctrl/Cmd + Shift + R.

À qui s'adresse cet article

La configuration au niveau entreprise nécessite le rôle Propriétaire au niveau entreprise. La configuration au niveau succursale nécessite le rôle Propriétaire ou Gestionnaire de la succursale.

Avant de modifier l'image de marque

  • Préparez vos fichiers : logo et icône en PNG, JPEG ou GIF, moins de 5 Mo. Stripe normalise sous 512 Ko à la synchronisation.

  • Pour le lien vers le bail, l'URL doit être en HTTPS et hébergée sur un domaine accessible.

Deux niveaux de configuration

Niveau

Couvre

Entreprise

Logo entreprise, icône, nom, domaine, lien bail, GTM, couleur d'accent, couleur de marque Stripe.

Succursale

Logo, nom, domaine, lien bail, couleur d'accent (override).

La couleur de marque Stripe est entreprise seulement. Les succursales héritent de la couleur de l'entreprise dans Stripe Checkout.

Configurer au niveau entreprise

  1. Ouvrez Paramètres > Vitrine.

  2. Modifiez les sections souhaitées :

    - Logo de l'entreprise — affiché dans l'en-tête de la vitrine et dans Stripe Checkout. - Icône de l'entreprise — favicon et icône dans certains courriels. - Nom de l'entreprise — en-tête et pied de page de la vitrine. - Nom de domaine — domaine personnalisé. - Lien vers le bail — URL HTTPS d'un PDF de bail standard, affiché au checkout. - Google Tag Manager — code GTM pour le suivi analytique. - Couleur d'accent — couleur primaire de la vitrine ; format hexadécimal. - Couleur de marque Stripe — couleur des pages Stripe Checkout ; format hexadécimal.

  3. Cliquez sur Prévisualiser la vitrine pour voir le rendu.

  4. Enregistrez.

Configurer au niveau succursale

  1. Ouvrez la section Vitrine de la succursale.

  2. La page Image de marque et site Web affiche les sections :

    - Logo de l'entreprise — peut différer de celui de l'entreprise. - Nom de l'entreprise, Nom de domaine, Lien vers le bail, Couleur d'accent.

  3. Chaque section a son propre bouton : Mettre à jour le nom, Mettre à jour le domaine, Mettre à jour le bail, Mettre à jour la couleur.

  4. Cliquez sur Prévisualiser la vitrine pour voir le rendu avec les overrides.

Sur la page succursale, les modifications sont par-section : chaque bouton applique uniquement les changements de sa section. Sur la page entreprise, l'enregistrement est global.

Ce qui se passe automatiquement

Lors d'un changement de logo ou de couleur

  1. L'enregistrement Stortech est appliqué immédiatement. La vitrine se met à jour au prochain chargement.

  2. Une synchronisation best-effort vers Stripe est lancée :

    - Pour chaque compte Stripe Connect rattaché (un par succursale typiquement), Stortech met à jour les paramètres de marque. - Si la synchronisation échoue partiellement (par exemple, un compte refuse l'image pour cause de format), un message d'erreur s'affiche, mais l'enregistrement Stortech n'est pas annulé.

  3. Les pages Stripe Checkout futures utilisent les nouvelles couleurs et le nouveau logo. Les sessions Checkout déjà ouvertes ne sont pas mises à jour.

Limites de format pour Stripe

  • Format : PNG, JPEG ou GIF.

  • Taille source : jusqu'à 5 Mo.

  • Hébergement : HTTPS requis pour les URL externes.

  • Après normalisation Stripe : le fichier est redimensionné à moins de 512 Ko.

Pas de retentative automatique

Si la synchronisation Stripe échoue, il n'y a pas de retentative automatique. Vous devez :

  1. Vérifier le message d'erreur affiché lors de l'enregistrement.

  2. Corriger le fichier ou l'URL (format, taille, hébergement HTTPS).

  3. Réenregistrer pour relancer la synchronisation.

Statuts et champs importants

Élément

Signification

Logo de l'entreprise

Affiché partout (vitrine, Stripe, courriels).

Icône de l'entreprise

Petit format ; favicon et icône courriel.

Couleur d'accent

Couleur primaire de la vitrine.

Couleur de marque Stripe

Couleur des boutons et liens dans Stripe Checkout.

Lien vers le bail

URL d'un PDF du bail standard, affiché au checkout.

Google Tag Manager

Code GTM pour analytique côté vitrine.

Prévisualiser la vitrine

Ouvre la vitrine publique avec les couleurs et logos courants.

Vitrine vs Stripe Checkout

  • La vitrine est servie par Stortech : changements visibles immédiatement après enregistrement.

  • Stripe Checkout est servi par Stripe : changements visibles uniquement après une synchronisation réussie vers Stripe, qui est best-effort. Si la synchronisation échoue, le client peut voir l'ancien logo ou les anciennes couleurs.

Problèmes fréquents

Situation

À vérifier

Quoi faire

L'image de marque ne s'affiche pas dans Stripe Checkout. Pourquoi ?

La synchronisation vers le compte Connect a-t-elle réussi ? Le format du fichier est-il valide ?

Réuploadez avec PNG/JPEG, source moins de 5 Mo, hébergement HTTPS. Réenregistrez pour relancer la synchronisation.

L'upload d'image échoue. Que faire ?

La taille est-elle inférieure à 5 Mo ? Le format est-il PNG/JPEG/GIF ?

Recompressez ou convertissez le fichier et réuploadez.

La couleur est appliquée à la vitrine mais pas dans Stripe. Pourquoi ?

La synchronisation vers Stripe est best-effort.

Réenregistrez pour relancer la synchronisation. Si le problème persiste, contactez le support.

Le lien vers le bail retourne une erreur 404. Que faire ?

L'URL est-elle correcte et accessible en HTTPS ?

Mettez à jour l'URL avec un lien actif.

Ma succursale a une marque différente de l'entreprise. Comment faire ?

Configuration normale : la couleur d'accent et le logo sont surchargeables au niveau succursale.

Configurez les overrides au niveau Succursale. La couleur Stripe reste héritée de l'entreprise.

Après modification, la vitrine affiche encore l'ancien logo. Pourquoi ?

Le navigateur peut cacher le fichier ; le CDN peut prendre quelques minutes à se propager.

Demandez au client de rafraîchir avec Ctrl/Cmd + Shift + R, ou attendez quelques minutes.

Avez-vous trouvé la réponse à votre question ?