Hoe maak je een WooCommerce-pop-up om de verkoop te verhogen - DeLaatbusiness

Hoe maak je een WooCommerce-pop-up om de verkoop te verhogen

13 min


117
Dummy image 6 gratis internet marketing ebooks, klik hier voor download

Wil je een WooCommerce-pop-up maken om de verkoop te stimuleren?

Met lightbox-pop-ups kunt u gemakkelijk de aandacht van klanten trekken en hen ertoe aanzetten een aankoop te doen. U kunt WooCommerce-pop-ups gebruiken om kortingsbonnen aan te bieden, verkoop te promoten, bezoekers op uw e-maillijst te krijgen en meer.

In dit artikel laten we u zien hoe u eenvoudig een WooCommerce-pop-up maakt om de verkoop te verhogen. We zullen u verschillende soorten pop-ups laten zien en hoe u deze op uw winkel kunt toepassen.

Een WooCommerce-pop-up maken om de verkoop te verhogen

Waarom u een WooCommerce-pop-up moet maken

Heb je je ooit afgevraagd waarom je steeds pop-ups ziet op alle grote e-commerce-websites?

Het komt omdat pop-ups uitstekend werk leveren door websitebezoekers om te zetten in betalende klanten. Ze helpen webwinkels om snel de aandacht van de klant te trekken door hen gerichte berichten op het juiste moment te tonen.

Als u een WooCommerce-winkel heeft , kunt u pop-ups gebruiken om u te helpen:

  1. Verhoog de verkoop door tijdige berichten aan uw klanten te bezorgen. U kunt de pop-up bijvoorbeeld laten verschijnen wanneer gebruikers op het punt staan ​​uw winkel te verlaten.
  2. Herstel achtergelaten winkelwagentjes door een kortingsbon of gratis verzending aan te bieden.
  3. Verkoop meer producten via cross-sells (promoten van gerelateerde producten) en upsells (promoten van een beter uitgelicht product).
  4. Bouw uw e-maillijst, sociale volgers of herinner uw klanten aan lopende verkopen en promoties.

Dat gezegd hebbende, laten we eens kijken hoe u WooCommerce-pop-ups kunt gebruiken om de verkoop en conversies in uw winkel te stimuleren.

We zullen OptinMonster gebruiken voor deze tutorial. OptinMonster is een krachtige tool voor conversie-optimalisatie waarmee u verlaten websitebezoekers kunt veranderen in abonnees en klanten.

Het integreert naadloos met WooCommerce en heeft krachtige personalisatie-opties die speciaal zijn gebouwd voor WooCommerce-winkels.

Tip: om kortingsbonnen voor uw aanbiedingen te maken, raden we u aan geavanceerde kortingsbonnen te gebruiken . Hiermee kunt u veel verschillende slimme kortingsbonnen voor uw WooCommerce-site maken .

Aan de slag met OptinMonster

Voordat u begint met het maken van een WooCommerce-pop-up, heeft u een OptinMonster-account nodig dat is verbonden met uw WordPress-site.

Ga eerst naar de OptinMonster- website en meld u aan voor een account.

Tip: met het Pro-abonnement van OptinMonster kunt u de meeste functies gebruiken die we zullen behandelen. Als je een ‘spin to win’-campagne wilt maken, heb je het groeiplan nodig.

Nadat u zich heeft aangemeld voor OptinMonster, moet u uw OptinMonster-account verbinden met uw WordPress-site. Om dit te doen, moet u eerst de OptinMonster-plug-in op uw WordPress-site installeren en activeren . Raadpleeg onze stapsgewijze handleiding voor het installeren van een WordPress-plug-in voor meer informatie .

Na activering zou u het OptinMonster-welkomstscherm in uw WordPress-beheerder moeten zien. Klik gewoon op de knop ‘Uw account verbinden’.

Uw OptinMonster-account verbinden met WordPress

Volg nu de instructies op het scherm om uw OptinMonster-account te verbinden met uw WordPress-site.

