AutoChimp: een koppeling tussen WordPress en MailChimp

Met AutoChimp ben je in staat je WordPress gebruikers automatisch te synchroniseren met je  lijst in MailChimp. De module werkt niet met een checkbox per gebruiker maar voegt nieuwe accounts automatisch toe aan je nieuwsbrieflijst. Wanneer jij, of de gebruiker gegevens wijzigt worden deze automatisch gesynchroniseerd met MailChimp. En verwijder je een gebruiker? Dan wordt deze automatisch ook uit MailChimp verwijdert.

Om AutoChimp te gebruiken zul je eerst een MailChimp account moeten aanmaken. Dit kan op www.mailchimp.com. Nadat je een account hebt aangemaakt moet je in MailChimp een API code opvragen. Deze API code kun je vervolgens invoeren in de plugin in WordPress. Met één druk op de knop kun je vervolgens jouw gebruikersaccounts synchroniseren met een nieuwe lijst in MailChimp.

Nieuwsbrieven segmenteren

Standaard synchroniseert AutoChimp alleen het email adres en de voor- en achternaam. Maar wil je bijvoorbeeld andere gebruikersinformatie uit jouw WordPress site meesturen naar MailChimp dan zul je deze velden moeten gaan toevoegen aan de module. AutoChimp werkt samen met Cimy Extra User Fields. Als je van deze module gebruik maakt kun je direct aan de slag. 

Heb je echter op een andere manier (handmatig of met een andere module) extra account velden aangemaakt dan kun je die koppelen door de naam van deze velden toe te voegen aan de code van de plugin. Je zult dan wel de identifier (de naam) van het veld moeten weten. Als je deze al weet dan kun je onderstaande paragraaf over slaan.

Als je de naam van het veld weten wilt dan kun je deze natuurlijk opzoeken in de database. Een andere mogelijkheid is om bij je eigen profiel te kijken. Klik links in het WordPress menu op Gebruikers > Mijn profiel. Zoek vervolgens het gewenste veld op klik met de rechtermuisknop op het veld, klik dan op Element Inspecteren. (Als je Chrome of Firefo gebruikt). Als het goed is zie je nu in een teksteditor het geselecteerde veld. Het gedeelte wat tussen de aanhalingstekens bij name= staat is je naam. Staat er dus name=”birthday” dan hebben we birthday nodig.

Extra velden toevoegen aan module

Om een extra veld toe te voegen moeten op twee kleine plaatsen de module aanpassen. Als je geen FTP toegang hebt kun je het doen via de editor van WordPress zelf. Klik op Plugins > Bewerker (of Editor in het Engels). Vervolgens selecteer je in de rechterbovenhoek de AutoChimp module. Het eerste bestand dat ingeladen wordt is het bestand wat we nodig hebben.

Zoek nu in het bestand naar de volgende regel:

[php]$wpUserDataArray = array( 'Username', 'Nickname', 'Website', 'Bio' , /*'AIM', 'Yahoo IM', 'Jabber-Google Chat'*/ );[/php]

Hier gaan we ons eigen veld aan toevoegen. In mijn geval ziet deze er dan zo uit:

[php]$wpUserDataArray = array( 'Username', 'Nickname', 'Website', 'Bio' , 'Birthday' , /*'AIM', 'Yahoo IM', 'Jabber-Google Chat'*/ );[/php]

We hebben nu slechts de optie om Birthday selecteren toegevoegd. We willen natuurlijk ook nog dat wanneer men Birthday kiest, deze ookgekoppeld wordt aan de waarde in de database.

Geavanceerde velden plugin (ACF)

Persoonlijk vind ik dit een van de vetste plugins voor WordPress. De mogelijkheden zijn eindeloos ook al is de plugin in basis eenvoudig. Doel van deze plugin: makkelijk extra velden toevoegen in WordPress. En het mooiste van alles, de plugin is gratis.

Waarom extra velden?

