Hoe koppel ik het Fotostudio-contactformulier aan mijn website? (WordPress, Wix, enz.)

Zodra je je contactformulier in Fotostudio hebt aangemaakt, kun je het op je website integreren.

De HTML-code ophalen

Begin met het ophalen van de HTML-code van je formulier.

Open hiervoor je contactformulier via Contacten > Contactformulieren en klik op de knop le bouton de code verkrijgen.

In het venster dat wordt geopend, vind je de code die je op je website moet invoegen. Kopieer deze code.

De code ziet er als volgt uit:

<iframe width="100%" height="650" src="https://www.fotostudio.io/lead_forms/XXXX" frameborder="0" allowfullscreen></iframe>

Je kunt de hoogte van het iframe waarin het formulier staat aanpassen. Standaard staat height="650" op 650. Afhankelijk van het aantal vragen in je formulier kun je deze waarde verhogen, zodat bezoekers niet hoeven te scrollen om de knop Verzenden te bereiken.

We raden je aan te testen welke hoogte het best past bij jouw formulier wanneer je het op je website integreert.

Het formulier op je website invoegen

De manier waarop je het contactformulier integreert, hangt af van het platform dat je gebruikt. Hieronder lees je hoe dit werkt in WordPress en Wix.

Wordpress

Voeg een HTML-blok toe aan je pagina:

Klik op het plusteken (+) om een blok toe te voegen.
Selecteer het HTML-blok.
Plak de HTML-code van je contactformulier in het tekstvak.

Bron: Wordpress.com

Wix

Voeg een HTML-widget toe aan je pagina:

Klik links in de editor op Toevoegen.
Klik op Insluiten.
Selecteer Een widget insluiten om een iFrame aan je pagina toe te voegen.
Voeg je code toe:

·       Klik op Code invoeren.
·       Plak de HTML-code van je contactformulier in het tekstvak.
·       Klik op Toepassen.

Bron: Wix.com

Andere websitebouwer of hostingprovider (bijv. Hostinger)

Om het Fotostudio-formulier aan je website toe te voegen, kun je een van deze twee methodes gebruiken:

→ Voeg de URL die Fotostudio levert toe in een iFrame-component.
OF
→ Voeg een aangepaste HTML-component toe met de HTML-code die Fotostudio levert.

Controleer daarna of de integratie goed werkt door het contactformulier op je website zelf in te vullen en te verzenden.

Afhankelijk van het aantal velden in je contactformulier kan er naast het formulier een scrollbalk verschijnen. Pas in dat geval de waarde van height="650" in de code op je website aan. Test verschillende waarden totdat de hoogte goed aansluit bij de lengte van je formulier.

Heb je problemen met het integreren van je contactformulier op je website? Neem dan contact met ons op via de chat rechtsonder.

Bijgewerkt op: 07/09/2026

Was dit artikel nuttig?

Dankuwel!