{"id":44657,"date":"2022-07-20T14:15:43","date_gmt":"2022-07-20T12:15:43","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=44657&preview=true&preview_id=44657"},"modified":"2023-06-09T09:05:22","modified_gmt":"2023-06-09T07:05:22","slug":"elementor-mailchimp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/elementor-mailchimp\/","title":{"rendered":"Zo integreer je Elementor en Mailchimp (in 5 stappen)"},"content":{"rendered":"

Mailchimp is een van de beste automatiseringstools voor e-mailmarketing<\/a> voor je website. Zijn diensten kunnen je abonnees effici\u00ebnt organiseren en hen content sturen waarin ze ge\u00efnteresseerd zijn. Het is echter mogelijk dat de contactformulieren van Mailchimp niet overeenkomen met de branding van je website.<\/p>\n

Om dit probleem op te lossen, kun je Elementor<\/a> en Mailchimp integreren. Met Elementor kun je eenvoudig een aangepast aanmeldingsformulier ontwerpen en insluiten in je website. Vervolgens kun je registratiegegevens<\/a> rechtstreeks vanuit Mailchimp beheren.<\/p>\n

In dit bericht bespreken we waarom je Elementor en Mailchimp zou willen integreren. Vervolgens laten we je zien hoe je dit in slechts vijf stappen kunt doen. We hebben ook een lijst met add-ons toegevoegd om toegang te krijgen tot extra features en functionaliteit. Laten we beginnen!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

De voordelen van de integratie van Elementor en Mailchimp<\/h2>\n

Of je nu een online bedrijf of blog hebt, je hebt waarschijnlijk een manier nodig om consequent contact te maken met je publiek. Met Mailchimp<\/a> kun je dat doen.<\/p>\n

Mailchimp is een e-mailmarketingdienst die abonneelijsten kan maken en e-mails kan ontwerpen:<\/p>\n

\"Mailchimp\"
Mailchimp.<\/figcaption><\/figure>\n

Met Mailchimp kun je e-maillijsten maken met de contactgegevens van je abonnees. Met behulp van vooraf gemaakte e-mailtemplates en de Content Optimizer<\/a> kun je boeiende, informatieve updates naar leden van je doelgroep sturen.<\/p>\n

Als je nieuw bent bij Mailchimp<\/a>, kun je gratis een account aanmaken. Je hebt toegang tot de gebruiksvriendelijke features zonder te betalen, zolang je minder dan 2.000 abonnees hebt.<\/p>\n

Wanneer je je e-maillijst probeert uit te breiden, is het een goed idee om enkele inschrijfformulieren op je website in te sluiten. Ze kunnen je helpen leads te genereren op basis van je organische verkeer. Hoewel Mailchimp deze feature heeft, zijn de insluitformulieren vaak generiek en komen ze waarschijnlijk niet overeen met je branding.<\/p>\n

Dit is waar Elementor een rol speelt. Elementor is een eenvoudig te gebruiken WordPress paginabuilder<\/a> die je kunt gebruiken om je website te ontwerpen zonder codering. De drag-and-drop editor maakt het eenvoudig om de features en functionaliteit te cre\u00ebren die je site nodig heeft:<\/p>\n

\"Elementor\"
Elementor paginabuilder<\/figcaption><\/figure>\n

Verder kan Elementor eenvoudig integreren met Mailchimp. In vergelijking met andere paginabuilders<\/a> is Elementor een van de beste opties voor het maken en beheren van opt-in formulieren.<\/p>\n

Met Elementor kun je overal op je site een contactformulier<\/a> toevoegen en Mailchimp linken in de instellingen. Wanneer je online bezoekers zich aanmelden, worden ze automatisch toegevoegd aan je Mailchimp lijst. Door beide tools te gebruiken, kun je goed ontworpen formulieren gebruiken zonder de analyse van abonnees te verliezen.<\/p>\n\n

Zo integreer je Elementor en Mailchimp (in 5 stappen)<\/h2>\n

Nu je weet hoe Elementor en Mailchimp je website ten goede kunnen komen, gaan we bespreken hoe je dit integratieproces kunt starten!<\/p>\n

Stap 1: Meld je aan voor een Mailchimp account<\/h3>\n

Eerst moet je naar de Mailchimp website gaan en je aanmelden<\/a> voor een account. Je kunt dit gratis doen door simpelweg je e-mailadres, gebruikersnaam en wachtwoord in te voeren:<\/p>\n

\"Meld
Meld je aan voor een Mailchimp account.<\/figcaption><\/figure>\n

Mailchimp stuurt je dan een e-mail met een activatielink. Door hierop te klikken, zie je een pagina met verschillende abonnementsopties:<\/p>\n

\"Mailchimp
Mailchimp abonnementsopties.<\/figcaption><\/figure>\n

Als je niet zeker weet welk abonnement voor jou geschikt is, selecteer je\u00a0Compare Plan Features<\/strong>. Hier kun je alles bekijken wat op elk niveau wordt geleverd:<\/p>\n

\"Vergelijk
Vergelijk Mailchimp abonnementen.<\/figcaption><\/figure>\n

In deze tutorial kiezen we voor het gratis abonnement<\/strong>, dat 2.000 contacten en 10.000 e-mailverzendingen kan ondersteunen. Het is voldoende voor een eenvoudig e-mailmarketingplan<\/a>. Je hebt echter geen toegang tot retargeting advertenties, op maat gecodeerde e-mailtemplates of aangepaste branding.<\/p>\n

Vul je naam en bedrijfsgegevens in om het aanmeldingsproces te starten. Hoewel het optioneel is, kun je ook de URL van je website invoeren en je content importeren:<\/p>\n

\"Voeg
Voeg je naam en bedrijfsinformatie toe.<\/figcaption><\/figure>\n

Vul vervolgens je adresgegevens in. Deze stap zorgt ervoor dat je e-mails niet bijdragen aan spam:<\/p>\n

\"Voeg
Voeg je adres toe aan het veld.<\/figcaption><\/figure>\n

Mailchimp zal dan vragen of je al abonnees hebt. Zo ja, selecteer Yes<\/strong>\u00a0en vul in hoeveel je er hebt:<\/p>\n

\"Vul
Vul in hoeveel abonnees je hebt.<\/figcaption><\/figure>\n

Om Mailchimp te helpen je bedrijf te begrijpen, geef je aan of je producten of diensten verkoopt. Om deze vraag te omzeilen, kun je op Skip<\/strong> klikken:<\/p>\n

\"Producten
Producten of diensten optie.<\/figcaption><\/figure>\n

Nadat je dit aanmeldingsproces hebt voltooid, heb je toegang tot je Mailchimp account!<\/p>\n

Stap 2: Maak een doelgroep en API sleutel<\/h3>\n

Om te beginnen met het organiseren van je abonnees in Mailchimp, moet je een doelgroep maken. Houd er rekening mee dat een gratis account slechts \u00e9\u00e9n doelgroep ondersteunt, maar dat elk geavanceerd abonnement er drie of meer kan bevatten.<\/p>\n

Hoewel je misschien in de verleiding komt om meerdere doelgroepen aan te maken, raadt Mailchimp aan om met \u00e9\u00e9n te beginnen<\/a>. Deze instelling kan je helpen je abonnees als geheel te begrijpen. Het kan ook je e-mailproces vereenvoudigen en je contacten onderhouden terwijl je bedrijf groeit.<\/p>\n

Zelfs met slechts \u00e9\u00e9n doelgroep kun je tags en segmenten maken om contacten in verschillende subsets in te delen. Het maken van meerdere doelgroepen kan echter bepaalde voordelen hebben.<\/p>\n

Als je bijvoorbeeld e-mails naar zowel leveranciers als kopers verzendt, moet je mogelijk afzonderlijke berichten naar deze groepen sturen.<\/p>\n

Ga in je Mailchimp-dashboard naar Audience > Audience Dashboard<\/strong>. Klik vervolgens op Add Your Contacts<\/strong>:<\/p>\n

\"Contacten
Contacten toevoegen in Mailchimp.<\/figcaption><\/figure>\n

Hiermee ga je naar een pagina om de contactgegevens van je abonnees te importeren. Kopieer en plak hun namen en e-mailadressen in een tekstvak. Je kunt ook gegevens importeren van een externe service of een CSV of TXT bestand uploaden:<\/p>\n

\"Er
Er zijn verschillende uploadopties beschikbaar.<\/figcaption><\/figure>\n

Zodra je dit hebt gedaan, ga je naar je Audience Dashboard <\/strong>en zoek je Manage Audience > Settings<\/strong>. Hier kun je de naam en standaardinstellingen wijzigen:<\/p>\n

\"Wijzig
Wijzig de naam en standaardinstellingen.<\/figcaption><\/figure>\n

Zorg ervoor dat je een From name<\/strong>\u00a0en From email address<\/strong> instelt. Je kunt ook een dubbele opt-in inschakelen om abonnees een bevestigingsmail te sturen nadat ze zich hebben aangemeld:<\/p>\n

\"Voeg
Voeg meer campagne opties toe.<\/figcaption><\/figure>\n

Nadat je klaar bent met het maken en instellen van een account, ga je naar je Profile<\/strong>. Klik dan op Extras > API keys<\/strong>:<\/p>\n

\"Klik
Klik op het \u201cExtras\u201d tabblad om de API optie te vinden.<\/figcaption><\/figure>\n

Als je geen API sleutel hebt, moet je op Create A Key <\/strong>klikken. Mailchimp zal er automatisch een voor je toevoegen:<\/p>\n

\"Maak
Maak een API sleutel.<\/figcaption><\/figure>\n

Zodra je API sleutel<\/a> actief is, kopieer je deze. Aangezien deze informatie toegang geeft tot je Mailchimp account, mag je deze code nooit openbaar delen.<\/p>\n

Stap 3: Ontwerp een Mailchimp aanmeldingsformulier met Elementor<\/h3>\n

Vervolgens moet je Elementor Pro<\/a> downloaden en installeren. Het bevat een WordPress Form Builder<\/a>, die je kunt gebruiken om aangepaste formulieren te ontwerpen en feedback van je publiek te verzamelen.<\/p>\n

Nadat je Elementor Pro hebt geactiveerd, ga je naar Elementor > Settings > Integrations<\/strong>. Scroll naar beneden naar het Mailchimp<\/strong>\u00a0gedeelte en plak de API sleutel:<\/p>\n

\"Plak
Plak je Mailchimp API sleutel.<\/figcaption><\/figure>\n

Klik op Validate API Key<\/strong>. Als de integratie is gelukt, zie je naast deze knop een groen vinkje. Sla hierna je wijzigingen op.<\/p>\n

Nu kun je beginnen met het ontwerpen van je aanmeldingsformulier. Voeg eerst een nieuw bericht of nieuwe pagina toe en selecteer Edit with Elementor<\/strong>:<\/p>\n

\"Selecteer
Selecteer \u201cEdit with Elementor\u201d.<\/figcaption><\/figure>\n

Scrol in de Elementor editor omlaag naar de Pro <\/strong>widgets. Hier zie je een optie voor Forms<\/strong>. Drag and drop deze widget op de pagina:<\/p>\n

\"Drag
Drag and drop de “Form” widget naar de pagina.<\/figcaption><\/figure>\n

Elementor maakt automatisch een basisformulier met naam, e-mailadres en berichtvelden. Je kunt het formulier echter blijven aanpassen totdat het aan je behoeften voldoet:<\/p>\n

\"Pas
Pas het formulier aan zoals je dat wilt.<\/figcaption><\/figure>\n

Als je bijvoorbeeld een inschrijfformulier wilt toevoegen<\/a>, heeft dit doorgaans geen berichtvelden nodig. Je kunt eenvoudig op de X<\/strong> naast dit item klikken.<\/p>\n

Om leads te genereren, moet je van bezoekers eisen dat ze zowel hun naam als e-mail invullen. Je kunt dit doen door op elk veld te klikken en Yes<\/strong>\u00a0te selecteren naast Required<\/strong>:<\/p>\n

\"Klik
Klik op de juiste elementen.<\/figcaption><\/figure>\n

Ga vervolgens naar het Buttons<\/strong>\u00a0gedeelte om de actieknop te bewerken. Hoewel de standaardtekst ‘Send’ is, kun je overwegen deze te wijzigen in \u201cSubscribe\u201d of \u201cSign Up\u201d of iets Nederlands:<\/p>\n

\"Bewerk
Bewerk de knopactie in Elementor.<\/figcaption><\/figure>\n

Je kunt indien nodig doorgaan met het wijzigen van de grootte en kolombreedte van de knop. Als je wilt, kun je ook een pictogram toevoegen.<\/p>\n

Stap 4: Mailchimp verbinden<\/h3>\n

Nadat je je formulier naar wens hebt aangepast, is het tijd om je Mailchimp account te koppelen. Ga hiervoor naar het Actions After Submit<\/strong>\u00a0gedeelte:<\/p>\n

\"Open
Open de optie \u201cActions After Submit\u201d.<\/figcaption><\/figure>\n

Klik vervolgens op het +<\/strong> pictogram en kies Mailchimp<\/strong> in het dropdownmenu:<\/p>\n

\"Kies
Kies Mailchimp in het dropdownmenu.<\/figcaption><\/figure>\n

Hiermee wordt een nieuwe sectie hieronder gemaakt met de naam Mailchimp<\/strong>. Wanneer je hierop klikt, zie je opties voor het instellen van een API sleutel en doelgroep:<\/p>\n

\"Stel
Stel indien nodig API en doelgroepopties in.<\/figcaption><\/figure>\n

Als je je API sleutel hebt ingevoerd in de integratie-instellingen, kun je het API Key <\/strong>gedeelte op Default <\/strong>laten staan. Selecteer vervolgens de Audience <\/strong>die je aan dit inschrijvingsformulier wilt koppelen:<\/p>\n

\"Selecteer
Selecteer de juiste doelgroep uit Mailchimp.<\/figcaption><\/figure>\n

Je kunt ook groepen of tags kiezen die je in Mailchimp hebt gemaakt. Pas ten slotte de Field Mapping<\/strong>\u00a0instellingen aan op basis van de velden die je in het formulier hebt opgegeven. Dit zal Mailchimp vertellen welke informatie in zijn systeem moet worden gecatalogiseerd.<\/p>\n

Voor dit voorbeeld bevat ons inschrijfformulier alleen een naam en e-mailveld. Dit betekent dat we deze informatie alleen opnemen in de Field Mapping<\/strong>\u00a0sectie:<\/p>\n

\"Field
Field Mapping opties.<\/figcaption><\/figure>\n

Navigeer ten slotte naar Additional Options<\/strong> en zoek Custom Messages<\/strong>. Schakel dit in om een succesbericht te geven nadat iemand het formulier heeft ingevuld:<\/p>\n

\"Voeg
Voeg een succesbericht toe voor je gebruikers.<\/figcaption><\/figure>\n

Het standaardbericht is \u201cThis form was sent successfully.\u201d Je kunt overwegen dit te wijzigen in iets als \u201cThank you for subscribing.\u201d Je kunt ook aangepaste berichten voor fouten en verplichte velden toevoegen.<\/p>\n

Stap 5: Voeg het formulier toe aan je site<\/h3>\n

Nadat je klaar bent met het aanpassen van het formulier, selecteer je Publish<\/strong>. Overweeg om zelf het aanmeldingsformulier te gebruiken om te controleren of het goed werkt. Vervolgens kun je zien of het nieuwe e-mailadres<\/a> is vastgelegd in je Mailchimp account.<\/p>\n

Misschien wil je dit nieuwe formulier ook aan meerdere delen van je website toevoegen. Je kunt het opslaan als een Global Widget om dit proces makkelijker te maken.<\/p>\n

Zoek eerst het Edit Form<\/strong>\u00a0pictogram aan de rechterkant van het formulier. Klik er met de rechtermuisknop op en selecteer Save as a Global<\/strong>:<\/p>\n

\"Save
Save as Global.<\/figcaption><\/figure>\n

Hiermee wordt het aanmeldingsformulier toegevoegd aan je Global Settings<\/strong>. Wanneer je een nieuwe pagina of bericht toevoegt, kun je gewoon naar GLOBAL <\/strong>gaan, het vooraf ontworpen formulier zoeken en het naar elke gewenste plek slepen en neerzetten:<\/p>\n

\"Drag
Drag and drop het globale formulier waar je maar wilt.<\/figcaption><\/figure>\n

Wanneer je overweegt waar je je aanmeldingsformulieren op je website wilt plaatsen, wil je misschien nadenken over zichtbaarheid. Je kunt mogelijk meer leads verzamelen op een goed ontworpen landingspagina<\/a>, die bezoekers kunnen zien wanneer ze je site binnenkomen. Het is echter mogelijk dat gebruikers niet ge\u00efnteresseerd zijn om zich zo snel te abonneren.<\/p>\n

Soms is het een betere optie om contactformulieren in je content of een zijbalk op te nemen. Hoewel dit iets minder zichtbaarheid heeft dan een landingspagina, kan deze plaatsing bezoekers in staat stellen zich te abonneren terwijl ze interactie hebben met je website.<\/p>\n

Het toevoegen van het formulier aan een footer kan ook een praktische optie zijn. Gebruikers die naar de onderkant van je website scrollen, zijn vaak nieuwsgierig naar je content, wat betekent dat ze zich eerder abonneren. Deze plaatsing is echter niet zo zichtbaar als andere opties.<\/p>\n

Top add-ons voor je Elementor\/Mailchimp integratie<\/h2>\n

Met de beste WordPress plugins<\/a> kun je een website op maat maken voor je publiek. Elementor Pro biedt je tal van opties voor het ontwerpen van formulieren en het integreren van externe services, zoals Mailchimp.<\/p>\n

Toch heb je mogelijk meer geavanceerde features nodig. Met sommige add-ons heb je meer controle over het uiterlijk en de functionaliteit van je formulieren.<\/p>\n

1. Essential Addons<\/h3>\n

Het gebruik van Essential Addons<\/a> is een geweldige manier om de kernfeatures van Elementor uit te breiden. Met deze tool heb je toegang tot meer creatieve elementen. Deze omvatten interactieve features zoals een Woo Product Grid, Countdown en Filterable Gallery:<\/p>\n

\"Essential
Essential Addons.<\/figcaption><\/figure>\n

Features:<\/strong><\/p>\n