Standaard hebben WordPress posts en pagina’s meestal alleen een titel en een inhoud veld. Op deze manier laat je het aan de eindgebruiker (persoon verantwoordelijk voor het schrijven van een bericht) over om alle inhoud in dit ene tekstveld te zetten. En als je als webbouwer veel aandacht hebt besteed aan de vormgeving is het soms vervelend als een pagina dusdanig wordt geschreven dat het stramien van de vormgeving  verloren gaat. Met deze extra velden plugin kun je het voor de  eindgebruiker een stuk makkelijk maken. Volg je het nog? Ik zal het uitleggen met een voorbeeld.

Hoe werkt het?

Een normale pagina maakt gebruik van de de template file page.php. (ps. in de Nederlandse WordPress heet een template een Sjabloon). Voor dit voorbeeld dupliceren we page.php en noemen we hem page-custom.php. Vervolgens openen we dit bestand en plaats je de volgende code helemaal boven aan in de het bestand.  De bovenkant van mijn bestand ziet er nu zo uit:

[php]<?php
/*
Template Name: My Custom Page
*/
[/php]

Nu gaan we een nieuwe pagina toevoegen. Je zult zien dat als je aan de rechterzijde bij Pagina-Attributen kijkt de zojuist aangemaakte custom template bij de keuzes is toegevoegd:

Schermafbeelding 2013-07-16 om 15.23.23

Selecteer de nieuwe template en sla de pagina op. Het is nu tijd om extra velden te gaan toevoegen!

Extra velden toevoegen

Als je de plugin geïnstalleerd hebt dan zul je zien dat er in je linkermenu een extra knop is toegevoegd: Extra velden. Klik daar op en klik vervolgens op Nieuwe groep. We gaan speciaal voor onze aangepaste pagina template ‘My Custom Page’ een groep velden aanmaken.

Schermafbeelding 2013-07-16 om 15.28.35

Geef de groep een naam en voeg je eerste veld toe door op Nieuw veld te klikken. Geef de veld een label. Je zult zien dat het veld naam automatisch overgenomen wordt. De naam van het veld is belangrijk. Omdat we later aan de hand van deze waarde het veld gaan inladen in onze aangepaste pagina. In dit voorbeeld noemen we het nieuwe veld Banner. Bekijk hieronder de resterende instellingen:

Schermafbeelding 2013-07-16 om 15.31.40

Je kunt 3 verschillende return waarden selecteren. Dit is de waarde die straks in de nieuwe pagina template ingeladen gaat worden. Wij kiezen in dit geval voor de Afbeelding URL.

Locatie bepalen

Vervolgens moeten we laten weten waar we de aangepaste velden willen gaan gebruiken. In dit geval willen we de aangepaste velden alleen tonen op pagina’s die My Custom Page als template hebben. Dit stel je als volgt in:

Schermafbeelding 2013-07-16 om 15.34.07

Vink ook nog even Standaard metabox aan, dan krijgt het veld de standaard WordPress opmaak aan de beheerkant. Verder zijn er nog wat extra opties die niet van belang zijn voor dit voorbeeld dus ik laat ze even buiten beschouwing. Sla de groep op, we zijn klaar hier.

Terug naar de pagina

Ga terug naar de pagina die je even geleden aangemaakt hebt. Als je omlaag scrolled zul je zien dat het zojuist aangemaakte veld getoond wordt. Klik op Voeg afbeelding toe en selecteer een afbeelding, upload er 1 mits je er nog geen in de media library hebt staan. Als je klaar bent sla je de pagina op.

Veld inladen in de template

Als laatste stap zullen we de de banner moeten gaan inladen in de aangepaste pagina template. Open page-custom.php en zoek voor de volgende code:

[php]<?php the_content(); ?>[/php]

Hierboven gaan we onze zojuist toegevoegde banner plaatsen. Dit kan met de volgende code:

[php]<img src="<?php echo get_field(‘banner’); ?>"/>[/php]

