Nieuwsbrieven versturen via je WordPress website en MailChimp

MailChimp is een systeem waarmee je email nieuwsbrieven kunt versturen. Het wordt vaak gebruikt in combinatie met websites. Op de website staat dan een inschrijfformulier voor de nieuwsbrief.

WordPress en MailChimp

MailChimp kun je perfect combineren met je WordPress website. Er zijn meerdere manieren om MailChimp te integreren met je WordPress website.

Op deze pagina leg ik uit hoe je Mailchimp en je WordPress website kunt laten samenwerken. Het is een vrij uitgebreid verhaal geworden met veel stappen. Vooral MailChimp is omvangrijk en kan complex overkomen. Ik heb ervoor gekozen de meest eenvoudige versie te beschrijven. Je kunt dit later altijd nog uitbreiden en verfijnen.

Nieuwsbrieven versturen met MailChimp

Er zijn drie hoofdstappen nodig om email nieuwsbrieven via MailChimp te versturen:

1. Aanmeldformulier maken op mailchimp.com.
2. Aanmeldformulier plaatsen op je WordPress website.
3. Email nieuwsbrief maken en versturen via mailchimp.com.

Deze stappen worden hieronder uitgebreider beschreven.

Voor het versturen van nieuwsbrieven via MailChimp heb je een MailChimp account nodig. Een MailChimp account is gratis als je niet meer dan 2000 abonnees hebt en/of 12.000 emails per maand verstuurd (gegevens van 4 april 2016).

Stap 1: Aanmeldformulier maken op mailchimp.com

Voordat je email nieuwsbrieven kunt versturen via MailChimp heb je eerst een lijst met abonnees nodig. Deze abonnees kun je krijgen door een nieuwsbrief aanmeldformulier op je website te plaatsen. Dit aanmeldformulier maak je op mailchimp.com.

Om een aanmeldformulier te maken:

1. Log in op je MailChimp account op mailchimp.com.

2. In het menu, selecteer Lists.

Lists zijn lijsten met je abonnees en hun gegevens (email adres etc.). Je kunt 1 of meerdere lijsten hebben. Je hebt tenminste één lijst nodig.

MailChimp Lists pagina voorbeeld - Wouter van der Zee, Webdesign
Voorbeeld van een MailChimp Lists pagina.

3. Maak een nieuwe List aan of selecteer een bestaande.

4. Selecteer tab Signup forms.

Op de geopende pagina staan vier opties: General forms, Embedded forms, Subscriber pop-up en Form integration. Voor dit voorbeeld maken we gebruik van de eerste optie: General forms.

5. Selecteer optie General forms.

De Create forms pagina wordt geopend. Op deze pagina kun je het formulier maken, vormgeven en zonodig vertalen. Dit werkt redelijk intuïtief, leef je uit :).

6. Maak, vormgeef en vertaal (indien nodig) je formulier.

Bij de drop-down lijst Forms and response emails staan templates en teksten die mogelijk gebruikt worden. Zo kun je bijvoorbeeld zelf de tekst schrijven van de email die een abonnee krijgt na inschrijven.

7. Check en pas aan indien nodig alle templates en teksten van de drop-down lijst Forms and response emails.

Je aanmeldformulier is nu gereed. Tijd om deze op je WordPress website te zetten.

Stap 2: Aanmeldformulier plaatsen op je WordPress website

Mailchimp heeft zelf een WordPress plugin gemaakt om je aanmeldformulier eenvoudig op je website te plaatsen.

Om je aanmeldformulier op je website te plaatsen:

1. In je WordPress CMS, ga naar Plugins en selecteer Nieuwe plugin.

2. In het zoekveld, type de naam van de plugin: MailChimp List Subscribe Form.

Of download the plugin MailChimp List Subscribe Form op wordpress.org.

3. Installeer en activeer de plugin.

Nu is het nodig deze plugin te koppelen met je MailChimp account. Dat gebeurt met een zgn. API key. Deze kun je vinden in je MailChimp account.

Om een MailChimp API key aan te maken:

4. In MailChimp, selecteer in het hoofdmenu je accountnaam (rechts bovenin) en vervolgens de tab Account.

5. Selecteer de tab Extras en selecteer API keys.

6. Maak een nieuwe API key aan of kopieer een bestaande.

In je WordPress CMS:

7. In het menu, ga naar Instellingen > MailChimp-installatie.

MailChimp WordPress plugin List Startup - Wouter van der Zee, Webdesign
Verbinden van de MailChimp WordPress plugin met je MailChimp acccount.

8. Bij Connect to MailChimp vul je MailChimp API key in en selecteer Connect.

Als de koppeling gelukt is kun je de door jou gemaakte MailChimp List selecteren.

9. Bij de drop-down lijst, selecteer de MailChimp List die je wilt gebruiken op je WordPress website en selecteer Lijst bijwerken.

Je krijgt nu een preview van je aanmeldformulier te zien. Hier kun je eventueel inhoud van de verschillende onderdelen aanpassen.

