088 - 120 34 00

Clang formulier intergratie voor WordPress zonder iFrames

Wanneer je een nieuwsbrief verstuurt, is het natuurlijk handig als mensen zich via je website kunnen aanmelden voor deze nieuwsbrief. Het liefst wil je dit natuurlijk volledig automatisch regelen, een gebruiker vult zijn/haar e-mailadres en eventueel n.a.w. gegevens in, klikt op de aanmeldknop, krijgt een opt-in mail en is vervolgens aangemeld voor je volgende nieuwsbrief.

 

aanmeldproces

De oplossing voor Clang gebruikers!

Als je gebruikt maakt van Clang als e-mailpakket dan ben je hier vast al eens tegen aan gelopen: hoe zet je een (inschrijf)formulier vanuit Clang op je website? De oplossing van Clang voor het integreren van een formulier is met iFrames. Wij hebben een veel betere oplossing die werkt met WordPress en zonder iFrames. We hebben er zelfs een plugin voor geschreven.
Hier een aantal redenen waarom een iFrame niet wenselijk is:

  • iFrames laden het formulier vanuit Clang, en daarom laadt een iFrame pas als de site klaar is met laden.
  • iFrames hebben een vaste hoogte en breedte, maar formulieren hebben dit meestal niet.
  • Bij het weergeven van foutmeldingen of een bedanktekst verandert de ruimte die het formulier inneemt.
  • De bedanktekst, als het formulier juist is ingevuld, komt op dezelfde plek te staan als het formulier en is dus geen aparte pagina.

Als dit zoveel problemen oplevert, waarom is er dan geen betere oplossing?
Die zijn er wel, maar hier komt al meteen wat meer kennis van HTML, Javascript en Clang bij om de hoek kijken.

Hierbij onze oplossingen.

Clang Events en het aanmeldproces

Voor deze oplossing moet je eerst een extra object aan je Clang Campagne toevoegen, namelijk het “Start on Event”-object dat hieronder te zien is als een groen vierkant.

 

aanmeld-campagne

 

Dit is hoe het aanmeldproces van onze nieuwsbrief eruit ziet.

Start-on-EventHet “Start on Event” object maakt het mogelijk om via de aanroep van een url een campagne te starten in Clang.
In deze url kunnen parameters worden meegegeven, zogeheten GET variables, met deze parameters kunnen bijvoorbeeld één e-mail adres, voornaam en achternaam worden meegegeven.

 

Edit_Start_on_Event

Deze url ziet er als volgt uit:
http://myclang.com/3/4/32/1/OW_Yx8f74cEsEbd1vFG-1VHric3LXEJo-2T5JHpirn-D_20ku_qoek9z-uFIgaGn?emailaddress=extEmail
In plaats van “extEmail” adres zou hier dan het e-mail adres van de gebruiker komen.

Nu kun je gebruik maken van je eigen forms om je nieuwsbrief aanmeldingen te verwerken, als je er maar voor zorgt dat bij het posten van het form de informatie naar de url met variable wordt gepost.

Download onze Clang Plugin voor WordPress

Klinkt dit te ingewikkeld? Geen probleem, wij hebben het werk al voor je gedaan!

Met onze plugin kun je selecteren welke opt-in mail er gestuurd moet gaan worden en in welke groep de aanmelders geplaatst moeten worden.

Het enige wat je nu nog nodig hebt is een API Token voor Clang en een opt-in campagne.

Plugin-form

Met onze plugin kun je, na het invullen van de API Token, kiezen in welke groep de aanmelders moeten komen, welke opt-in mail ze moeten ontvangen, de tekst bij het invulveld invullen, de tekst op de inschrijfbutton aanpassen en de bedanktekst bepalen.

Ook kun je meteen testen of het werkt met de handige testfunctie.

Je kunt de plugin hier downloaden.

Heb je hulp nodig bij het integreren of verbeteren van je aanmeldproces in Clang? Neem dan contact met ons op.

Stel vrijblijvend een vraag aan één van onze Consultants