Naar de hoofdinhoud

Hoe plaats ik een formulier op mijn website?

In dit artikel wordt uitgelegd hoe je een MailBlue-formulier op je website kunt integreren.

Geschreven door Team MailBlue
Meer dan 3 weken geleden bijgewerkt

Tip: nog geen formulier in MailBlue aangemaakt? Leer dan eerst hoe je een formulier aanmaakt.

Om het formulier te integreren, dien je de volgende stappen te volgen:

  1. Klik in het hoofdmenu links op 'Website' > 'Formulieren'.

  2. Klik op het formulier dat je wilt integreren.

  3. Het formulier en de bewerkmodule openen; klik rechtsbovenin op 'Integreren'.

  4. Je komt nu op een pagina uit waar bovenin staat 'Integreer je formulier'. Je ziet er vervolgens twee codes:

    • Eenvoudig insluiten: dit is een stukje code dat je in je website kunt plaatsen waarmee het formulier zichtbaar wordt. Mocht je achteraf wijzigingen maken in het formulier, dan worden deze ook direct doorgevoerd op je website. Dit is daarom de optie die we aanraden.

      Je hoeft als je wijzigingen aanbrengt aan het formulier, bij gebruik van de eenvoudige insluitcode, dus niet de code opnieuw op de website te plaatsen; wijzigingen worden automatisch doorgevoerd.

    • Volledig insluiten: hiermee pak je de volledige code en CSS van het formulier mee. Sommige websitesystemen hebben moeite om de eenvoudige insluitcode goed weer te geven; in dat geval is deze optie beter.

      Let op: mocht je wijzigingen maken in het formulier binnen MailBlue, dan dien je de volledige insluitcode opnieuw op je website te plaatsen.

  5. Ga naar je website. Dit stukje is per websitesysteem anders, maar we nemen even als voorbeeld WordPress. De meeste WordPress-thema's bieden de mogelijkheid om een codeblok/custom HTML-blok in je pagina te plaatsen. Plaats dit blok in je pagina en plak hier de code uit de integratiepagina van MailBlue. Na het opslaan en publiceren is het formulier zichtbaar op je website.

Let op: dit is een voorbeeld van een WordPress-omgeving. Maar elke omgeving is anders en er zijn ook verschillende thema's beschikbaar binnen WordPress. Het kan dus zijn dat het er bij jou anders uitziet dan in het onderstaande voorbeeld.

Screen_Recording_2021-02-18_at_11.19.45_AM.gif

Voor de meeste websitesystemen geldt dat het mogelijk is om een codeblok toe te voegen. Weet je niet zeker hoe dit werkt? Vraag deze informatie dan op bij het websitesysteem dat je gebruikt. Kom je er toch niet uit? Dan denken wij altijd graag even met je mee.

Was dit een antwoord op uw vraag?