10. Loop alle opties op de pagina na en wijzig zonodig. Om wijzigingen op te slaan, selecteer Update Subscribe Form Settings.

Je MailChimp account en lijst is nu gekoppeld met je WordPress CMS. De laatste stap is het aanmeldformulier zelf op de website te plaatsen. Ook hiervoor zijn er meerdere mogelijkheden. De meest eenvoudige is met een widget. Ik ga er vanuit dat dit mogelijk is met je website…

Om je MailChimp aanmeldformulier via een widget op je website te plaatsen:

11. In je WordPress menu, selecteer Weergave > Widgets.

12. Bij Beschikbare widgets staat de MailChimp widget. Sleep deze naar een Widget area en selecteer Opslaan.

Je MailChimp aanmeldformulier staat nu op je WordPress website. Bezoekers kunnen hun gegevens invullen en zich aanmelden voor je nieuwsbrief. Deze abonnees komen in de door jou gemaakte MailChimp List te staan op mailchimp.com.

Naar je abonnees kun je via mailchimp.com een email nieuwsbrief sturen. Dat is de laatste stap…

Opmerking: het kan zijn dat niet alle teksten van je aanmeldformulier vertaald worden. Dit is een bug in de MailChimp plugin. Een work around is de teksten in de plugin code te vertalen.

Stap 3: Email nieuwsbrief maken en versturen via mailchimp.com

Om je email nieuwsbrief te versturen naar je abonnees via mailchip.com:

1. Login op je MailChimp account op mailchimp.com.

2. In het menu selecteer Campaigns.

3. Selecteer Create Campaign.

4. Geef een naam op voor je Campaign.

5. Bij Campaign type selecteer Regular en selecteer Create.

Nu volgen er vijf stappen: Recipients, Setup, Template, Design en Confirm. Onderaan de pagina worden deze vijf stappen met links weergegeven. Als het nodig is, kun je altijd een van de vorige stappen selecteren.

De vijf stappen voor het maken van een MailChimp Campaign - Wouter van der Zee, Webdesign
De vijf stappen voor het maken van een MailChimp Campaign.

Nadat je een campaign hebt aangemaakt, begin je bij de eerste stap Recipients:

6. Bij Who are you sending to? selecteer de lijst (List) die je wilt gebruiken.

7. Als je gewoon naar iedere abonnee een nieuwsbrief wilt sturen selecteer Entire list.

8. Om naar de volgende stap Setup te gaan, selecteer de blauwe knop Next >.

9. Bij Campaign info vul de benodigde velden in en selecteer Next >.

10. Bij Select a template selecteer een van de templates.

Er zijn meerdere templates. Als je het makkelijk wilt houden voor je zelf, scroll dan naar de templates bij Basic.

De Template Designer van MailChimp - Wouter van der Zee, Webdesign
De Template Designer van MailChimp.

De pagina Template Designer wordt weergegeven. Op deze pagina kun je je nieuwsbrief schrijven en vormgeven. Enkele tips bij het schrijven en opmaken:

  • Het scherm van de Template Designer is verdeeld in tweeën. Aan de linkerkant wordt de nieuwsbrief weergegeven. De rechterkant is een soort menu waarmee je elementen aan de nieuwsbrief kunt toevoegen en de instellingen kunt wijzigen.
  • Om een blok tekst te wijzigen, ga met je muis op de betreffende tekst staan. Selecteer het potloodje (Edit Block) om de tekst te wijzigen. Aan de rechterkant van het scherm kun je de tekst wijzigen en opmaken. Selecteer Save & Close om de wijzigingen op te slaan.
  • In de nieuwsbrief worden zgn. Merge tags gebruikt. Een voorbeeld van een Merge tags is:
    |LIST:COMPANY|. Deze tags zorgen ervoor dat gegevens van je MailChimp account worden weergeven in de nieuwsbrief. De Merge tag |LIST:COMPANY| bijvoorbeeld toont de naam van je bedrijf/organisatie die je hebt ingevuld in je account.

12. Als je klaar bent met het schrijven en opmaken van je nieuwsbrief, selecteer Next > om naar de laatste stap Confirm te gaan.

In deze stap wordt je gevraagd een aantal dingen te checken voordat je de nieuwsbrief daadwerkelijk gaat versturen.

13. Check de getoonde gegevens. Zijn de gegevens niet juist of twijfel je, bij het betreffende onderdeel selecteer Edit.

Heb je Edit geselecteerd, dan kom je bij een van de vorige stappen terecht. Na de benodigde checks of wijzigingen, selecteer onderaan de pagina de optie Confirm of selecteer net zo vaak Next > tot je weer bij de stap Confirm bent.

14. Kloppen alle gegevens en ben je er klaar voor je nieuwsbrief te versturen? Zo ja, selecteer dan de blauwe knop Send.

15. Je krijgt nog een laatste bevestiging te zien. Weet je het zeker, selecteer dan Send Now.

Wow, dat was het 😀. Als alles goed is gegaan, dan is je nieuwsbrief verstuurd!