Hoe plaats ik een formulier op mijn WordPress website?

Het is mogelijk om via een WordPress plugin Spotler formulieren op je website te plaatsen. Hier zitten een aantal voordelen aan:

  • Het Spotler formulier wordt dynamisch op de pagina ingeladen via de WordPress plugin. Wijzig je iets aan het formulier in Spotler, dan worden deze wijzigingen direct zichtbaar op je website. 
  • De gegevens die ingevuld worden via het Spotler formulier komen direct in Spotler terecht. Je hoeft dus niet apart deze gegevens te importeren.
  • Het is gemakkelijk om automatische bevestigingen en notificaties in te stellen opvolgend op een ingevuld formulier.

Spotler heeft speciaal een plugin ontwikkeld voor WordPress. De plugin is kosteloos in WordPress te activeren, voor de benodigde Spotler REST API betaal je wel aanvullende kosten. Met de plugin kun je formulieren of surveys zowel op pagina’s als op posts in WordPress plaatsen. Ook als je een ander CMS gebruikt, kan de WordPress-plugin nuttig voor voor je zijn, omdat de PHP-code voor jou als voorbeeldcode kan dienen. 

Omar_bord_serieus.png

Heb je al een bestaande WordPress plug-in?
Wanneer je al een bestaande WordPress plug-in hebt dan is het van belang dat je bij een nieuwe versie opnieuw de plug-in activeert. Lees hier meer over in het artikel: Hoe update ik de WordPress plug-in van Spotler?

Stappen 

Er zijn een aantal stappen die je neemt om een Spotler formulier via een WordPress plugin te integreren.

Activeren Spotler Rest API

Allereerst is het belangrijk dat je de REST API hebt geactiveerd om de WordPress Plugin te kunnen gebruiken. Meer hierover lees je in het artikel: Hoe activeer ik de REST API?

Heb je de REST API al eerder geactiveerd voor WordPress?

Check dan of je de systeemnaam voor je WordPress koppeling al hebt geselecteerd. 

  1. Ga naar Instellingen
  2. Klik rechtsboven op Integraties
  3. Vervolgens klikt met je muis op Bewerken

    mceclip0.png

  4. Er opent een pop-up waar je het systeem kan selecteren

    mceclip1.png

  5. Klik op OK en in het overzicht is duidelijk welk systeem is gekoppeld met Spotler.

Rest API is geactiveerd? Dan kun je verder met het activeren van de plugin. 

Activeren plugin

  1. Log in op je WordPress website
  2. Ga in het menu links naar Plugins en kies voor Nieuwe plugin/ Add New.

    mceclip0.png

    Zoek in het overzicht van plugins naar Spotler Forms

    mceclip1.png

    Klik op Nu installeren/Activate.
  3. Voor de WordPress plugin is het noodzakelijk dat je de REST API hebt geactiveerd in Spotler. Lees hier meer over in het artikel: Hoe activeer ik de REST API? 

    Vervolgens ga je naar de Instellingen/Settings en klik je op Spotler Forms

    Settings_SpotlerForms.png


    Bij de instellingen van WordPress ga je de koppeling leggen met de REST API tussen Spotler en je WordPress website. Je voert hier de key en secret in die je terug vindt in Spotler. Bij Spotler API URL zet je de volgende url: https://restapi.mailplus.nl/integrationservice

    Settings_SpotlerForms.png

     

    Let op: Wanneer je de key en secret kopieert vanuit je Spotler instellingen. Selecteer dan met je muis van de eerste letter naar de laatste letter. Dit om te voorkomen dat er geen spaties worden meegenomen tijdens het kopiëren. 
    Selecteren.gif

    Klik op Wijzigingen opslaan/Save Changes.

Plaatsen van een formulier op een WordPress pagina

  1. Vervolgens zoek je de pagina op waar je het formulier op wilt plaatsen. Klik in het menu op Pagina's en zoek via het overzicht de juiste pagina op.

    Pages.png

  2. Wanneer je op de pagina bent dan voeg je een extra artikel blok toe aan je pagina. Klik in het artikelblok op Add Spotler form.

    Add_Spotlerplugin.png

  3. Er opent een pop-up met een dropdown-menu. Kies een Spotler formulier of survey die je op de pagina wilt plaatsen en klik daarna op Ok:

    2021-12-20_12h01_41.png


    Let op: Alle formulieren zijn te selecteren. Ook degene die de status Proef of Concept hebben in Spotler.

  4. Je ziet nu niet het daadwerkelijke formulier in het artikelblok van WordPress, maar een formulier id. Het formulier is dynamisch en wordt ingeladen op basis van dit kenmerk. Dit betekent dat wanneer jij een wijziging doet binnen het formulier, dit automatisch wordt bijgewerkt op je webpagina. 

    Spotler_FormID.png

    Klik op Save changes. Werk de pagina bij zoals je gewend bent in WordPress. 
  5. Bekijk de webpagina in een nieuw browser venster en je ziet dat het formulier is geïntegreerd op je webpagina.
  6. Vanaf nu vind je alle mensen die het formulier invullen terug in Spotler.

 

Omar_Lightbulb_vr.png

Styling van een formulier aanpassen?
Als je een Spotler formulier plaatst op je eigen website, dan geef je daar ook de styling mee. De layout van een formulier of survey wordt bepaald door de stijlen die worden meegegeven aan de webpagina. Hiervoor wordt een stylesheet (CSS) gebruikt. De CSS moet beschikbaar zijn op alle webpagina’s waarop het formulier geïntegreerd wordt. Meer weten over hoe je elementen kan opmaken van een formulier? Lees het artikel: Hoe kan ik de opmaak van mijn formulieren wijzigen?

 

Interessante artikelen