🧩 Les widgets : Fotostudio dans votre site

Qu'est-ce qu'un widget ?

Vous avez déjà un site chez WordPress, Wix, Squarespace ou ailleurs ? Les widgets vous permettent d'y intégrer la réservation, les mini sessions, les bons cadeaux, vos catalogues ou vos formulaires de contact, directement dans vos pages et avec vos couleurs.

Vos visiteurs réservent ou achètent sans quitter votre site, et tout arrive dans Fotostudio : contacts, séances, paiements.

💡 Vous avez un site Fotostudio ? Ces modules y sont déjà, sans code à coller. Voir l'article sur le créateur de sites.

Où trouver les widgets

Dans le menu, allez dans Site web > Widgets pour votre site.

Les modules disponibles

Choisissez le module dans la liste Module :

Pourquoi un module n'apparaît pas dans la liste ?

• Un type de séance n'apparaît que s'il a des disponibilités de réservation en ligne (pour ne jamais afficher un calendrier vide).
• Les types de mini session archivés sont masqués.
• Si la liste est vide, créez d'abord une prestation, un catalogue ou un formulaire de contact.

Si vous avez plusieurs identités graphiques, une liste Identité graphique permet de choisir celle du widget.

Intégrer un widget en 3 étapes

Étape 1 : Choisir le module

Sélectionnez le module dans Le module à intégrer. L'Aperçu en bas de page montre le widget tel qu'il s'affichera dans votre site, avec vos couleurs.

Étape 2 : Copier le code

Dans Le code à coller, cliquez sur Copier le code. Le code ressemble à ceci :

<div data-fs-widget="booking" data-fs-photographer="..."></div>
<script src="https://www.fotostudio.io/embed.js" async></script>

Étape 3 : Coller le code dans votre site

Collez ce code dans votre page, à l'endroit où le module doit apparaître :

Le widget prend toute la largeur disponible, et sa hauteur s'ajuste toute seule à son contenu. Vous pouvez placer plusieurs widgets sur une même page.

💡 Rien à déclarer ni à autoriser : le widget fonctionne sur n'importe quel site dès que le code est collé.

Adapter l'apparence

Par défaut, vos widgets prennent les couleurs et la police de votre identité graphique. Pour les ajuster à votre site, utilisez la carte Apparence des widgets :

Laissez un champ vide pour garder la valeur de votre identité graphique, puis cliquez sur Enregistrer. Si vous avez plusieurs identités graphiques, chacune a ses propres réglages.

💡 Ces réglages ne concernent que les widgets. Votre espace client, ouvert directement, garde son apparence habituelle.

Le lien vers votre espace client

L'espace client (devis, factures, contrats, galeries) ne s'intègre pas en widget : c'est un lien à placer dans le menu de votre site, par exemple sous le nom « Espace client ».

1. Dans la carte Lien vers votre espace client, cliquez sur Copier le lien
2. Ajoutez ce lien dans le menu de votre site (WordPress, Wix, Squarespace ou ailleurs)

Vos clients entrent leur adresse email et reçoivent un code de connexion.

💡 Sans adresse à votre nom, le lien porte l'adresse de Fotostudio. Choisissez une adresse comme monstudio.fotostudio.io ou votre propre domaine (lien Choisir mon adresse) : le lien portera alors votre nom, et les liens de vos emails aussi. Voir l'article sur la gestion des domaines.

Inscription à la newsletter

Dans la carte Inscription à la newsletter, cochez Demander une confirmation par email pour que l'inscription ne compte qu'une fois le lien de confirmation cliqué. Aucune adresse fausse ou saisie par quelqu'un d'autre n'entre dans votre liste, et vos envois passent mieux.

Ce réglage s'applique à tous vos formulaires newsletter, y compris sur un site Fotostudio.

Où vos widgets sont affichés

La carte Où vos widgets sont affichés liste automatiquement les sites qui affichent un de vos modules, avec la date de dernière visite et un nombre d'affichages approximatif. Rien à faire de votre côté.

💡 Un site peut mettre un peu de temps à apparaître, et certains anciens navigateurs ne sont pas détectés : l'absence d'un site dans la liste ne veut pas dire que le widget ne fonctionne pas.

Bon à savoir

Questions fréquentes

Le widget ne s'affiche pas sur ma page.
Vérifiez que le code a été collé en entier (le <div> et la ligne <script>), dans un bloc qui accepte du HTML. Certains éditeurs n'affichent pas les scripts en mode édition : regardez la page publiée.

Mon outil refuse les scripts.
Écrivez-nous : nous verrons ensemble la meilleure solution pour votre plateforme.

Le widget affiche une page vide.
Le module a peut-être été supprimé (catalogue, formulaire ou type de mini session). Choisissez à nouveau le module dans Site web > Widgets pour votre site et recollez le code.

J'ai modifié mes tarifs ou mes disponibilités. Dois-je recoller le code ?
Non. Le widget affiche toujours les données à jour de Fotostudio.

J'avais intégré un formulaire de contact avec l'ancien code (iframe). Fonctionne-t-il encore ?
Oui, les anciens codes continuent de fonctionner. Le nouveau code a l'avantage d'ajuster sa hauteur tout seul.

Puis-je intégrer une galerie ou mon espace client complet ?
Non. L'espace client s'ouvre par un lien (voir plus haut), et les galeries se partagent par leur lien habituel.

Mon client doit-il créer un compte pour réserver ?
Non. Il réserve directement dans le widget, et ses informations arrivent dans Fotostudio.

Mis à jour le : 29/09/2026