> ## 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). # De websitebouwer van Fotostudio # 🖥️ De websitebouwer van Fotostudio ## Inleiding Met de websitebouwer bouw je je website rechtstreeks in Fotostudio. Het bijzondere: hij is **gekoppeld aan je CRM**. Je dienstencatalogi, je galerijen, je contactformulieren, online reserveren en de cadeaubonnen verschijnen op je website zonder dat je iets dubbel hoeft in te voeren. Wijzig je een tarief in het CRM, dan verandert het op de website, zonder opnieuw te publiceren. --- ## Waar vind je de websitebouwer? Ga in het menu naar **Website** > **Mijn website**. Via hetzelfde menu kom je bij **Domeinen** (het adres van je website) en **Widgets voor je website** (als je je huidige website houdt). --- ## Wat je abonnement omvat | | Lancering-abonnement | Pro-abonnement en hoger | |---|---|---| | **Websites** | 1 | Tot 10 | | **Pagina's** | 8 per taal | Onbeperkt | | **Talen** | 1 | Meerdere | | **Adres** | Fotostudio-adres (`mijnstudio.fotostudio.io`) | Fotostudio-adres en je eigen domein | | **Afbeeldingenbibliotheek** | 1 GB | Onbeperkt | | **Vermelding „Gemaakt met Fotostudio”** | Altijd getoond | Kan verborgen worden | **Wat telt mee in de 8 pagina's:** de pagina's, de landingspagina's, de bio-linkpagina's en de blogs. Juridische pagina's, blogartikelen, submenu's, links en klantenzonepagina's tellen niet mee. > 💡 Stap je over naar een lager abonnement, dan behoud je de bestaande websites, talen en domeinen, maar kun je er geen nieuwe meer toevoegen. --- ## Je website aanmaken Bij het aanmaken zijn er twee stappen: 1. **Kleuren en lettertypes**: vertrek van een van je visuele identiteiten, of van het palet van een thema. Alles is daarna aan te passen. 2. **Aan te maken pagina’s**: kies een thema, waarvan de pagina's met jouw gegevens gevuld worden (telefoon, adres, e-mail, Instagram, reserveringslinks), of **Lege site** om zelf samen te stellen, blok per blok. ### De thema's | Categorie | Thema | Stijl | Aangemaakte pagina's | |---|---|---|---| | **Volledige websites** | Aria | Elegant en luchtig, voor een studio die vertelt | Start, Over mij, Portfolio, Diensten, Contact | | | Onyx | Donker en paginavullend, de foto eerst | 5 pagina's | | | Sienna | Warm en rond, voor gezinnen | 5 pagina's | | **Portfolio's** | Berlin | Zwart-wit, het raster voorop | Start, Over mij, Contact | | | Linen | Zacht en klassiek, paginavullend | 3 pagina's | | | Nord | Helder en rustig, voor landschappen | 3 pagina's | | **Eénpaginasite** | Mono | Sober, alles op één pagina | 1 pagina | | | Sable | Licht en rond, alles op één pagina | 1 pagina | | | Kyoto | Natuurlijk en bedaard, alles op één pagina | 1 pagina | Elke website wordt ook aangemaakt met de pagina's **Juridische informatie** en **Privacybeleid**, vooraf ingevuld met de gegevens van je bedrijf. Vul de passages aan die gemarkeerd zijn met **[aan te vullen]**. > 💡 Je kunt later van thema wisselen (tabblad **Design** > **Kies een thema**). Een thema verandert het uiterlijk en voegt ontbrekende pagina's toe: het wijzigt nooit een bestaande pagina. Je website start als **concept**: niemand ziet hem zolang je hem niet gepubliceerd hebt. --- ## De editor De editor bestaat uit een paneel links, met vier tabbladen (**Pagina's**, **Design**, **Statistieken**, **Instellingen**), en het voorbeeld van je website rechts. De knoppen **Computer**, **Tablet** en **Telefoon** veranderen de breedte van het voorbeeld. ### De paginatypes Klik op **Nieuwe pagina** en kies een type: | Type | Waarvoor dient het? | |---|---| | **Pagina** | Inhoud, opgebouwd uit blokken | | **Submenu** | Groepeert pagina's in het menu | | **Link** | Leidt naar elders (een ander adres, je webshop...) | | **Klantenzone** | Online reserveren, minisessies, cadeaubonnen of een catalogus, in het design van je website | | **Blog** | Gedateerde artikelen, van het nieuwste naar het oudste | | **Bio-links** | Een kolom knoppen, voor je Instagram- of TikTok-bio | | **Landingspagina** | Een pagina zonder menu of voettekst, voor een aanbieding of een advertentie | Voor elke pagina worden sjablonen voorgesteld (Start, Over mij, Portfolio, Diensten, Contact, Blog, Artikel...), of **Lege pagina**. ### Het menu Het menu van je website is de paginaboom in het tabblad **Pagina's**. Sleep de pagina's om ze te herschikken of in een submenu te plaatsen. Een pagina kan ook **uit het menu verborgen** worden en toch bereikbaar blijven via haar link. Elke pagina heeft een aanpasbaar **Adres**. Wijzig je het, dan verwijst het oude adres automatisch door naar het nieuwe. ### De blokken Een pagina bestaat uit blokken, die je toevoegt met **Blok toevoegen**. Zoek een blok op naam, en markeer je favorieten met een ster om ze terug te vinden in **Favorieten**. | Categorie | Blokken | |---|---| | **Tekst en afbeeldingen** | Tekst, Afbeelding, Galerij, Beeld en tekst, Kaarten, Diavoorstelling, Banner | | **Galerijen** | Gekoppelde galerij 🔗, Portfolio 🔗 | | **Diensten** | Diensten (met de hand ingevoerd), Catalogus 🔗 | | **Ervaringen en FAQ** | Citaat, Ervaringen, FAQ | | **Links** | Knop, Beeldlinks | | **Formulieren** | Contactformulier 🔗, Nieuwsbriefinschrijving 🔗 | | **Video** | Video, Video en tekst (YouTube, Vimeo) | | **Sociale media** | Sociale media, Instagram-muur | | **Overige** | Partners, Contactgegevens, Locatie (kaart) | | **Blog** | Lijst van artikelen, Laatste artikelen | | **Opmaak** | Afstand, Scheiding | 🔗 = blok gekoppeld aan je CRM: | Blok | Wat het toont | |---|---| | **Catalogus** | Een van je dienstencatalogi. De tarieven worden in het CRM beheerd: een wijziging daar verschijnt op de website zonder opnieuw te publiceren. De bezoeker kan een dienst kiezen, of de catalogus dient alleen als etalage. | | **Gekoppelde galerij** | De foto's van een van je openbare galerijen (12, 24 of 60 foto's). Een foto die aan de galerij wordt toegevoegd, verschijnt op de website zonder opnieuw te publiceren. | | **Portfolio** | De galerijen die je in Fotogalerijen als portfolio gemarkeerd hebt. | | **Contactformulier** | Een van je contactformulieren. Elke inzending maakt zoals gewoonlijk een prospect aan in Fotostudio. De velden stel je in bij **Contactformulieren**. | | **Nieuwsbriefinschrijving** | De nieuwe inschrijver wordt een contact in je CRM, met zijn toestemming geregistreerd. | > ⚠️ De blokken **Ervaringen**, **FAQ** en **Diensten** vul je met de hand in. De foto's van de **Instagram-muur** kies je met de hand: het is geen automatische feed. **Instellingen van elk blok:** lay-out, **Kleuren** (Licht, Licht accent, Accent, Donker accent, Donker), **Witruimte** (Compact, Normaal, Ruim) en **Verbergen op mobiel**. Blokken dupliceer, verplaats en verwijder je via hun werkbalk. ### Het design Het tabblad **Design** regelt het uiterlijk van de hele website: | Sectie | Instellingen | |---|---| | **Kleuren** | Kant-en-klare paletten (Natuurlijk, Zwart-wit, Zand, Bos, Oceaan, Rozé, Terracotta, Nacht), je visuele identiteiten of aangepaste kleuren | | **Koptekst** | Lay-out, hoogte, actieknop (bijvoorbeeld „Boeken”), knop klantenruimte, vaste koptekst, links in hoofdletters | | **Logo's** | Hoofdlogo en licht logo (voor donkere achtergronden) | | **Tabbladpictogram** | Het vierkante pictogram in het tabblad van de browser en in de bladwijzers | | **Lettertypes** | Eén lettertype voor de titels, één voor de tekst | | **Knoppen, breedtes, afronding** | Stijl en grootte van de knoppen, breedte van de inhoud, afronding van de hoeken | | **Animaties** | Geen, Vervagen, Omhoog schuiven, Vergroten, Verkleinen, Onthullen | | **Voettekst** | Een tekst en tot 12 links | ### De afbeeldingen Afbeeldingen beheer je in de **Bibliotheek**. Je kunt ook een foto uit je galerijen importeren (tabblad **Mijn galerijen**) en elke afbeelding bijsnijden. - Aanvaarde formaten: **JPEG, PNG, WebP** (SVG wordt niet aanvaard) - Maximale grootte: **15 MB** per afbeelding - **Beveiliging van de foto's**: maakt kopiëren moeilijker, alleen op de afbeeldingen of op de hele pagina. Het is een drempel, geen beveiliging. --- ## Je website publiceren Elke wijziging wordt opgeslagen in je **concept**. Zolang het concept verschilt van de onlineversie, toont de knop **Niet-gepubliceerde wijzigingen**. Klik op **Publiceren** om je website online te zetten. - **Voorbeeld**: het concept bekijken zoals een bezoeker, voordat je publiceert. - **Offline halen**: de website is niet meer zichtbaar, maar er gaat niets verloren. De klantenzone, de offertes en de reserveringen blijven werken op je adres. **Publiceren** zet hem weer online. - **Eén website tegelijk online**: publiceer je een andere website, dan gaat de vorige offline en bedient je adres de nieuwe. ### De geschiedenis In **Instellingen** > **Geschiedenis** maakt elke publicatie een versie aan. Je kunt ook **Een versie opslaan** met een naam (bijvoorbeeld „Voor de vernieuwing”). | Actie | Effect | |---|---| | **De hele site herstellen** / **Deze pagina herstellen** | Vervangt je concept door de oude versie. De onlinewebsite verandert pas bij de volgende publicatie. | | **Weer online zetten** | Zet de oude versie meteen online, zonder aan je concept te komen. | Fotostudio bewaart de 20 laatste versies, plus alle versies die je een naam gegeven hebt. --- ## Een website in meerdere talen *Beschikbaar vanaf het Pro-abonnement.* Klik in **Instellingen** > **Talen** op **Toevoegen** en kies een taal (Frans, Engels, Duits, Nederlands, Spaans, Italiaans, Portugees, met regionale varianten). Je pagina's worden gekopieerd en in enkele ogenblikken **automatisch vertaald**. - Elke taal heeft haar eigen pagina's, die je vrij kunt aanpassen. - De adressen van de andere talen hebben een voorvoegsel: `/en/...`, `/de/...`. De standaardtaal heeft er geen. - Wijzig je de oorspronkelijke pagina, dan wordt bij de vertaling gemeld: „Het origineel is gewijzigd sinds deze vertaling”. Gebruik **Opnieuw vertalen vanuit het origineel** om ze bij te werken. - Bezoekers zien een balk die hun de versie in hun taal aanbiedt. > ⚠️ **Deze taal verwijderen** verwijdert alle pagina's van die taal. --- ## De blog Voeg een pagina van het type **Blog** toe en maak daarna je artikelen met **Nieuw artikel**. Elk artikel heeft een publicatiedatum, een omslagafbeelding, een intro en tot 10 tags. | Status | Betekenis | |---|---| | **Concept** | Zonder publicatiedatum: het artikel staat nooit online | | **Gepland** | Met een datum in de toekomst: het artikel verschijnt vanzelf op die datum, zodra de website gepubliceerd is | | **Online** | Zichtbaar op je website | De blogpagina toont de artikelen (6, 9 of 12 per pagina) met een filter per tag. Het blok **Laatste artikelen** zet je 3, 4 of 6 laatste artikelen in de kijker op elke pagina. Een RSS-feed is beschikbaar op het adres `/blog/feed.xml`. --- ## Het adres van je website Je website heeft een adres nodig om gepubliceerd te worden. Twee mogelijkheden, in **Website** > **Domeinen**: - een **Fotostudio-adres** (`mijnstudio.fotostudio.io`), meteen klaar en inbegrepen in alle abonnementen; - **je eigen domein** (`www.mijnstudio.nl`), vanaf het Pro-abonnement. Alle details staan in het artikel „De domeinen van je website beheren”. --- ## Vindbaarheid en statistieken ### Vindbaarheid In **Instellingen** > **SEO**: de titel van de startpagina, de beschrijving en de deelafbeelding (getoond wanneer iemand je website op sociale media deelt). Elke pagina kan haar eigen instellingen hebben; een leeg veld neemt de instelling van de website over. De sectie **Lokale vindbaarheid** geeft de naam, het adres en het telefoonnummer van je studio door aan Google. Fotostudio maakt automatisch het sitemapbestand (`sitemap.xml`), het bestand `robots.txt` en de tags aan die zoekmachines nodig hebben. Landingspagina's en klantenzonepagina's worden niet geïndexeerd. In **Instellingen** kun je ook je Google Analytics-ID of je Meta-pixel toevoegen (**Bezoekersmeting**) en een **Cookiebanner** inschakelen. ### Statistieken Het tabblad **Statistieken** toont, over 7 dagen, 30 dagen of 12 maanden: de bezoekers, de bekeken pagina's, de meest bekeken pagina's, waar de bezoekers vandaan komen (Google, Instagram, Facebook, Pinterest, TikTok...) en de knoppen waarop geklikt is. > 💡 Bezoeken worden zonder cookie geteld, rechtstreeks op de server: de bezoeker wordt niets gevraagd, en robots worden niet meegeteld. --- ## De klantenzone op je website Schakel in **Design** > **Koptekst** de **Knop klantenruimte in het menu** in. Je klanten geven daar hun e-mailadres in, ontvangen een code van zes cijfers en vinden hun offertes, facturen, galerijen en sessies terug, in het design van je website. Ook de links in je e-mails (offertes, facturen, galerijen) openen op het adres van je website. --- ## Je website aanpassen met Claude Heb je Claude aan Fotostudio gekoppeld, dan kun je hem in gewone taal vragen je website aan te maken of aan te passen: „voeg een pagina Bruiloften toe met mijn tarieven”, „maak de kleuren wat warmer”... Claude werkt **altijd in je concept**. Hij publiceert alleen als je hem dat uitdrukkelijk vraagt. Je website moet vooraf aangemaakt zijn in **Website** > **Mijn website**. --- ## Veelgestelde vragen **Ik heb al een website bij WordPress of Wix. Moet ik overstappen?** Nee. Je kunt je website houden en er online reserveren, cadeaubonnen of je formulieren aan toevoegen met widgets (**Website** > **Widgets voor je website**). **Ik wijzig mijn tarieven in het CRM. Moet ik de website opnieuw publiceren?** Nee, niet voor de blokken **Catalogus**, **Gekoppelde galerij** en **Portfolio**: die tonen altijd de actuele gegevens. Het blok **Diensten** vul je daarentegen met de hand in en het wordt bijgewerkt wanneer je opnieuw publiceert. **Waarom is de knop „Nieuwe website” grijs?** Met het Lancering-abonnement heb je één website. Meerdere websites zijn beschikbaar vanaf het Pro-abonnement. **De melding „Je hebt de limiet van 8 pagina's van het Lancering-abonnement bereikt” verschijnt.** Het Lancering-abonnement omvat 8 pagina's per taal. Juridische pagina's, blogartikelen, submenu's en links tellen niet mee. Voor onbeperkt pagina's stap je over naar het Pro-abonnement. **Mijn afbeelding wordt geweigerd.** Controleer het formaat (JPEG, PNG of WebP) en de grootte (maximaal 15 MB). SVG-bestanden worden niet aanvaard. **Hoe verwijder ik een website?** Een website die online staat, kun je niet verwijderen: haal hem eerst offline. Je laatste website kan niet verwijderd worden. **Ik heb een fout gemaakt en gepubliceerd. Kan ik terug?** Ja: kies in **Instellingen** > **Geschiedenis** de vorige versie en klik op **Weer online zetten**. **Wat gebeurt er als mijn abonnement afloopt?** Je bezoekers zien een wachtpagina tot de verlenging. Je website wordt niet verwijderd.