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:

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.

<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">

4. Configuratie per platform

Eigen HTML-website

De eenvoudigste methode. Voeg action en method toe aan uw <form>-tag:

<form action="https://app.fotostudio.io/f/UW_TOKEN" method="POST">
  <input type="text"  name="firstname" placeholder="Voornaam" required>
  <input type="text"  name="lastname"  placeholder="Achternaam" required>
  <input type="email" name="email"     placeholder="E-mail" required>
  <input type="tel"   name="phone"     placeholder="Telefoon">
  <textarea           name="message"   placeholder="Uw bericht"></textarea>
  <input type="text"  name="_gotcha"   style="display:none" tabindex="-1" autocomplete="off">
  <button type="submit">Verzenden</button>
</form>

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.

Bijgewerkt op: 19/03/2026