Installatie Contactformulier 7

Voordat u begint

Om deze integratie in WordPress te kunnen gebruiken, moet je Contact Form 7 plugin versie (ten minste) 5.0.0 en CleverReach WordPress plugin geïnstalleerd hebben.

Ook zullen CleverReach componenten niet zichtbaar zijn in Contact Form 7 formulieren totdat de initiële synchronisatie is voltooid.

Overzicht integraties

Op de CleverReach plugin dashboard pagina is er een nieuwe sectie gewijd aan integraties met andere plugins binnen WordPress. Voorlopig is er alleen de Contact Form 7 integratie. Deze sectie toont de status van de Contact Form 7 plugin (of deze is geïnstalleerd of niet) en geeft de gebruiker de mogelijkheid om op de plugin naam te klikken en direct naar de plugin pagina op WordPress te worden gebracht waar deze plugin kan worden gedownload en geïnstalleerd in de WordPress site van de gebruiker.

afbeelding7.png

 Zodra de Contact Form 7 plugin is geïnstalleerd en geactiveerd op de site, zal deze status veranderen.

afbeelding1.png

Contactformulier 7 Plugin

Contact Form 7 is een van de meest gebruikte WordPress plugins met meer dan 5 miljoen actieve installaties en meer dan 100 miljoen downloads. 

CF7 kan meerdere contactformulieren beheren en biedt de mogelijkheid om het formulier en de inhoud van de e-mail flexibel aan te passen met eenvoudige opmaak. Het formulier ondersteunt Ajax-gestuurd verzenden, CAPTCHA, Akismet spamfiltering enzovoort. Enkele van de belangrijkste functies van Contact Form 7 zijn:

  • Meerdere contactformulieren maken en beheren
  • Formuliervelden eenvoudig aanpassen
  • Gebruik eenvoudige markup om de inhoud van e-mail te wijzigen
  • Formulieren invoegen in pagina's of berichten met behulp van Shortcode
  • Plugin ondersteunt Akismet spamfiltering, Ajax-gestuurd verzenden en CAPTCHA
  • Veel extensies van derden om extra functionaliteit toe te voegen

De huidige versie van de Contact Form 7 plugin is 5.1.2. 74% van alle actieve gebruikers gebruikt een latere versie dan 5.0.0.

Met Contact Form 7 kan de gebruiker de sjablonen van contactformulieren en e-mails (e-mailheaders en berichttekst) bewerken met verschillende "tags". In de terminologie van Contact Form 7 betekent tag een kleine tekenreeks van het type tussen vierkante haakjes ([ ]).

Tags voor formulieren en tags voor e-mails zien er verschillend uit, bijvoorbeeld [tekst* uw-naam] kan worden gebruikt in formulieren en [uw-naam] kan worden gebruikt in e-mails. Ze hebben elk een andere syntaxis.

 image3.png

Type is de belangrijkste factor, omdat het bepaalt welk type HTML-element zichzelf vervangt en wat voor soort invoer er wordt verwacht. De naam wordt gebruikt om het invoerveld te identificeren. De meeste form tags hebben een naam, maar er zijn uitzonderingen. Opties specificeren details over gedrag en uiterlijk. Deze zijn optioneel.

Formulier bewerken

Contact Form 7 formulieren kunnen worden geopend door naar "Contact > Contact Forms" te gaan. Dit opent een pagina die alle contactformulieren toont die met deze plugin zijn aangemaakt. Standaard wordt er al één contactformulier aangemaakt. Elk formulier heeft een shortcode waarmee je een bepaald contactformulier kunt invoegen op elke pagina in WordPress.

afbeelding10.png

Zodra de gebruiker een formulier kiest om te bewerken, wordt een nieuwe pagina geopend met een aantal standaardvelden voor contactgegevens, zoals e-mail, naam, onderwerp en bericht. Er zijn ook tags die helpen bij het invoegen van een concreet veld in het contactformulier.

Naast andere tags die worden meegeleverd met de Contact Form 7 plugin, is er ook een CleverReach Sign-Up field tag (1) die een nieuwsbrief checkbox toevoegt aan het contactformulier. In de tabbladen sectie hierboven, is er een CleverReach instellingen tab (2) waarmee de gebruiker kan configureren hoe de ontvangers die zich hebben aangemeld via het contactformulier worden gesynchroniseerd met CleverReach.

afbeelding2.png

Aanmelden Veld

Zodra de gebruiker op de CleverReach Sign-Up veld tag klikt, verschijnt er een pop-up venster met de nieuwsbrief checkbox instellingen.

