> ## 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).
# Hoe koppel ik het formulier van mijn website aan Fotostudio
# Uw eigen formulier verbinden met Fotostudio
Heeft u al een contactformulier op uw website (WordPress, Webflow, Wix, HTML…) en wilt u dat inzendingen rechtstreeks in Fotostudio terechtkomen? Deze handleiding legt u uit hoe.
**Het belangrijkste voordeel:** uw formulier blijft 100% in uw eigen stijl — uw kleuren, uw opmaak, uw design. Fotostudio ontvangt de gegevens op de achtergrond zonder ooit op uw website te verschijnen.
> Deze methode verschilt van de **iframe**: bij de iframe wordt het Fotostudio-formulier op uw website weergegeven. Hier stuurt *uw* bestaande formulier de gegevens naar Fotostudio.
## 1. Uw verbindings-URL ophalen
Elk Fotostudio-formulier heeft een unieke URL. Wanneer uw formulier gegevens naar deze URL stuurt, maakt Fotostudio automatisch de lead aan, activeert uw workflows en stuurt u de gebruikelijke melding.
Zo vindt u deze URL:
1. Ga naar **Instellingen → Formulieren**
2. Klik op het betreffende formulier
3. Open **Code ophalen → Uw eigen formulier verbinden**
Deze popup genereert ook een volledige HTML-code, klaar om op uw website te plakken. Die bevat al de velden die u in uw Fotostudio-formulier heeft geconfigureerd, met de juiste `name`-attributen. Dit is het eenvoudigste startpunt als u van nul begint of de exacte veldnamen wilt controleren.
Uw URL ziet er zo uit:
```
https://app.fotostudio.io/f/abc123def456...
```
## 2. Uw velden benoemen
Fotostudio herkent de velden van uw formulier op basis van het `name`-attribuut. Gebruik de volgende namen:
| `name`-attribuut | Opgeslagen als |
| ---- |
| `email` | E-mail |
| `firstname` | Voornaam |
| `lastname` | Achternaam |
| `phone` | Telefoon |
| `message` | Bericht |
| `company` | Bedrijf |
| `start_date` | Datum shoot (`YYYY-MM-DD`) |
| `project_type` | ID van het shoottype |
| `place` | Locatie shoot |
De code die in de popup wordt gegenereerd (stap 1) bevat precies de velden die beschikbaar zijn voor uw formulier.
**Heeft u andere velden?** Geen probleem. Elk niet-herkend veld wordt automatisch als notitie bij het contact opgeslagen (bv. een veld `budget` wordt opgeslagen zoals het is). Er gaat niets verloren.
## 3. Anti-spam toevoegen (aanbevolen)
Voeg dit onzichtbare veld toe aan uw formulier. Bots vullen het in, mensen niet. Fotostudio weigert inzendingen waarbij dit veld is ingevuld stilzwijgend.
```html
```
## 4. Configuratie per platform
### Eigen HTML-website
De eenvoudigste methode. Voeg `action` en `method` toe aan uw `
```
Na inzending wordt de bezoeker doorgestuurd naar de URL die is geconfigureerd in **Formulierinstellingen → Doorstuur-URL**.
### Webflow
1. Selecteer uw **Form**-blok.
2. Vul in de formulierinstellingen uw Fotostudio-URL in als **Action**.
3. Stel de **Method** in op `POST`.
4. Geef elk veld een naam (het **Name**-attribuut) volgens de bovenstaande tabel.
5. Voeg een tekstveld toe met de naam `_gotcha`, stel de standaardwaarde in op leeg en verberg het via de zichtbaarheidsopties.
### WordPress — Gravity Forms
1. Maak uw formulier aan met de gewenste velden.
2. Ga naar **Instellingen → Webhooks** (vereist de Gravity Forms Webhooks-add-on).
3. Voeg een nieuwe webhook toe:
* **URL**: uw Fotostudio-URL
* **Methode**: POST
* **Formaat**: Form
4. Wijs in het gedeelte **Velden** elk Gravity Forms-veld toe aan de Fotostudio-naam (`email`, `firstname` enz.).
### WordPress — WPForms
1. Maak uw formulier aan.
2. Voeg onder **Instellingen → Webhooks** (WPForms Pro) een webhook toe:
* **Verzoek-URL**: uw Fotostudio-URL
* **Methode**: POST
3. Wijs elk veld toe aan de Fotostudio-naam.
### WordPress — Contact Form 7
CF7 laat niet toe de actie native te wijzigen. Installeer de plugin **CF7 to API** en configureer de Fotostudio-URL in de instellingen. Geef uw velden namen volgens de bovenstaande tabel.
### Wix
Wix laat niet toe de actie van een native formulier te wijzigen. Gebruik **Wix Automations**:
1. Maak uw formulier aan in Wix.
2. Ga naar **Automatiseringen → Nieuwe automatisering**.
3. Trigger: **Formulier ingediend**.
4. Actie: **Webhook verzenden** → vul uw Fotostudio-URL in.
5. Wijs de Wix-velden toe aan de Fotostudio-namen in de verzoekbody.
### Typeform / Tally
Deze tools hebben een native webhook-integratie:
* **Typeform**: Verbinden → Webhooks → vul uw Fotostudio-URL in
* **Tally**: Integraties → Webhook → vul uw Fotostudio-URL in
Wijs elke vraag toe aan de bijbehorende Fotostudio-naam.
### Squarespace
Squarespace laat in de basisplannen niet toe de actie van een native formulier te wijzigen. Twee opties:
* **Business-plan of hoger**: gebruik een HTML-codeblok met een aangepast formulier (zie het gedeelte *Eigen HTML-website* hierboven).
* **Alle plannen**: gebruik Make of Zapier om inzendingen door te sturen naar Fotostudio.
## FAQ
**Zijn dubbele inzendingen beschermd?**
Ja. Als hetzelfde IP-adres hetzelfde formulier twee keer binnen 30 seconden indient (bv. dubbelklikken op de knop), wordt de tweede inzending stilzwijgend genegeerd.
**Blijft mijn iframe werken?**
Ja, beide methoden (iframe en externe verbinding) zijn volledig onafhankelijk van elkaar. De ene heeft geen invloed op de andere.
**Kan ik de bezoeker na inzending doorsturen?**
Ja. Configureer de **Doorstuur-URL** in de instellingen van uw Fotostudio-formulier. De bezoeker wordt daarheen gestuurd na het indienen van uw externe formulier.