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

# Volledige handleiding voor de "Fotostudio" teksteditor en het e-mailontwerp

Dankzij een **nieuwe visuele, intuïtieve en aanpasbare teksteditor** hoef je niet meer te kopiëren en plakken, zijn er geen lettertypen meer die bij elke e-mail veranderen en zijn er geen rare links naar je offertes. Hier leggen we **stap voor stap** uit hoe je alles kunt configureren en er alles uit kunt halen.

|| De oude teksteditors Froala & Summernote worden niet langer ondersteund. We raden aan nu de Fotostudio-teksteditor te gebruiken. Deze instelling vind je onder Mijn account > Personalisatie > Applicatie.
## 🔧 Activeer de nieuwe teksteditor

1. In [Mijn account > Personalisatie](https://www.fotostudio.io/app/companies/customization) > Applicatie > Teksteditor vind je nu een nieuwe editor met de naam "Fotostudio".
2. Na activering kun je in het tabblad **Branding en E-mails** de vormgeving van je communicatie aanpassen.

![Tabblad branding](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/schermafbeelding-2025-08-29-om_1g8nt42.png =700x292)
![Tabblad e-mails](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/schermafbeelding-2025-08-29-om_17evz36.png =700x426)
### Volgende instellingen zijn beschikbaar:
* **Primaire kleur**
* **Secundaire kleur**
* **Globale lettertypen**: voor **e-mails**

Er is eveneens een extra tabblad bijgekomen om de volledige **klantinterface te personaliseren. **Meer hierover lees je in het kennisartikel over [De klantinterface](https://help.fotostudio.io/nl/article/de-klantinterface-1ur4vag/)

> Het doel: niet langer de lettertypen in elke e-mail of elk contract opnieuw hoeven te configureren. Het ontwerp is gecentraliseerd.

3. Schakel de optie "Gebruik dit ontwerp in je e-mails" in om je huisstijlinstellingen automatisch toe te passen op al je e-mails.


![Voorbeeld van een e-mail met het toegepaste ontwerp](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/schermafbeelding-2025-08-29-om_1ia3ycx.png =765x791)


Zodra het ontwerp is geactiveerd:
* Krijgen je **e-mails** een **gekleurde achtergrond** (je primaire kleur)
* Worden je **links** omgezet in **stijlvolle klikbare knoppen** (en dus geen lange, lelijke URL's meer)
* Wordt je **logo** automatisch weergegeven
* Wordt het **lettertype** gebruikt dat je in je huisstijl hebt geconfigureerd


## ✏️ Gebruik de nieuwe editor voor je templates

Zodra de editor is geactiveerd, kun je deze gebruiken om je e-mail- en contract templates eenvoudig aan te passen. Ga hiervoor naar [Templates > E-mail](https://www.fotostudio.io/app/models/email_templates) of [Templates > Contracten](https://www.fotostudio.io/app/models/contract_templates).
Selecteer vervolgens de template die je wilt bewerken en klik op de knop ''Inhoud bewerken''. De editor opent dan in volledig scherm, met een duidelijke preview en alle beschikbare lay-outopties.

![Voorbeeld van de teksteditor in werking](https://storage.crisp.chat/users/helpdesk/website/-/1/1/0/6/1106822c7ec6b200/schermafbeelding-2025-08-29-om_ovah4k.png)


### Interface:
* Links: het veld om je tekst aan te passen
* Rechts: **Live preview**
* Het lettertype wordt automatisch toegepast volgens jouw instellingen
* Geen handmatige lettertypekeuzes meer = gegarandeerde consistentie

## 📦 Gebruik blokken om je e-mails en documenten te structureren

De grote nieuwe functie in deze editor is de toevoeging van **dynamische blokken**. Dit zijn de beschikbare blokken:

**Gecentreerde afbeelding**: Kies een afbeelding uit je bibliotheek. In de instellingen kun je bepalen of de afbeelding naar een URL moet verwijzen, de uitlijning, afgeronde randen en de breedte.
**Video:** Voeg hier een URL toe naar een video en pas de breedte en de positie ervan aan.
**Fotogalerij**: Voeg drie afbeeldingen naast elkaar toe met aanpasbare links. Het ontwerp is flexibel: je kunt de afstand, afgeronde randen en meer aanpassen.
**Knop**: Maak een echte knop door de link, kleur en tekst te bepalen.
**Scheiding**: Pas de kleur, breedte en dikte van de lijn aan om je content visueel te structureren.
**Fotoshoot/Promotie**: Markeer een fotoshoot of promotie door tekst, een afbeelding en een knop te combineren.
**HTML-code**: Voor de meer technisch onderlegde gebruiker: voeg aangepaste HTML-code in, compatibel met dynamische variabelen.

✅ Voor elk blok kun je de parameters instellen als **standaardwaarden**

| Voorheen veroorzaakte het plakken van content vanuit Word of websites vaak problemen: kapotte stijlen, onnodige tags en onjuiste lettertypen, waardoor de editor moeilijk te gebruiken was.

Nu wordt de tekst automatisch opgeschoond tijdens het plakken. Alleen de inhoud en regeleinden blijven behouden, wat zorgt voor een duidelijke opmaak die gemakkelijk te bewerken is.

Geen zorgen meer over lay-out en onleesbare code!

## 💾 Opslaan en publiceren

Bovenaan de editor heb je twee opties:
* **Concept opslaan**: je wijzigingen worden opgeslagen, maar niet gepubliceerd
* **Publiceren**: maakt deze template actief voor alle toekomstige verzendingen of documenten

| Automatisch opslaan is ingeschakeld: geen risico op verlies als je de editor sluit

${youtube}[Nieuwe teksteditor + e-mailontwerp](AQlieahb8ec)