Let op dat banner hetzelfde moet zijn als je even hiervoor bij Veld naam hebt ingevuld.

Als je nu de pagina bekijkt dan zul je zien dat de door jouw toegevoegde banner boven de tekst geplaatst is.

De mogelijkheden zijn eindeloos

Naast het afbeeldingsveld zijn er natuurlijk nog talloze andere mogelijkheden. De volgende velden zijn toe te voegen:

Schermafbeelding 2013-07-16 om 15.50.55

Het mooie van deze plugin is dat je als beheerder zelf kunt bepalen waar welke content geplaatst mag worden. Door deze elementen te voorzien van CSS is het een stuk gemakkelijker om jouw vormgeving te waarborgen.

Voor meer informatie over deze toffe plugin verwijs ik je graag door naar hun site waar nog eens veel meer documentatie en voorbeelden te vinden zijn: http://www.advancedcustomfields.com/

Maak je ook gebruik van deze plugin of ga je dat doen? Deel dan je resulaten hieronder in de comments, we zijn erg benieuwd!

[symple_box color=”yellow” text_align=”left” width=”100%” float=”none”]
Wilt u dat wij uw website indelen met de Advanced Custom Fields module of heeft u assistentie nodig bij andere WordPress werkzaamheden? Neem dan gerust contact met ons op, wij praten u graag bij over de mogelijkheden.

[symple_button color=”blue” url=”http://wordpress123.nl/contact” title=”Neem contact op met Pulsar Online Marketing”  border_radius=””]Neem contact op met Pulsar Online Marketing[/symple_button]
[/symple_box]

Werf makkelijk meer Facebook volgers

Veel  bedrijven zijn tegenwoordig erg druk om meer Facebook (of Twitter of Google+) volgers te werven. Het simpelweg zeggen van: “Volg ons op Facebook” is niet voldoende.

Met de Pay with a like module ben je in staat de klant in ruil voor een Like, een +1 of een tweet content aan de bieden. Voorbeelden van content zijn: een video, een download of een coupon code. Eigenlijk alles wat je maar wilt. De content is niet zichtbaar tot het moment dat de klant de door u gewenste actie heeft voltooid.

Hieronder leg ik uit hoe het werkt, Like of deel dit bericht om te zien hoe het werkt.

Hoe werkt het

[pwal id=”43019872″ description=”Like ons op Facebook en ik leg u uit hoe u deze methode kunt gebruiken”]

Het werkt dus als volgt. U heeft zojuist op de Like knop gedrukt. En vervolgens is deze content zichtbaar geworden. Gaaf he? In principe beveiligt u uw content dus achter een social media wall.

Deze methode is ideaal wanneer u uw bezoeker iets te bieden heeft. Op deze manier zorgen uw bezoekers er voor dat uw website gedeeld wordt en onder de aandacht gebracht wordt. Tevens kunt u de mensen die u geliked hebben vervolgens nog voorzien van andere nuttige informatie.

Wanneer u deze module heeft geïnstalleerd krijgt u een extra menu in uw beheersysteem. U kunt globale instellingen via het normale instellingen menu maken of u kunt er voor kiezen om dit per bericht te doen.

Er zijn 3 verschillende methodes beschikbaar. In mijn voorbeeld heb ik voor ‘Use selection tool’ gekozen. Met deze methode kunt u de content die u wilt verbergen tussen speciale tags zetten. Bekijk de screenshot hieronder maar eens:

paywithlike-uitleg

Met de blauwe knop kunt u makkelijk de code die u in de groene lijnen ziet toevoegen. Alle inhoud die tussen de twee tags staan zullen achter de social wall verdwijnen.

[/pwal]

Installatie

De module installeren is vrij makkelijk en kan op de traditionele manier. Schaf het product aan via deze link. Na het downloaden upload je de bestanden naar de volgende directory: /wp-content/plugins/.

Heeft u vragen of hulp nodig bij het installeren van de module? Laat het ons dan weten.