> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.fotostudio.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# L'interface client

L'interface client (ou espace client / espace personnel) est **une page web sécurisée** entre toi et tes clients.  

Seul ton client peut accéder à son espace afin de consulter les documents que tu mets à sa disposition (contrats à signer, devis, factures, questionnaires, etc.).  
Il peut désormais aussi modifier ses données de manière autonome, par exemple pour mettre à jour une adresse ou un numéro de téléphone.  

C'est également l'interface que ton client verra lors d'une réservation en ligne, d'un achat de bons cadeaux, etc.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-nouvelle-interface_baho1f.png =600x374)
# Personnalisation complète de l'interface 

Dans [Mon compte > Personnalisation](https://www.fotostudio.io/app/companies/customization), tu peux adapter ton identité et l'interface client selon tes besoins.

## Branding

![Branding](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-08-28-at-16145_1dket4l.png =700x256)

Tu peux définir ici ton branding : logo et couleur principale qui seront utilisés dans l'interface client, les emails et les documents.  
Tu peux également définir une deuxième couleur que tu retrouveras dans l’éditeur de texte Fotostudio.

|| Clique bien sur le bouton modifier pour enregistrer tes modifications :)  

## Interface client

![Édition de l'interface client](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/capture-decran-2026-01-05-0915_1nq44tp.png)

Ici tu peux personnaliser complètement l’interface que tes clients verront lors d’une sélection de tarif, d’une réservation en ligne, etc.

**Bannière principale :**
* 10 textures par défaut disponibles  
* Possibilité d’ajouter ta propre photo ou image (taille **conseillée**: 3200x1200px) 
* Personnalisation **selon différentes identités visuelles** ou même** pour un client en particulier **

**Logo, titre, couleurs et polices :**
* Couleurs, polices et styles de texte personnalisables  
* Arrondis des éléments ajustables (interface carrée ou arrondie)  
* Taille et marges de la bannière modulables  
* Couleur de fond personnalisable  
||| Nous te recommandons de garder en blanc la couleur du texte du bouton de l'interface client, car c'est également celle qui est reprise pour le texte des boutons des emails.

|| Clique bien sur le bouton Modifier (tout en bas) pour enregistrer tes modifications :)  

## Espace client


![Espace client](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/image_sw2y4s.png)

Dans cette section tu peux, pour chaque identité visuelle : 

**Personnaliser les titres : **
Tu peux ajouter un titre principal ainsi qu'un sous-titre, et utiliser les variables de ton choix, par exemple "Bonjour {prenom}" remplacera automatiquement la variable {prenom} par le prénom de ton client

**Choisir les sections à afficher :** 
Tu peux configurer les sections que tu souhaites rendre accessibles à tes clients : si tu coches la case, celle-ci sera visible. 

* Actions en attente : Devis/contrats à signer, questionnaires à compléter, etc.
* Agenda : Agenda des séances programmées
* Galeries: Galeries photos disponibles
* Coordonnées : Informations de contact du client
* Famille / proches : Membres de la famille du client
* Devis : Liste des devis envoyés
* Factures : Liste des factures émises
* Contrats  : Contrats à signer ou signés
* Questionnaires  : Questionnaires à remplir
* Fidélité / parrainage : Points de fidélité et liste des personnes parrainées


**Rédiger un message de bienvenue :**  
Tu peux ajouter un petit texte introductif qui accueille chaleureusement ton client dès son arrivée sur l’interface.  

**Personnaliser l'affichage des tarifs :**  
Tu peux choisir comment les tarifs s'affichent à tes clients dans les modules de réservation en ligne et de mini-sessions :
* **Affichage en carrousel** (swipe) : les clients font défiler les offres en les faisant glisser.
* **Affichage en liste** (scroll) : toutes les offres s'affichent les unes sous les autres.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/capture-decran-2026-06-22-1627_12vy962.png)


**Ajouter des boutons d'actions**
Tu peux activer ou désactiver jusqu'à 2 boutons sur l'interface client. 
Au choix : Tu décides si le lien pointe vers ta page de réservation en ligne, vers les mini-sessions ou vers un lien personnalisé comme un catalogue de vente.


![Modifier pour bien sauvegarder tes modifications](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/image_h7znie.png)
|| Pense bien à cliquer sur Sauvegarder (en bas) pour que tes modifications soient prises en compte.


# Personnalisation par identité visuelle

Il est possible de personnaliser le branding, l'interface client, le style des emails pour chaque identité visuelle: [Comment configurer plusieurs identités visuelles ?](https://help.fotostudio.io/fr/article/comment-configurer-plusieurs-identites-visuelles-1wviec2/)

# Tableau de bord client

Quand le client est connecté sur l'interface client, par exemple pour consulter un devis ou choisir un tarif, il peut accéder à son tableau de bord avec le bouton en haut à droite de l'interface:
![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-08-28-at-16342_nmraa8.png)
**Actions disponibles sur le tableau :**
* Réserver ou offrir un bon cadeau sans ressaisir les coordonnées (si les boutons sont activés)
* Consulter devis, factures, questionnaires
* Modifier ses propres coordonnées et gérer ses proches

**Personnalisation de l'interface**
Il est maintenant possible de personnaliser l'interface (image de la bannière et message) pour un client spécifique.
En haut à droite de sa fiche tu trouveras le bouton "Personnaliser"
![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-08-28-at-16410_fz9hqz.png)


### Partager le lien de l'interface client / espace personnel à ton contact

Pour informer tes clients de l'existence de leur interface client, tu peux leur envoyer un lien vers leur interface client / espace client par mail. 
Pour cela, il te suffit de créer un email, et d'y inclure la variable {page_client}. Celle-ci sera automatiquement remplacée par l'URL de l'interface client de ton contact.  

Sinon, depuis une fiche contact ou une fiche shooting, tu trouveras en haut à droite le bouton "voir l'interface client" pour récupérer l'URL direct de son interface client, si tu souhaite lui envoyer directement.

### Partager le lien de l'interface client / espace personnel à plusieurs contacts

Si tu souhaites informer certains de tes contacts (ou tous tes contacts) de l'existence de leur interface client, tu peux créer une newsletter, et y inclure la variable {page_client} (que tu trouveras dans le bouton "variables"). Cette variable sera automatiquement remplacée dans chaque email par  l'URL de l'interface client de tes contacts. 