Hoe maak ik een pop-up?
Een pop-up is een venster dat over je pagina opent als een bezoeker op een knop of link klikt. Handig voor extra uitleg, een video, een actie of een formulier, zonder dat de bezoeker de pagina verlaat.
In het kort
- Maak een pop-up via Popup’s → Nieuwe popup toevoegen.
- Vul hem met gewone secties en blokken, en publiceer hem.
- De link om hem te openen staat boven de editor en in de kolom Popup link.
- Zet die link in een knop of tekstlink op de pagina.
- Een pop-up opent alleen na een klik, niet vanzelf en niet vanuit het menu.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Hoe werken pop-ups in leflite?
Een pop-up is een apart stukje inhoud onder Popup’s in het menu. Hij heeft geen eigen pagina. Op een pagina zet je een knop of link met het adres van de pop-up. Klikt een bezoeker daarop, dan opent de pop-up over de pagina. Met het rode kruisje rechtsboven sluit hij weer.
Stap 1: Maak een nieuwe pop-up
Ga in het menu links naar Popup’s → Nieuwe popup toevoegen. Geef de pop-up een titel die je zelf herkent, bijvoorbeeld “Actie najaar”. De bezoeker ziet die titel niet.
Stap 2: Vul de inhoud
Je bouwt een pop-up net als een pagina: voeg een sectie toe met een kolom, en zet daarin blokken zoals Tekst, Afbeelding, Video of Knoppen. Zie een sectie toevoegen als je dat nog niet eerder deed.
Tip: houd een pop-up kort: een kop, een paar zinnen en hooguit één knop of formulier. Lange inhoud past beter op een eigen pagina.
Stap 3: Publiceer en noteer de link
Klik op Publiceren. Een pop-up in concept opent niet.
Boven de editor staat een melding: “Deze popup kun je laten openen door op een knop of link te drukken. Om deze popup te laten openen, vul in het URL veld van de desbetreffende knop of link het volgende in:” met daarachter de link. Die link bestaat uit #lef-popup- en het nummer (ID) van de pop-up. Je vindt hem ook in het overzicht Popup’s, in de kolom Popup link.
Stap 4: Link naar de pop-up
Vanuit een knop
Open de pagina waar de pop-up moet openen. Voeg een Knoppen-blok toe of kies een bestaande knop, en plak de link van de pop-up in het linkveld. Zie een knop toevoegen.
Vanuit een tekstlink
In een Tekst-blok selecteer je het woord of de zin, klik je op de linkknop en plak je dezelfde link. Zie een link toevoegen.
Sla de pagina op en test het op de website: klik op de knop en de pop-up opent.
Wat niet kan
Vanuit het menu, de topbar of de footer
Het thema kijkt bij het laden van een pagina welke pop-up-links er in de inhoud van die pagina staan, en zet alleen die pop-ups klaar. Een link in het menu wordt daarbij niet gevonden, en een link in de topbar of een footer-widget werkt daardoor ook niet altijd. Zet de knop dus in de inhoud van de pagina.
Automatisch openen
Een pop-up opent alleen na een klik. Er is geen instelling om hem na een paar seconden of bij het verlaten van de pagina te openen. Dat is ook prettiger: pop-ups die vanzelf openen, storen bezoekers en Google ziet ze op een telefoon niet graag.
Goed om te weten: wil je een formulier in de pop-up? Dat kan, met een kleine extra instelling. Zie een formulier in een pop-up tonen.
Lukt het niet?
- Er gebeurt niets bij een klik. Kijk of de link precies klopt:
#lef-popup-plus het ID, zonder spatie en zonder webadres ervoor. En is de pop-up gepubliceerd? - De link staat in het menu. Dat werkt niet. Gebruik een knop of tekstlink op de pagina.
- De pop-up toont “Er is geen content gevonden voor in deze popup.” Het nummer hoort bij iets anders dan een pop-up. Kopieer de link opnieuw uit de kolom Popup link.
Kom je er niet uit? Neem contact met ons op of bel 06 35 66 47 73. We kijken graag even mee.
Veelgestelde vragen
Nee, alleen na een klik op een knop of link. Zo blijft het vriendelijk voor bezoekers en voor Google.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Berichten of pagina's automatisch tonen
Een citaat plaatsen
Categorieën tonen als knoppen of cards
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.