> ## 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). # Le créateur de sites Fotostudio # 🖥️ Le créateur de sites Fotostudio ## Introduction Le créateur de sites vous permet de construire votre site internet directement dans Fotostudio. Sa particularité : il est **relié à votre CRM**. Vos catalogues de prestations, vos galeries, vos formulaires de contact, la réservation en ligne et les bons cadeaux s'affichent sur votre site sans double saisie. Vous modifiez un tarif dans le CRM, il change sur le site, sans republier. --- ## Où trouver le créateur de sites Dans le menu, allez dans **Site web** > **Mon site**. Le même menu donne accès à **Domaines** (l'adresse de votre site) et à **Widgets pour votre site** (si vous gardez votre site actuel). --- ## Ce que comprend votre formule | | Formule Lancement | Formule Pro et au-delà | |---|---|---| | **Sites** | 1 | Jusqu'à 10 | | **Pages** | 8 par langue | Illimitées | | **Langues** | 1 | Plusieurs | | **Adresse** | Adresse Fotostudio (`monstudio.fotostudio.io`) | Adresse Fotostudio et votre propre domaine | | **Bibliothèque d'images** | 1 Go | Illimitée | | **Mention « Propulsé par Fotostudio »** | Toujours affichée | Peut être masquée | **Ce qui compte dans les 8 pages :** les pages, les pages de campagne, les pages de liens de bio et les blogs. Les pages légales, les articles de blog, les sous-menus, les liens et les pages d'espace client ne comptent pas. > 💡 Si vous passez à une formule inférieure, vous gardez les sites, langues et domaines existants, mais vous ne pouvez plus en ajouter. --- ## Créer votre site À la création, deux étapes : 1. **Couleurs et polices** : partez d'une de vos identités visuelles, ou de la palette d'un thème. Tout se règle ensuite. 2. **Pages à créer** : choisissez un thème, dont les pages sont remplies avec vos données (téléphone, adresse, email, Instagram, liens de réservation), ou **Site vide** pour composer vous-même, bloc par bloc. ### Les thèmes | Catégorie | Thème | Style | Pages créées | |---|---|---|---| | **Sites complets** | Aria | Élégant et aéré, pour un studio qui raconte | Accueil, À propos, Portfolio, Prestations, Contact | | | Onyx | Sombre et plein cadre, la photo d'abord | 5 pages | | | Sienna | Chaleureux et arrondi, pour les familles | 5 pages | | **Portfolios** | Berlin | Noir et blanc, la grille avant tout | Accueil, À propos, Contact | | | Linen | Doux et classique, en pleine page | 3 pages | | | Nord | Net et calme, pour les paysages | 3 pages | | **Site d'une page** | Mono | Sobre, tout sur une page | 1 page | | | Sable | Clair et rond, tout sur une page | 1 page | | | Kyoto | Naturel et posé, tout sur une page | 1 page | Chaque site est aussi créé avec des pages **Mentions légales** et **Politique de confidentialité**, pré-remplies avec les informations de votre entreprise. Complétez les passages marqués **[à compléter]**. > 💡 Vous pouvez changer de thème plus tard (onglet **Design** > **Choisir un thème**). Un thème change l'apparence et ajoute les pages qui manquent : il ne modifie jamais une page existante. Votre site démarre en **brouillon** : personne ne le voit tant que vous ne l'avez pas publié. --- ## L'éditeur L'éditeur se compose d'un panneau à gauche, avec quatre onglets (**Pages**, **Design**, **Stats**, **Réglages**), et de l'aperçu de votre site à droite. Les boutons **Ordinateur**, **Tablette** et **Téléphone** changent la largeur de l'aperçu. ### Les types de page Cliquez sur **Nouvelle page** et choisissez un type : | Type | À quoi il sert | |---|---| | **Page** | Du contenu, composé de blocs | | **Sous-menu** | Regroupe des pages dans le menu | | **Lien** | Mène ailleurs (une autre adresse, votre boutique...) | | **Espace client** | Réservation en ligne, mini sessions, bons cadeaux ou un catalogue, dans le design de votre site | | **Blog** | Des articles datés, du plus récent au plus ancien | | **Liens de bio** | Une colonne de boutons, pour votre bio Instagram ou TikTok | | **Page de campagne** | Une page sans menu ni pied de page, pour une offre ou une publicité | Des modèles sont proposés pour chaque page (Accueil, À propos, Portfolio, Prestations, Contact, Blog, Article...), ou **Page vide**. ### Le menu Le menu de votre site, c'est l'arbre des pages dans l'onglet **Pages**. Glissez-déposez les pages pour les réordonner ou les ranger dans un sous-menu. Une page peut aussi être **masquée du menu** tout en restant accessible par son lien. Chaque page a une **Adresse** modifiable. Si vous la changez, l'ancienne adresse redirige automatiquement vers la nouvelle. ### Les blocs Une page se compose de blocs, ajoutés avec **Ajouter un bloc**. Cherchez un bloc par son nom, et marquez vos préférés d'une étoile pour les retrouver dans **Favoris**. | Catégorie | Blocs | |---|---| | **Texte et images** | Texte, Image, Galerie, Image et texte, Cartes, Diaporama, Bannière | | **Galeries** | Galerie liée 🔗, Portfolio 🔗 | | **Prestations** | Prestations (saisies à la main), Catalogue 🔗 | | **Témoignages et FAQ** | Citation, Témoignages, FAQ | | **Liens** | Bouton, Liens en images | | **Formulaires** | Formulaire de contact 🔗, Inscription newsletter 🔗 | | **Vidéo** | Vidéo, Vidéo et texte (YouTube, Vimeo) | | **Réseaux sociaux** | Réseaux sociaux, Mur Instagram | | **Autres** | Partenaires, Coordonnées, Lieu (carte) | | **Blog** | Liste des articles, Derniers articles | | **Mise en page** | Espace, Séparateur | 🔗 = bloc relié à votre CRM : | Bloc | Ce qu'il affiche | |---|---| | **Catalogue** | Un de vos catalogues de prestations. Les tarifs restent gérés dans le CRM : une modification s'y répercute sur le site sans republier. Le visiteur peut choisir une prestation, ou le catalogue sert de vitrine seulement. | | **Galerie liée** | Les photos d'une de vos galeries publiques (12, 24 ou 60 photos). Une photo ajoutée dans la galerie paraît sur le site sans republier. | | **Portfolio** | Les galeries que vous avez marquées comme portfolio dans Galeries. | | **Formulaire de contact** | Un de vos formulaires de contact. Chaque envoi crée un prospect dans Fotostudio, comme d'habitude. Les champs se règlent dans **Formulaires de contact**. | | **Inscription newsletter** | Le nouvel inscrit devient un contact de votre CRM, avec son consentement enregistré. | > ⚠️ Les blocs **Témoignages**, **FAQ** et **Prestations** se remplissent à la main. Les photos du **Mur Instagram** sont choisies à la main : ce n'est pas un flux automatique. **Réglages de chaque bloc :** mise en page, **Couleurs** (Clair, Clair nuancé, Couleur principale, Sombre nuancé, Sombre), **Espacement** (Compact, Normal, Aéré) et **Masquer sur mobile**. Les blocs se dupliquent, se déplacent et se suppriment depuis leur barre d'outils. ### Le design L'onglet **Design** règle l'apparence de tout le site : | Section | Réglages | |---|---| | **Couleurs** | Palettes prêtes (Naturel, Noir et blanc, Sable, Forêt, Océan, Rosé, Terracotta, Nuit), vos identités visuelles ou des couleurs personnalisées | | **En-tête** | Mise en page, hauteur, bouton d'action (par exemple « Réserver »), bouton espace client, en-tête fixe, liens en majuscules | | **Logos** | Logo principal et logo clair (pour les fonds sombres) | | **Icône de l'onglet** | L'icône carrée affichée dans l'onglet du navigateur et les favoris | | **Polices** | Une police pour les titres, une pour le texte | | **Boutons, largeurs, arrondis** | Style et taille des boutons, largeur du contenu, arrondi des angles | | **Animations** | Aucune, Fondu, Glissement, Agrandissement, Rétrécissement, Dévoilement | | **Pied de page** | Un texte et jusqu'à 12 liens | ### Les images Les images se gèrent dans la **Bibliothèque**. Vous pouvez aussi importer une photo depuis vos galeries (onglet **Mes galeries**) et recadrer chaque image. - Formats acceptés : **JPEG, PNG, WebP** (le SVG n'est pas accepté) - Taille maximale : **15 Mo** par image - **Protection des images** : rend la copie plus difficile, sur les images seules ou sur toute la page. C'est une gêne, pas une sécurité. --- ## Publier votre site Chaque modification est enregistrée dans votre **brouillon**. Tant que le brouillon diffère de la version en ligne, le bouton indique **Modifications non publiées**. Cliquez sur **Publier** pour mettre votre site en ligne. - **Aperçu** : voir le brouillon comme un visiteur, avant de publier. - **Mettre hors ligne** : le site n'est plus visible, mais rien n'est perdu. L'espace client, les devis et les réservations continuent de fonctionner à votre adresse. **Publier** le remet en ligne. - **Un seul site en ligne à la fois** : si vous publiez un autre site, le précédent passe hors ligne et votre adresse sert le nouveau. ### L'historique Dans **Réglages** > **Historique**, chaque publication crée une version. Vous pouvez aussi **Enregistrer une version** en lui donnant un nom (par exemple « Avant refonte »). | Action | Effet | |---|---| | **Restaurer tout le site** / **Restaurer cette page** | Remplace votre brouillon par l'ancienne version. Le site en ligne ne change qu'à la prochaine publication. | | **Remettre en ligne** | Met directement en ligne l'ancienne version, sans toucher à votre brouillon. | Fotostudio conserve les 20 dernières versions, plus toutes celles que vous avez nommées. --- ## Un site en plusieurs langues *Disponible à partir de la formule Pro.* Dans **Réglages** > **Langues**, cliquez sur **Ajouter** et choisissez une langue (français, anglais, allemand, néerlandais, espagnol, italien, portugais, avec des variantes régionales). Vos pages sont copiées et **traduites automatiquement** en quelques instants. - Chaque langue a ses propres pages, que vous pouvez modifier librement. - Les adresses des autres langues ont un préfixe : `/en/...`, `/de/...`. La langue par défaut n'en a pas. - Quand vous modifiez la page d'origine, la traduction est signalée « L'original a changé depuis cette traduction ». Utilisez **Retraduire depuis l'original** pour la mettre à jour. - Les visiteurs voient un bandeau leur proposant la version dans leur langue. > ⚠️ **Retirer cette langue** supprime toutes les pages de cette langue. --- ## Le blog Ajoutez une page de type **Blog**, puis créez vos articles avec **Nouvel article**. Chaque article a une date de publication, une image de couverture, un chapeau et jusqu'à 10 étiquettes. | État | Signification | |---|---| | **Brouillon** | Sans date de publication : l'article n'est jamais en ligne | | **Programmé** | Avec une date future : l'article paraît tout seul à cette date, une fois le site publié | | **En ligne** | Visible sur votre site | La page blog liste les articles (6, 9 ou 12 par page) avec un filtre par étiquette. Le bloc **Derniers articles** met vos 3, 4 ou 6 derniers articles en avant sur n'importe quelle page. Un flux RSS est disponible à l'adresse `/blog/feed.xml`. --- ## L'adresse de votre site Votre site a besoin d'une adresse pour être publié. Deux possibilités, dans **Site web** > **Domaines** : - une **adresse Fotostudio** (`monstudio.fotostudio.io`), prête tout de suite et incluse dans toutes les formules ; - **votre propre domaine** (`www.monstudio.fr`), à partir de la formule Pro. Tous les détails sont dans l'article sur la gestion des domaines. --- ## Référencement et statistiques ### Référencement Dans **Réglages** > **Référencement** : le titre de la page d'accueil, la description et l'image de partage (affichée quand on partage votre site sur les réseaux sociaux). Chaque page peut avoir les siens ; laissé vide, un champ reprend le réglage du site. La section **Référencement local** transmet à Google le nom, l'adresse et le téléphone de votre studio. Fotostudio génère automatiquement le plan du site (`sitemap.xml`), le fichier `robots.txt` et les balises utiles aux moteurs de recherche. Les pages de campagne et les pages d'espace client ne sont pas indexées. Dans **Réglages**, vous pouvez aussi ajouter votre identifiant Google Analytics ou votre pixel Meta (**Mesure d'audience**), et activer un **Bandeau cookies**. ### Statistiques L'onglet **Stats** affiche, sur 7 jours, 30 jours ou 12 mois : les visiteurs, les pages vues, les pages les plus vues, d'où viennent les visiteurs (Google, Instagram, Facebook, Pinterest, TikTok...) et les boutons pressés. > 💡 Les visites sont comptées sans cookie, directement sur le serveur : rien n'est demandé au visiteur, et les robots ne sont pas comptés. --- ## L'espace client sur votre site Dans **Design** > **En-tête**, activez le **Bouton espace client dans le menu**. Vos clients y entrent leur adresse email, reçoivent un code à six chiffres et retrouvent leurs devis, factures, galeries et séances, dans le design de votre site. Les liens de vos emails (devis, factures, galeries) s'ouvrent eux aussi à l'adresse de votre site. --- ## Modifier votre site avec Claude Si vous avez connecté Claude à Fotostudio, vous pouvez lui demander de créer ou de modifier votre site en langage naturel : « ajoute une page Mariages avec mes tarifs », « change les couleurs pour quelque chose de plus chaud »... Claude travaille **toujours dans votre brouillon**. Il ne publie que si vous le lui demandez explicitement. Votre site doit avoir été créé au préalable dans **Site web** > **Mon site**. --- ## Questions fréquentes **J'ai déjà un site chez WordPress ou Wix. Dois-je changer ?** Non. Vous pouvez garder votre site et y ajouter la réservation, les bons cadeaux ou vos formulaires grâce aux widgets (**Site web** > **Widgets pour votre site**). **Je modifie mes tarifs dans le CRM. Dois-je republier le site ?** Non, pour les blocs **Catalogue**, **Galerie liée** et **Portfolio** : ils affichent toujours les données à jour. En revanche, le bloc **Prestations** est saisi à la main et se met à jour en republiant. **Pourquoi le bouton « Nouveau site » est-il grisé ?** Avec la formule Lancement, vous avez un seul site. Plusieurs sites sont disponibles à partir de la formule Pro. **Le message « Limite de 8 pages atteinte » s'affiche.** La formule Lancement comprend 8 pages par langue. Les pages légales, les articles de blog, les sous-menus et les liens ne comptent pas. Pour des pages illimitées, passez à la formule Pro. **Mon image est refusée.** Vérifiez son format (JPEG, PNG ou WebP) et son poids (15 Mo maximum). Les fichiers SVG ne sont pas acceptés. **Comment supprimer un site ?** Un site en ligne ne se supprime pas : mettez-le hors ligne d'abord. Votre dernier site ne peut pas être supprimé. **J'ai fait une erreur et publié. Puis-je revenir en arrière ?** Oui : dans **Réglages** > **Historique**, choisissez la version précédente et cliquez sur **Remettre en ligne**. **Que se passe-t-il si mon abonnement prend fin ?** Vos visiteurs voient une page d'attente jusqu'au renouvellement. Votre site n'est pas supprimé.