Zodra u dit heeft gedaan, ziet u de pagina Campagnes. Hier moet u op de knop ‘Nieuwe campagne maken’ klikken:

Klik op de knop om een ​​nieuwe campagne in OptinMonster te maken

In de rest van deze tutorial behandelen we verschillende soorten WooCommerce-pop-ups. U kunt deze snelle links gebruiken om direct naar de instructies voor elke link te gaan.

Hoe maak je een WooCommerce-couponpop-up

Coupons zijn een geweldige manier om de verkoop te verhogen. U kunt een pop-up gebruiken om ervoor te zorgen dat klanten uw kortingsbon kennen en hen aanmoedigen om deze te gebruiken.

Om een ​​coupon-pop-up te maken, selecteert u eenvoudig het campagnetype ‘Pop-up’. Selecteer vervolgens uw sjabloon door uw muis erover te bewegen en op de knop ‘Sjabloon gebruiken’ te klikken. We gaan het sjabloon ‘Coupon’ gebruiken:

Selecteer uw campagnetype en kies een sjabloon

OptinMonster zal u vragen om uw campagne een naam te geven en te kiezen op welke site u deze wilt laden.

Geef uw WooCommerce-coupon-pop-up een naam

Nu is het tijd om uw kortingsbon te ontwerpen. Klik gewoon op een deel van de kortingsbon om deze te bewerken. U kunt de tekst, het lettertype, de kleuren en meer wijzigen. Hier bewerken we de koptekst voor de kortingsbon:

De tekst op uw WooCommerce-coupon-pop-up bewerken

U kunt ook delen van de coupon verwijderen. U kunt bijvoorbeeld besluiten dat u geen aanmeldingsvak voor e-mail wilt hebben. U kunt eenvoudig een kortingscode in de pop-up weergeven om de klant aan te moedigen deze onmiddellijk te gebruiken.

Tip: de standaard kortingsboncode is SAVE25. Dit wordt op het scherm weergegeven nadat de klant zijn e-mailadres heeft ingevoerd. U kunt dit eenvoudig wijzigen of verwijderen onder de weergave ‘Succes’ voor uw pop-up.

Vergeet niet op de knop ‘Opslaan’ te klikken als u klaar bent met het aanbrengen van wijzigingen in het ontwerp van de coupon:

Sla uw pop-upcoupon op als u klaar bent met het maken ervan

Voor meer hulp, bekijk onze stapsgewijze instructies voor het maken van een coupon-pop-up . Die tutorial legt ook uit hoe u OptinMonster kunt integreren met uw e-maillijst.

Nadat u uw coupon-pop-up heeft gemaakt, moet u de weergaveregels instellen. Klik op het tabblad ‘Regels weergeven’ in de bovenste balk. Standaard wordt de kortingsbon na 5 seconden weergegeven op alle pagina’s van uw site.

De weergaveregels instellen voor uw pop-upcoupon

Misschien wilt u dit wijzigen in een langere of kortere duur, of u baseren op hoe lang de bezoeker op uw site als geheel is geweest. Misschien wilt u de kortingsbon ook alleen op bepaalde pagina’s van uw site weergeven.

We krijgen onze coupon-pop-up te zien nadat onze potentiële klant minstens 15 seconden op onze site is geweest. Dit betekent dat ze de kortingsbon zelfs zien als ze snel tussen verschillende productpagina’s wisselen:

Uw WooCommerce-pop-upcoupon zo instellen dat deze na 15 seconden op de site wordt weergegeven

De laatste stap is om uw coupon-pop-up te publiceren en deze live op uw site te zetten. Volg onze instructies aan het einde van het artikel voor hulp hierbij.

Hoe maak je een WooCommerce Cart Abandonment Pop-up

U kunt een enorme hoeveelheid geld verliezen door het achterlaten van uw winkelwagen .

Een pop-up is een geweldige manier om bezoekers te vragen het uitchecken te voltooien. U kunt een speciale WooCommerce-pop-up maken die wordt weergegeven wanneer een gebruiker zich op de winkelwagenpagina bevindt en uw site verlaat.