Er zijn meerdere configureerbare waarden op dit punt.

  • Label dat de tekst bepaalt die naast het inschrijvingsvakje voor de nieuwsbrief wordt weergegeven (de standaardtekst is "Abonneer u op de nieuwsbrief").
  • Voorselectie selectievakje optie die aangeeft of het selectievakje automatisch wordt voorgeselecteerd (standaard wordt het niet voorgeselecteerd)
  • ID-attribuut dat de ID van het selectievakje specificeert, gebruikt voor CSS-selectors (standaard leeg)
  • Class-attribuut dat de klasse van het selectievakje specificeert, gebruikt voor CSS-selectors (standaard leeg)

De laatste twee opties zijn universeel voor alle Contact Form 7 velden en zijn bedoeld voor gevorderde gebruikers.

Onderaan dit venster staat een shortcode die telkens opnieuw wordt gegenereerd als sommige configuratiewaarden worden gewijzigd.  Deze shortcode wordt op de opgegeven positie in het contactformulier ingevoegd wanneer op de knop "Tag invoegen" wordt geklikt.

Dit is het pop-upvenster met alle bovengenoemde elementen:

afbeelding5.png

Zodra de gebruiker het veld configureert en op "Tag invoegen" klikt, wordt de shortcode ingevoegd in het contactformulier.

 image8.png

Het is mogelijk om meerdere CleverReach Sign-Up velden toe te voegen aan hetzelfde contactformulier.

Zodra de gebruiker zijn contactformulier opslaat en invoegt op een pagina van zijn WordPress site, zal het CleverReach aanmeldveld zichtbaar zijn tussen de andere velden in dat contactformulier.

afbeelding4.png

Tabblad Instellingen

Het CleverReach aanmeldingsveld invoegen is één stap in het proces. Om te specificeren hoe de ontvanger die zich inschrijft voor de nieuwsbrief via dit formulier wordt gesynchroniseerd met CleverReach, moet de gebruiker de instellingen configureren met betrekking tot Contact Form 7 integratie door te klikken op de CleverReach tab in de contactformulier editor. Dit opent instellingen die aanvankelijk slechts één optie hebben - de synchronisatie met ontvangers inschakelen.

afbeelding9.png

Als dit is uitgeschakeld, wordt geen enkele ontvanger die zich inschrijft via dit contactformulier gesynchroniseerd met CleverReach.

Wanneer de gebruiker ervoor kiest om de synchronisatie met de ontvanger in te schakelen en deze wijziging opslaat, worden er extra configuratieopties beschikbaar.

afbeelding6.png

 Op deze uitgebreide instellingenpagina zijn er enkele extra opties:

  • Dubbel opt-in formulier - Toont alle CleverReach formulieren die zijn gekoppeld aan de integratie "WordPress" lijst. De standaardoptie is de automatisch aangemaakte "WordPress"-lijst die Double-Opt-In bevat. Als je "Geen" selecteert, krijgen ontvangers geen bevestigingsmail voordat ze zich aanmelden voor de nieuwsbrief. Let op de wettelijke situatie in je land, of je Single-Opt-In of Double-Opt-In wilt gebruiken. We raden het gebruik van Double-Opt-In aan om GDPR-compliant te handelen.
  • Ontvangertags - Een door komma's gescheiden lijst met tags die worden toegevoegd aan elke ontvanger die zich via dit contactformulier inschrijft.
  • Attribuutkoppelingen - Wijst alle velden in het contactformulier toe aan CleverReach-attributen. Deze toewijzingen worden gebruikt wanneer de ontvanger wordt gesynchroniseerd met CleverReach. Als meerdere CF7-attributen worden toegewezen aan hetzelfde CleverReach-attribuut, worden deze waarden samengevoegd en verzonden. De enige uitzondering zijn de "birthday" attributen die geen aaneenschakeling ondersteunen.

Wanneer de synchronisatie is ingeschakeld, zal de CleverReach plugin automatisch proberen om e-mail adres velden te detecteren in het CF7 formulier.

  • Als er ten minste één e-mailadresveld wordt gedetecteerd en de ontvangersynchronisatie is ingeschakeld in het tabblad Instellingen, wordt er een nieuwe ontvanger aangemaakt aan CleverReach-zijde voor elk gedetecteerd e-mailadresveld.
  • Anders zal de plugin de synchronisatie overslaan als het e-mailadresveld niet wordt gedetecteerd.

 Wanneer een aanmeldingsveld van CleverReach aanwezig is in het formulier:

  • Als het aanmeldingsveld is aangevinkt, wordt de ontvanger als actief verzonden en als het dubbele opt-in formulier is geselecteerd, krijgt de ontvanger een dubbele opt-in e-mail om zijn aanmelding voor de nieuwsbrief te bevestigen. Zodra de ontvanger de e-mailabonnement bevestigt, wordt de tag "Abonnee" toegevoegd aan die ontvanger in CleverReach.

Anders, als het aanmeldingsveld aanwezig is, maar niet is aangevinkt, doet de plugin niets.