Video-pop-up in WordPress

Hoe maak je een video-popup in WordPress (De makkelijke manier)

Op zoek naar een manier om een video-popup in WordPress te maken?

Video's kunnen de betrokkenheid op uw site enorm verhogen. Hoewel u technisch gezien een video rechtstreeks op uw WordPress-site kunt insluiten, zijn er enkele nadelen aan dat idee:

  • Als iemand de video groter wil maken, klikt hij op de knop 'Bekijken op YouTube' en verlaat hij uw site.
  • Ingesloten video's maken een HTTPS-verbinding van uw site naar de videohostingsite om een videovoorbeeld op te halen. Dit kan uw site erg vertragen.
  • U kunt de video niet activeren op basis van een gebruikersactie met video-embeds, zoals u kunt met een popup. Aangezien er geen manier is om te controleren hoe de video wordt weergegeven, zullen de conversies van een ingesloten video lager zijn dan die van een popup.
  • Doorgaans kunt u geen ingesloten video gebruiken om leads te verzamelen, tenzij u deze rechtstreeks boven een formulier plaatst. Het plaatsen van een optin-formulier zoals dat kan nogal onnatuurlijk lijken, omdat bezoekers meestal meer inhoud verwachten direct na de video.

Een video-popup kan de meeste van deze problemen zonder problemen oplossen.

In dit artikel zetten we in minder dan 10 minuten een video-popup op uw WordPress-site op.

Laten we beginnen.

Wat u moet weten voordat u begint

We raden aan OptinMonster te gebruiken om uw popups te maken.

OptinMonster Home

OptinMonster is de #1 conversietool ter wereld en we hebben het zelf gebruikt. OptinMonster maakt het super eenvoudig om krachtige popups te maken die converteren. En u hoeft nooit code te gebruiken.

We hebben zelfs een volledige review van OptinMonster geschreven.

U kunt dat bekijken, of meteen met uw campagne beginnen. Het enige wat u hoeft te doen is u aanmelden voor OptinMonster en de rest van dit artikel volgen. Als u dit tutorial volgt, kunt u een video-popup in WordPress maken zoals deze:

Nezuko Popup

Hoe maak je een video-popup

Nu u een basisbegrip heeft van hoe een video-popup werkt, gaan we aan de slag met het maken van een video-popup.

Stap #1. Maak uw campagne

Nu is het tijd om uw eerste campagne te maken. Ga naar uw OptinMonster-dashboard en klik op Campagne maken:

Maak een OptinMonster Campagne

We raden aan om te beginnen met de super converterende lightbox-popup:

Nieuwe Lightbox Popup Campagne

Kies vervolgens een campagnetemplate. We gaan voor het Eenvoudige campagnetype voor deze tutorial, maar u kunt elke template gebruiken die u wilt om een video-popup voor uw WordPress-site te maken:

Kies een pop-upcampagne-thema

De Eenvoudige campagnetemplate heeft heel weinig elementen. U kunt dus gemakkelijk elementen toevoegen aan de optin zonder deze te rommelig te maken.

Geef uw campagne nu een naam. De campagnenaam is voornamelijk voor uzelf en u maakt waarschijnlijk een heleboel van deze popups met verschillende targetingopties. Geef de campagne dus een betekenisvolle naam, zodat u uw campagnes gemakkelijk kunt beheren.

Afhankelijk van je abonnement kun je OptinMonster ook op meerdere sites gebruiken. Selecteer dus ook de website waar je je campagne wilt weergeven.

Maak campagne-identiteit

Druk op Start Bouwen als je klaar bent.

Stap #2: Haal uw video-embed-URL op

Vervolgens wilt u de URL ophalen voor de video die u wilt insluiten. We gebruiken YouTube in deze tutorial, maar OptinMonster werkt ook met andere videohostingsplatforms zoals Vimeo en Wistia.

Voor deze tutorial gebruiken we een YouTube-video over pushmeldingen, mogelijk gemaakt door PushEngage. Klik op de knop Delen:

YouTube Embed Link

Klik vervolgens op de knop Insluiten:

Embed Link Knop

U ziet een voorbeeld van het codefragment:

Embed Video iframe

Kopieer alleen de video-embedlink in plaats van de volledige code:

Video Embed Link

Sla deze video-embedlink op, want je hebt hem nodig voor je campagne in de volgende stap.

Stap #3: Integreer de video in je campagne

Ga terug naar de OptinMonster campagnemaker. Sleep vanuit de weergave Ontwerp van de campagnemaker een Video blok naar je campagneontwerp waar je wilt dat de popup verschijnt.

Voeg videoblok toe aan OptinMonster popup

Klik direct op de video in de live preview om de bewerkingstools te openen. Voer de embed-URL voor de video in het vak Hosted Video URL in:

Plak gehoste video-URL

De campagne preview wordt bijgewerkt om de bijgewerkte YouTube lightbox video popup campagne te tonen. Zorg ervoor dat je je campagne opslaat door op de knop Opslaan te klikken in de rechterbovenhoek van het scherm.

Sla OptinMonster Campagne op

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.

HTML-blok toevoegen 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:

HTML-code toevoegen aan pop-up

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 :

PushEngage

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:

PushEngage Installatiecode Voor Elke Site

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 weergeregels in voor je videopopup

Vervolgens wil je specificeren wanneer bezoekers je videopopup campagne moeten zien.

Ga daarvoor naar het tabblad Weergeregels.

Bekijk de standaard weergeregel voor elke campagne:

OptinMonster Standaard Weergeregels

Dit betekent dat, zelfs als je vergeet een aangepaste weergeregel in te stellen, bezoekers je videopopup te zien krijgen nadat ze minimaal 5 seconden op je site zijn geweest.

Stap #6. Voeg je e-mailservice-integratie toe

Klik op Nieuwe integratie toevoegen vanuit het tabblad Integraties en voeg je e-mailserviceprovider toe. Kies gewoon je e-mailserviceprovider uit de vervolgkeuzelijst E-mailprovider.

OptinMonster Integraties

We raden aan om ConstantContact te gebruiken voor je e-mailcampagnes. ConstantContact biedt meerdere e-mailautomatiseringscampagnes die je kunnen helpen om je e-maillijst automatisch te betrekken en te verkopen.

Stap #7. Publiceer je campagne

Elke campagne op OptinMonster is standaard Gepauzeerd. Dus, we gaan je campagne publiceren zodat je websitebezoekers de popup kunnen zien wanneer ze op je site landen.

Ga terug naar het OptinMonster dashboard. Ga naar het tabblad Publiceren in het bovenste menu om de Publicatieopties te zien. Stel vervolgens de status in op Publiceren en selecteer het websiteplatform:

Publiceer OptinMonster campagne

Als je een WordPress-site runt, regelt de OptinMonster-plugin de rest van de installatie automatisch. Vergeet niet op Opslaan te klikken als je klaar bent. Als je teruggaat naar je site, zie je de videopopup die je zojuist hebt gemaakt.

Wat te doen nadat je een videopopup in WordPress hebt gemaakt

Dat is alles voor deze keer, mensen!

Het maken van videopopups voor je WordPress-site is een zeer effectieve manier om je verkeer om te zetten in e-abonnees en echte zakelijke leads. de enige uitdaging die je hebt na het instellen van een videopopup is het laten groeien van je websiteverkeer.

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:

We raden aan PushEngage te gebruiken om uw pushmeldingscampagnes te maken. PushEngage is de nummer 1 pushmeldingssoftware ter wereld. Dus, als u dat nog niet hebt gedaan, begin vandaag nog met PushEngage!

Voeg een reactie toe

We zijn blij dat je een reactie hebt achtergelaten. Houd er rekening mee dat alle reacties worden gemodereerd volgens ons privacybeleid, en alle links zijn nofollow. GEBRUIK GEEN trefwoorden in het naamveld. Laten we een persoonlijke en betekenisvolle conversatie hebben.

Bezoekers betrekken en behouden nadat ze uw website hebben verlaten

Verhoog de waarde van elk websitebezoek met pushmeldingen die moeilijk te missen zijn.

  • Voor Altijd Gratis Plan
  • Eenvoudige Installatie
  • 5 Sterren Support