Share on email
Share on whatsapp
Share on twitter
Share on linkedin
Share on facebook

Video popup WordPress maken met Elementor

Een video popup op je WordPress website maken kan een mooie aanvulling zijn op de content die je te bieden hebt op de website. Het valt net iets meer op, waardoor je meer kans hebt dat je bezoekers de video bekijken.

Maar hoe maak je een video popup in WordPress? Dat doe je met de popup builder van Elementor Pro. In dit artikel leggen we je uit hoe dit werkt.

Een video popup met lightbox

Als je de Video widget gebruikt om een video op je website te plaatsen, heb je de mogelijkheid om de lightbox in te schakelen. Hiermee popt de video op je scherm (in een zogenoemde lightbox) en vervaagt de achtergrond (afhankelijk van hoe je dit hebt ingesteld).

De lightbox functie vind je als je gaat naar het tabje ‘Image overlay’. Je kunt hier de lightbox aan- of uit zetten. De styling van de lightbox kun je aanpassen in het tabje ‘Stijl’. 

Lightbox YouTube video WordPress website

Een video popup WordPress met popup builder Elementor

Met de popup builder van Elementor Pro wordt het nog leuker om een video popup WordPress te maken. Je kunt hiermee echt alle kanten op. Zo kun je een slide-in maken, een classic popup, een fly-in of full screen video popup maken.

Stap 1: maak een nieuwe popup

Ga naar Templates -> Popup en klik op ‘Nieuwe toevoegen’. Geef de popup een naam, bijvoorbeeld ‘Video popup’. Je krijgt vervolgens direct een scherm te zien met templates voor popups. Klik deze weg.

Video popup in wordpress met elementor

Stap 2: de video toevoegen aan de popup

Met de video widget kun je, net als op een pagina, een video toevoegen aan de popup. Indien gewenst kun je meer widgets voor je popup gebruiken. In dit voorbeeld gebruiken we alleen de video widget. Voeg deze toe aan de pagina en stel de video in.

Video popup in wordpress met elementor video widget

Stap 3: De popup lay-out instellen

Als je de video hebt toegevoegd aan de popup, ga je verder met de lay-out van de popup:

Fit to content
Wanneer je een video in een popup zet is het handig om bij de layout te kiezen voor ‘Fit to content’. De verhoudingen die je instelt voor je video worden dan automatisch overgenomen door te popup. Zo heb je geen onnodige witruimte rondom je video. Met de ‘breedte’ optie kun je de video groter of kleiner maken.

popup maken in wordpress instellingen elementor

Video positie
Met ‘Position’ bepaal je waar op het scherm je de video wilt tonen. Zo kun je hem bijvoorbeeld in het midden tonen of rechtsbovenin, linksonderin, midden onderin etc.

popup maken in wordpress positie aanpassen elementor

Overlay
Wil je dat de video goed opvalt? Stel dan een overlay in voor de achtergrondkleur van de video popup (je website dus). Zo kun je deze bijvoorbeeld wat donkerder maken. De kleur van de overlay pas je aan in het tabblad ‘Stijl’.

Popup instellingen elementor

Close button
Geef de bezoeker de mogelijkheid om de video (weer) weg te klikken met de close button. In het tabblad ‘Stijl’ kun je de kleur en grootte van de close button aanpassen.

Entrance animation
Stel een entree animatie in voor je video. Bijvoorbeeld een slide in, zoom in, bounce up etc.

popup entrance animatie elementor

Overige instellingen

Daarnaast heb je nog een aantal instellingen voor de popup. Deze vind je in het tabblad ‘Geavanceerd’. Zo kun je instellen dat de video popup na een tijdje automatisch wordt gesloten en kun je voorkomen dat websitebezoekers de video snel kunnen wegklikken. Ook kun je pagina scrolling uitzetten. Handig, maar let er op: dit kan best irritant zijn voor je website bezoeker.

Instellingen video popup

Video popup in wordpress met elementor maken

Stap 4: video popup publiceren

Als je klaar bent met het maken van de videop popup, kun je hem publiceren. Je hebt hierbij een aantal opties:

Publicatie condities
Hier bepaal je op welke pagina’s je de video popup wel of niet wilt tonen. Lees hier meer over publicatie condities

Triggers
Met triggers kun je aangeven wanneer de popup getoond moet worden. Bijvoorbeeld bij het laden van de pagina, als de bezoeker scrollt of als de bezoekers de pagina wil verlaten.

popup maken in wordpress met elementot triggers

Geavanceerde regels

Daarnaast heb je nog een aantal publicatie opties. Zo kun je bijvoorbeeld voorkomen dat een popup te vaak wordt getoond Ook kun je de popup uitschakelen voor ingelogde gebruikers. Hieronder een overzicht van alle opties. Stel de regels naar wens in en publiceer vervolgens de popup.

Popup maken in wordpress met elementor regels instellen

Wil je de video pas tonen als iemand op een button klikt? 

 

Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook
Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.