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 kun je op drie verschillende manieren doen. Dat doe je onder andere met de popup builder van Elementor Pro. In dit artikel laten we drie manieren zien.
1. Een video popup met de video widget
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’.
2. Een video popup achter een button, icoon of afbeelding
Heb je zelf een afbeelding, icoon of button waarachter je een video popup wilt maken? Dan kun je het url vak hiervoor gebruiken.
- Selecteer het element (de widget) waar je een video popup wilt zetten
- Klik in het link vakje op het dynamische icoontje en selecteer ‘Lightbox’
- Klik vervolgens nog een keer op ‘Lightbox’ en voer hier de url in.
3. 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.
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.
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.
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.
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’.
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.
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.
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.
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.