Maak eerst een nieuwe campagne in OptinMonster. U moet ‘Pop-up’ selecteren voor het campagnetype. Ga je gang en kies een sjabloon voor je pop-up. We gaan het sjabloon ‘Afrekenen verlaten’ gebruiken:

Selecteer een pop-upcampagne en kies vervolgens uw sjabloon voor de pop-up voor het verlaten van uw winkelwagentje

Geef nu uw pop-upcampagne een naam en klik op de knop ‘Start met bouwen’:

Geef de pop-up voor het verlaten van uw winkelwagentje een naam en begin met bouwen

De door u gekozen sjabloon wordt geopend in de campagnebouwer. U kunt de tekst, kleuren, lettertypen en meer wijzigen. Klik eenvoudig op het element dat u wilt wijzigen:

De tekst wijzigen van de pop-up voor het verlaten van uw WooCommerce-winkelwagen

Als u klaar bent met het aanbrengen van wijzigingen, vergeet dan niet op de knop Opslaan rechtsboven te klikken.

Sla uw OptinMonster-campagne op

Nu is het tijd om uw pop-up zo in te stellen dat deze wordt weergegeven op uw WooCommmerce-winkelwagenpagina. Klik eerst op het tabblad ‘Weergaveregels’ bovenaan het scherm.

Klik hier op de vervolgkeuzelijst ‘tijd op pagina’ als deze nog niet is geselecteerd en klik vervolgens op ‘Intentie afsluiten’. Met de exit intent-technologie van OptinMonster kunt u uw bericht weergeven op het moment dat de gebruiker de intentie toont om uw website te verlaten.

Een regel voor het weergeven van een exit-intentie instellen in OptinMonster

Blader vervolgens naar beneden op de pagina. Laat de eerste vervolgkeuzelijst hier staan ​​als ‘huidig ​​URL-pad’ en stel de tweede vervolgkeuzelijst in op ‘exact overeenkomt’. Voer in het vak dat verschijnt de URL van uw winkelwagenpagina in.

Een huidige URL-padregel instellen in OptinMonster

Vergeet niet uw wijzigingen op te slaan. Ga vervolgens naar het tabblad Publiceren om uw coupon live in uw online winkel te plaatsen . Instructies hierover vindt u verderop in onze tutorial.

Hoe maak je een WooCommerce Cross-Sell pop-up om gerelateerde producten te promoten

Een andere geweldige manier om de verkoop te stimuleren, is door uw producten te cross-verkopen. Cross-selling is wanneer u een product promoot dat past bij iets dat de klant al koopt.

Als uw klant bijvoorbeeld een zomeroverhemd koopt, is hij misschien ook geïnteresseerd in een zonnehoed. Of als ze wenskaarten kopen, dan willen ze misschien ook inpakpapier.

Om een ​​cross-sell-pop-up in OptinMonster te maken, moet u eerst een nieuwe campagne maken. Zorg ervoor dat u ‘Pop-up’ selecteert voor het campagnetype en kies vervolgens een sjabloon die u wilt.

We gaan de sjabloon ‘Winkelen’ gebruiken voor onze pop-up.

Kies een pop-upcampagne en selecteer een sjabloon in OptinMonster

Vervolgens vraagt ​​OptinMonster u om de campagne een naam te geven en te kiezen op welke website u deze wilt laden. Zodra u dit heeft gedaan, klikt u eenvoudig op de knop ‘Start met bouwen’.

Geef uw cross-sell-pop-up een naam en klik om te beginnen met bouwen

U wordt naar de campagne-editor geleid. Hier kunt u elk aspect van uw sjabloon wijzigen door erop te klikken. We hebben een andere afbeelding geüpload voor onze campagne:

Een andere afbeelding uploaden voor de WooCommerce-pop-up voor cross-selling

