> ## 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).

# The client interface

The client interface (or client area / personal space) is **a secure web page** between you and your clients.  

Only your client can access their space to view the documents you make available to them (contracts to sign, quotes, invoices, questionnaires, etc.).  
They can now also update their information independently, for example to update an address or phone number.  

It is also the interface your client will see during an online booking, gift card purchase, etc.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2026-06-30-at-17225_uq91tt.png =700x863)

# Full interface customization

In [My Account > Customization](https://www.fotostudio.io/app/companies/customization), you can adapt your branding and client interface according to your needs.

## Branding

![Branding](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2026-06-30-at-17301_5ldq8h.png =700x221)

Here you can define your branding: logo and primary color that will be used in the client interface, emails, and documents.  
You can also define a secondary color that you will find in the Fotostudio text editor.

|| Make sure to click the Edit button to save your changes :)  

## Client interface

![Client interface editing](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2026-06-30-at-17303_boi0ll.png)

Here you can fully customize the interface your clients will see when selecting pricing, booking online, etc.

**Main banner:**
* 10 default textures available  
* Option to add your own photo or image (**recommended** size: 3200x1200px)
* Customization **based on different visual identities** or even **for a specific client**

**Logo, title, colors, and fonts:**
* Customizable colors, fonts, and text styles  
* Adjustable rounded corners (square or rounded interface)  
* Adjustable banner size and margins  
* Customizable background color  
||| We recommend keeping the client interface button text color white, as this is also the color used for email button text.

|| Make sure to click the Edit button (at the bottom) to save your changes :)  

## Client space

![Client space](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2026-06-30-at-17305_vlb9vl.png)

In this section, for each visual identity, you can:

**Customize titles:**  
You can add a main title and subtitle, and use any variables you like. For example, "Hello {firstname}" will automatically replace the {firstname} variable with your client's first name.

**Choose which sections to display:**  
You can configure which sections you want to make accessible to your clients: if the box is checked, the section will be visible.

* Pending actions: Quotes/contracts to sign, questionnaires to complete, etc.
* Calendar: Scheduled session calendar
* Galleries: Available photo galleries
* Contact details: Client contact information
* Family / relatives: Client family members
* Quotes: List of sent quotes
* Invoices: List of issued invoices
* Contracts: Contracts to sign or already signed
* Questionnaires: Questionnaires to complete
* Loyalty / referrals: Loyalty points and list of referred contacts

**Write a welcome message:**  
You can add a short introductory text to warmly welcome your client when they arrive on the interface.

**Customize the pricing display:**  
You can choose how prices are displayed to your clients in online booking and mini-sessions modules:
* **Carousel display** (swipe): clients scroll through offers by swiping them.
* **List display** (scroll): all offers are displayed one below the other.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2026-06-30-at-17312_7a5j3n.png)

**Add action buttons**  
You can enable or disable up to 2 buttons on the client interface.  
Your choice: You decide whether the link points to your online booking page, mini-sessions, or a custom link such as a sales catalog.

![Save your changes](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2026-06-30-at-17314_1tn0lh2.png =700x211)
|| Remember to click Save (at the bottom) for your changes to take effect.

# Customization by visual identity

It is possible to customize branding, client interface, and email style for each visual identity: [How to configure multiple visual identities?](https://help.fotostudio.io/en/article/how-to-set-up-multiple-visual-identities-5jmdwd/)

# Client dashboard

When the client is logged into the client interface, for example to view a quote or choose pricing, they can access their dashboard using the button at the top right of the interface:
![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2025-08-28-at-16342_nmraa8.png)

**Actions available in the dashboard:**
* Book or gift a gift card without re-entering contact details (if buttons are enabled)
* View quotes, invoices, questionnaires
* Edit their own contact details and manage their relatives

**Interface customization**  
It is now possible to customize the interface (banner image and message) for a specific client.  
At the top right of their profile, you will find the "Customize" button.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/screenshot-2026-06-30-at-17321_14txi0x.png)

### Share the client interface / personal space link with your contact

To inform your clients about their client interface, you can send them an email with a link to their client interface / personal space.  
To do this, simply create an email and include the {client_page} variable. This will automatically be replaced with your contact's client interface URL.

Otherwise, from a contact profile or shooting profile, you will find the "view client interface" button at the top right to retrieve the direct URL of their client interface if you want to send it directly.

### Share the client interface / personal space link with multiple contacts

If you would like to inform some of your contacts (or all of them) about their client interface, you can create a newsletter and include the {client_page} variable (which you'll find in the "variables" button). This variable will automatically be replaced in each email with the client interface URL of your contacts.