Op zoek naar een manier om een pop-up op volledig scherm te maken voor je WordPress-site?
Een pop-up op volledig scherm kan ongelooflijk effectief zijn voor het vastleggen van leads. Ze zijn ontworpen om te overtuigen en te converteren door de volledige aandacht van de bezoeker op zichzelf te vestigen.
Maar er zelf een moeten coderen is een echte pijn. Ten eerste moet je genoeg weten van HTML, CSS en Javascript om de pop-up te maken, samen met triggerregels voor wanneer je deze wilt weergeven. Vervolgens moet je een handmatige integratie maken met je e-mailserviceprovider. En ten slotte moet je omgaan met privacy- en beveiligingsproblemen.
Goed nieuws: er is een veel eenvoudigere manier.
In dit artikel laten we je zien hoe je een pop-up op volledig scherm in WordPress lanceert zonder te coderen in minder dan 10 minuten.
Laten we beginnen.
Wat is een pop-up op volledig scherm in WordPress?
Een pop-up op volledig scherm is een opt-in formulier dat verschijnt met een filmisch effect op volledig scherm. Zie het als het bekijken van een film op Netflix in de modus Volledig scherm. Wanneer een opt-in formulier op volledig scherm verschijnt, kun je de rest van de WordPress-site niet zien. Op deze manier is je volledige aandacht gericht op de pop-up.
Hier is een voorbeeld:
Je kunt pop-ups op volledig scherm gebruiken om:
- Nieuwe bezoekers te verwelkomen
- Een kortingscode aan te bieden
- Bezoekers naar hun beste inhoud te leiden
- Bezoekers naar hun social media profielen te sturen
En meer. Je kunt zelfs contactformulieren in pop-ups maken. Pop-ups zijn super flexibel en zolang je creatief bent, kun je gemakkelijk hoog converterende pop-ups instellen.
Hoe maak je een pop-up op volledig scherm in WordPress
Nu je begrijpt wat een pop-up op volledig scherm is en waarom je er een zou willen maken, hoe maak je er een? We raden aan om OptinMonster te gebruiken om al je pop-ups te maken.
OptinMonster is de #1 conversietool ter wereld en we hebben het zelf gebruikt. OptinMonster maakt het super eenvoudig om krachtige pop-ups te maken die converteren. En u hoeft nooit code te gebruiken.
We hebben zelfs een volledige review van OptinMonster geschreven.
Je kunt die bekijken, of meteen aan de slag gaan met je campagne. Het enige wat je hoeft te doen is je aanmelden voor OptinMonster en de rest van dit artikel volgen.
Stap #1: Maak een campagne
Ga naar uw OptinMonster dashboard en klik op de knop Maken:
Selecteer de optie Sjabloon om een optin te maken met een vooraf ontworpen sjabloon:
Selecteer Volledig scherm om te beginnen met sjablonen voor pop-ups op volledig scherm:
Kies vervolgens een campagnesjabloon. Je kunt elk sjabloon kiezen dat je wilt, maar we gaan voor dit tutorial voor het Productaanbeveling (Gamified) campagnesjabloon.
Nadat u uw sjabloon hebt geselecteerd, geeft u uw campagne een naam. Onthoud dat deze campagnenaam voor u is en u waarschijnlijk een heleboel van deze pop-ups zult maken met verschillende targetingopties. Geef de campagne dus een betekenisvolle naam, anders raakt u later echt in de war.
Afhankelijk van je abonnement kun je OptinMonster ook op meerdere sites gebruiken. Selecteer dus ook de website waar je je campagne wilt weergeven.
Druk op Start Bouwen als je klaar bent.
Stap #2: Bewerk je pop-up
Met OptinMonster krijg je een visuele drag-and-drop pop-up builder. Zodra je klaar bent met het maken van je campagne, kun je zelfs de kleinste details van je pop-up bewerken. Begin met het bewerken van je pop-up titel:
Het meest verbazingwekkende hier is dat u gewoon op de tekst klikt die u wilt bewerken en deze inline wijzigt. U hoeft geen formulier in te vullen of HTML-code in de popup te bewerken.
Je kunt alles bewerken wat je wilt aan je pop-up op volledig scherm. Als je tevreden bent met het uiterlijk van de opt-in, kun je doorgaan naar meer geavanceerde instellingen.
Stap #3: Stel de weergeregels voor de pop-up op volledig scherm in
Weergeregels zijn bedoeld om te bepalen wanneer je campagne op je site verschijnt en wie deze ziet.
Onze aanbeveling is om de triggerconditie te wijzigen naar exit-intent:
Klik Volgende stap om de Actie te kiezen. Hier raden we aan om Toon de campagne-weergave in te stellen op Optin View, toon met MonsterEffect in te stellen op een animatie naar keuze, en speel geluidseffect in te stellen op een geluidseffect voor je popup.
Klik vervolgens op de knop Volgende stap. Je kunt de volledige omvang van je instellingen zien in het tabblad Samenvatting.
Stap #4: Voeg een Klik-om-te-abonneren-knop toe aan uw Popup
Pushmeldingen helpen je om je websiteverkeer en betrokkenheid automatisch te laten groeien. En als je een online winkel runt, helpt PushEngage je ook om je verkopen te verhogen door je te helpen bij het maken van geautomatiseerde e-commerce pushmeldingen.
Je kunt gratis beginnen, maar als je serieus bent over het laten groeien van je bedrijf, moet je een betaald abonnement kopen. Controleer ook, voordat je een pushmeldingsservice koopt, deze gids voor kosten van pushmeldingen.
Hier is een snel overzicht van wat je krijgt met PushEngage:
- Hoog converterende geautomatiseerde campagnes
- Meerdere targeting- en campagneplanningsopties
- Doeltracking en geavanceerde analyses
- Slimme A/B-tests
- Een toegewijde succescoach
Je zult zien dat PushEngage zonder twijfel de beste keuze is als je verkeer, betrokkenheid en verkopen voor je bedrijf wilt opbouwen. En als je een beperkt budget hebt, kun je altijd een beetje creatief zijn met je pushmeldingen.
Voeg eerst een HTML-blok toe aan uw popup vanuit de zijbalk in OptinMonster.
Hier gaan we de code toevoegen om push-notificatieabonnees te verzamelen. Plak eerst de volgende code om een klikbare knop te maken:
<button onclick="subscribeOnClickButton()" style="border: none; width: 100%; padding-left: 15%; padding-right:15%; text-align: center; display: inline-block; color: white;">Get Updates via Push Notifications</button>Plak de code waar staat dat u HTML kunt toevoegen:
Natuurlijk kunt u met de stijlen spelen om het er aantrekkelijker uit te laten zien. Vervolgens gaan we ervoor zorgen dat de knop pushmeldingsabonnees verzamelt wanneer erop wordt geklikt.
Ga naar de PushEngage homepage en klik op de knop Get Started :
Vervolgens wil je het gratis abonnement selecteren om PushEngage uit te proberen of een betaald abonnement kiezen als je serieus bent over het laten groeien van je bedrijf. De betaalde abonnementen bieden meer campagneopties en de mogelijkheid om nog grotere abonneelijsten op te bouwen.
Ga in uw PushEngage-dashboard naar Site-instellingen » Sitegegevens en klik op de knop Klik hier voor installatie-instructies. Onder Elke site krijgt u uw installatiecode:
WAARSCHUWING: U moet de code kopiëren die u uit uw dashboard haalt. De code is uniek voor elke PushEngage-gebruiker. U kunt de code in de afbeelding niet kopiëren en pushmeldingabonnees verzamelen.
Zodra u de code in uw PushEngage-dashboard hebt, neemt u het tweede script en voegt u er wat extra code aan toe. Uw uiteindelijke code moet er ongeveer zo uitzien:
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
console.log(res);
}]);
}
</script>Voeg deze code toe aan het HTML-blok in OptinMonster, direct na de code voor uw knop en tussen het <div></div> codeblok en u bent klaar!
Stap #5: Stel je e-mailintegratie in
De volgende stap is het instellen van je e-mailintegratie. Klik op Nieuwe integratie toevoegen vanuit het tabblad Integraties en selecteer je e-mailserviceprovider:
We raden aan om Drip te gebruiken voor je e-mailmarketing als je nog geen e-mailserviceprovider hebt.
Stap #6: Publiceer je Schermvullende Popup in WordPress
Wanneer u een nieuwe campagne maakt, is deze standaard Gepauzeerd.
Ga naar het tabblad Publiceren in het hoofdmenu om de Publicatie-opties te zien. Stel vervolgens de status in op Publiceren en selecteer het websiteplatform:
Als je een WordPress-site runt, regelt de OptinMonster-plugin de rest van de installatie automatisch. Hetzelfde geldt voor Shopify en BigCommerce. Voor elke andere site klik je op Any Site en plak je de embedcode in de head van je website:
En je bent klaar!
Wat te doen na het maken van een Schermvullende Popup in WordPress
Dat is alles voor deze keer, mensen!
Laat het ons weten als dit artikel je heeft geholpen. Het maken van popups op je site kan je helpen om je verkeer om te zetten in e-mailabonnees en echte zakelijke leads. En we raden je ten zeerste aan om meteen te beginnen met het maken van schermvullende popups.
En als je op zoek bent naar een betaalbare manier om je verkeer te vergroten, raden we het gebruik van pushmeldingen aan. Pushmeldingen kunnen je helpen meer terugkerend verkeer en site-betrokkenheid te genereren. Je kunt ook geautomatiseerde pushmeldingcampagnes maken die verkopen genereren.
Nog niet overtuigd? Bekijk deze bronnen:
- 7 slimme strategieën om klantbetrokkenheid te vergroten
- Zijn pushmeldingen effectief? 7 statistieken + 3 expert tips
- Hoe verlaten winkelwagen pushmeldingen in te stellen (eenvoudige tutorial)
- Hoe voeg je een WordPress-plugin voor webmeldingen toe aan je site
We raden aan om PushEngage te gebruiken om je pushmeldingscampagnes te maken. PushEngage is de nummer 1 pushmeldingssoftware ter wereld. Dus, als je dat nog niet hebt gedaan, begin vandaag nog met PushEngage!