Het is gemakkelijk om de tekst, knoppen en meer te wijzigen. U kunt de kortingsbon zelfs meteen toevoegen, zoals wij, door het aanmeldingsveld voor de e-mailnieuwsbrief te verwijderen . We hebben extra tekstblokken aan onze pop-up toegevoegd om de couponcode te geven:

Tekstblokken toevoegen aan uw cross-sell-pop-up

Als u de e-mailregistratie behoudt, zorg er dan voor dat u de weergave ‘Succes’ van de pop-up bewerkt om de door u gekozen couponcode weer te geven.

Tip: als u de e-mailregistratie gebruikt, moet u ook OptinMonster aan uw e-mailprovider koppelen onder het tabblad ‘Integraties’. Er zijn instructies hierover in onze stapsgewijze handleiding voor het maken van een coupon-pop-up .

Als u klaar bent met het maken van uw campagne, vergeet dan niet rechtsboven op de knop ‘Opslaan’ te klikken.

Sla uw OptinMonster-campagne op

Om uw campagne te laten zien aan klanten met specifieke producten in hun winkelwagentje, moet u OptinMonster verbinden met WooCommerce.

Om dit te doen, klikt u op het tabblad OptinMonster in uw WordPress-dashboard en vervolgens op het tabblad ‘WooCommerce’.

Genereer de WooCommerce-sleutels automatisch om OptinMonster en uw WooCommerce-winkel te verbinden

U zou een bericht moeten zien om u te laten weten dat WooCommerce is verbonden met OptinMonster:

OptinMonster en WooCommerce zijn nu verbonden

Ga nu terug naar de OptinMonster-app en bewerk de door u gekozen campagne. Klik op het tabblad ‘Regels weergeven’ en selecteer vervolgens ‘de WooCommerce-winkelwagen bevat’ en het door u gekozen product voor uw regel:

Het instellen van een 'winkelwagen bevat'-regel voor uw OptinMonster-pop-up

U moet een afzonderlijke regel instellen voor elk product waarop u de cross-selling wilt toepassen. Klik gewoon om een ​​nieuwe ‘OF’-regel toe te voegen:

Een nieuwe OF-regel toevoegen om andere producten toe te voegen

Voeg vervolgens uw regel toe zoals eerder:

Stel 2 regels in voor verschillende producten in uw winkel

Vergeet niet op de knop ‘Opslaan’ rechtsboven in het scherm te klikken. Nu hoef je alleen maar de instructies aan het einde van deze tutorial te volgen om je pop-up live op je site te zetten.

Hoe maak je een WooCommerce Upsell-pop-up om klanten meer te laten uitgeven

Met een upsell-pop-up kunt u klanten aanmoedigen om een ​​product te kopen dat duurder is dan het product dat ze overwogen.

Als u bijvoorbeeld een softwarepakket verkoopt, kunt u een speciale deal aanbieden voor een duurder abonnement.

Om uw upsell-pop-up te maken, moet u eerst een nieuwe OptinMonster-campagne maken. Selecteer ‘Pop-up’ voor het campagnetype en kies een sjabloon die u wilt gebruiken. We gebruiken de ‘Flash’-sjabloon:

Een sjabloon kiezen voor uw WooCommerce-upsell-pop-up

Nadat u uw sjabloon heeft geselecteerd, zal OptinMonster u vragen om uw campagne een naam te geven en de site te selecteren waarop u deze wilt uitvoeren. Zodra u dit heeft gedaan, klikt u eenvoudig op de knop Start met bouwen:

Uw WooCommerce-upsell-pop-up een naam geven in OptinMonster

U kunt nu alles wat u maar wilt aan de campagne wijzigen door op het item te klikken. We gaan de timer veranderen om een dynamische (groenblijvende) timer te worden . Dit betekent dat het voor elke klant afzonderlijk wordt ingesteld:

De timer voor uw upsell-pop-up bewerken

Als u klanten de kortingsbon meteen wilt geven, verwijdert u gewoon het e-mailveld. Het is gemakkelijk om de functie ‘Blokken toevoegen’ te gebruiken om hier een tekstveld met een couponcode toe te voegen.

Blokken toevoegen aan uw upsell-pop-up

Als u tevreden bent met uw kortingsbon, klikt u rechtsboven op de knop ‘Opslaan’. Klik vervolgens op het tabblad ‘Weergaveregels’.

Volg gewoon de instructies hierboven voor cross-sell kortingsbonnen om OptinMonster en WooCommerce te verbinden. Stel vervolgens een weergaveregel in om de pop-up weer te geven wanneer de gebruiker naar een specifiek product kijkt:

Een regel voor producttargeting gebruiken in de weergaveregels van OptinMonster

Tip: wil je niet de stappen doorlopen om OptinMonster en WooCommerce te verbinden? U kunt in plaats daarvan de paginatargetingregel van OptinMonster gebruiken om de URL van uw productpagina te targeten.

Nadat u uw weergaveregels heeft ingesteld, kunt u uw pop-up opslaan. Zet het vervolgens gewoon live op uw site door de instructies aan het einde van deze tutorial te volgen.

Hoe maak je een gamified WooCommerce ‘Spin to Win’-pop-up

De draai aan een wiel-pop-up waar we naar gaan kijken, is een beetje anders. De gamified ‘spin to win’-pop-up geeft de klant een speciale aanbieding of kortingsbon. Het is een leuk alternatief om conversies en algehele betrokkenheid te stimuleren.

Maak eerst een nieuwe campagne in OptinMonster en selecteer het campagnetype Gamified. Er zijn 3 sjablonen waaruit u kunt kiezen. We gebruiken het blauwe wiel:

Een gamified couponwiel-campagne maken in OptinMonster

OptinMonster zal u vragen om uw campagne een naam te geven en te kiezen op welke website deze moet worden geladen. Zodra u dit heeft gedaan, klikt u op de knop ‘Start met bouwen’.

Geef je gamified spin een naam om de WooCommerce-campagne in OptinMonster te winnen

U ziet nu de couponwielsjabloon in de OptinMonster-editor. Klik eenvoudig op een element dat u wilt wijzigen. Om de verschillende opties op het wiel te bewerken, klikt u erop en vervolgens op de knop ‘Wielsecties bewerken’:

Bewerk de verschillende secties van je draai om een ​​wiel te winnen

Als u tevreden bent met uw couponwiel, klikt u op de knop ‘Opslaan’ boven aan het scherm:

Zorg ervoor dat u uw voltooide pop-up met draai aan het wiel opslaat

Volg gewoon onze stapsgewijze handleiding voor het maken van een pop-up ‘draai om te winnen’ als u meer hulp wilt bij het instellen van uw couponwiel.

U moet ook OptinMonster aan uw e-mailsysteem koppelen. Om dat te doen, klikt u gewoon op het tabblad ‘Integraties’ en vervolgens op de knop ‘Nieuwe integratie toevoegen’:

E-mailintegratie toevoegen aan uw pop-up met draai aan het wiel

Vervolgens moet u uw e-mailprovider selecteren in een vervolgkeuzelijst:

Selecteer uw e-mailprovider in de vervolgkeuzelijst

Volg de instructies op het scherm om OptinMonster te verbinden met uw e-mailprovider. Vergeet daarna niet nogmaals op de knop ‘Opslaan’ bovenaan het scherm te klikken. Nu kunt u de pop-up live op uw site zetten door de instructies aan het einde van deze tutorial te volgen.

Hoe maak je een pop-up op volledig scherm voor WooCommerce

Een andere zeer effectieve pop-up die u voor uw online winkel kunt maken, is een WooCommerce-pop-up op volledig scherm. Hiermee kunt u nieuwe bezoekers verwelkomen en hen aanmoedigen om lid te worden van uw e-maillijst. Je zou ze in ruil daarvoor een speciale korting kunnen geven.

Om een ​​pop-up op volledig scherm in OptinMonster te maken, maakt u een nieuwe campagne en kiest u het campagnetype Volledig scherm. Selecteer vervolgens een sjabloon. We gaan de Estate-sjabloon gebruiken voor onze pop-up:

Kies het campagnetype op volledig scherm en kies vervolgens een sjabloon

Vervolgens moet u een naam voor uw campagne invoeren en kiezen op welke site deze wordt weergegeven. Als je klaar bent, klik je op de knop ‘Start met bouwen’.

Geef uw campagne op volledig scherm een ​​naam in OptinMonster

U ziet nu uw welkomstmat op volledig scherm in de OptinMonster-builder. U kunt de tekst en de afbeelding aanpassen aan uw winkel. Klik gewoon op wat u wilt wijzigen.

We gaan de tekst wijzigen door erop te klikken en deze in het linkerdeelvenster te bewerken:

Je welkomstmat bewerken

Ga je gang en breng alle andere gewenste wijzigingen aan.

Vervolgens moet u OptinMonster integreren met uw e-maillijst door op het tabblad ‘Integraties’ te klikken. Voor instructies hierover, bekijk onze gids om de wiel-pop-ups hierboven te laten draaien.

Als u tevreden bent met uw welkomstmat, vergeet dan niet op de knop ‘Opslaan’ te klikken. U kunt vervolgens naar het tabblad ‘Weergaveregels’ gaan:

Sla het ontwerp van uw welkomstmat op en ga vervolgens naar het tabblad Regels weergeven

Voor de weergaveregels wilt u uw welkomstmat zo instellen dat deze alleen wordt weergegeven voor eerste bezoekers. Om dit te doen, klikt u op de vervolgkeuzelijst ‘tijd op pagina’ en selecteert u de optie ‘Nieuwe bezoeker’:

Wijzig de vervolgkeuzelijst 'Tijd op pagina' om nieuwe bezoekers te targeten

Als u wilt dat de welkomstmat op alle pagina’s van uw site wordt weergegeven, laat u de vervolgkeuzelijst ‘huidige URL-pad’ gewoon staan ​​op ‘is een willekeurige pagina’. Vergeet niet op de knop ‘Opslaan’ bovenaan het scherm te klikken:

Onze welkomstmat wordt weergegeven voor nieuwe bezoekers van de site, op welke pagina ze ook terechtkomen

U kunt nu doorgaan en uw pop-up live op uw site zetten door de onderstaande instructies te volgen.

Raadpleeg voor meer tips onze gids voor het maken van een welkomstmat voor uw WordPress-site . Daar vind je ook enkele handige voorbeelden.

Uw WooCommerce Popup Live op uw site plaatsen

Nadat u een pop-up hebt gemaakt, moet u deze live maken voordat deze op uw website wordt weergegeven. Eerst moet u op het tabblad ‘Publiceren’ in de OptinMonster-app klikken. Klik vervolgens op de schakelaar ‘Status’ om deze in te stellen op Live.

Maak uw OptinMonster-coupon live zodat u deze aan uw site kunt toevoegen

Opmerking: uw pop-up zal niet meteen live zijn. Je moet er nog steeds mee live gaan in WordPress.

Ga nu terug naar uw WordPress-beheerder en klik op het menu-item OptinMonster.

Vernieuw uw lijst met OptinMonster-campagnes in WordPress

U zou dan uw pop-up hier moeten zien:

Uw WooCommerce-pop-up zou nu in uw lijst met campagnes moeten verschijnen

U moet op de knop ‘Live gaan’ klikken om uw campagne live te zetten:

Klik op de Go Live-link om uw campagne live op uw WooCommerce-site te zetten

Het is altijd een goed idee om uw site te controleren om er zeker van te zijn dat uw pop-up wordt weergegeven zoals bedoeld. Hier is onze cross-sell-campagne in actie, waarbij we zonnehoeden promoten wanneer er een zomershirt in de winkelwagen van de klant zit:

De cross-sell-pop-up verschijnt wanneer een zomershirt in de winkelwagen van de klant zit

We hopen dat dit artikel je heeft geholpen om te leren hoe je een WooCommerce-pop-up kunt maken om de verkoop te verhogen. 


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *