Studio Editor: Pop-ups gebruiken
7 min
In dit artikel
- Een pop-up toevoegen
- Een pop-up aanpassen
- Triggers instellen voor een pop-up
- Een planning instellen voor een pop-up
- Elementen aan een pop-up koppelen
- Een Pop-up beheren
Pop-ups zijn vensters die op de live website verschijnen en die je naar jouw behoeften kunt aanpassen. Ontwerp het venster en voeg de elementen toe die je wilt, kies dan wanneer het voor websitebezoekers verschijnt.
Je kunt ook elementen koppelen, zoals tekst, knoppen of afbeeldingen, dus bij het klikken wordt de pop-up geopend. Dit is een goede manier om de bekendheid van tijdgevoelige informatie, uitverkopen of promoties te vergroten.
Een pop-up toevoegen
Voeg een pop-up toe aan de website van je klant om te beginnen met het instellen van aankondigingen voor hun bezoekers en klanten.
Om een pop-up toe te voegen:
- Ga naar je editor.
- Klik links in de editor op Elementen toevoegen
. - Klik op Indeling-tools.
- Klik op Pop-ups.
- Selecteer de pop-up die je wilt toevoegen.
Een pop-up aanpassen
Pas de pop-up aan de rest van de website aan. Voeg de elementen toe die je nodig hebt, wijzig dan de achtergrondkleur en bepaal de dekking.
Om een pop-up aan te passen:
- Ga naar je editor.
- Klik links in de editor op Pagina's
. - Selecteer de relevante pop-up onder Pop-ups.
- Klik op de pop-up op het canvas.
- Kies hoe je de pop-up wilt aanpassen:
Elementen toevoegen
De achtergrond ontwerpen
.
Voeg de optie toe om binnen de pop-up te scrollen
Stel de overlay rond de pop-up in
5. Wanneer je klaar bent, klik je onderaan op Klaar om de bewerkingsmodus te verlaten.
En nu?
Bekijk een voorbeeld van de website om de pop-up in actie te zien.
Triggers instellen voor een pop-up
Kies hoe en wanneer de pop-up verschijnt. Je kunt het zo instellen dat het automatisch op specifieke pagina's verschijnt of het aan een element koppelen (bijvoorbeeld: tekst of een afbeelding). Je kunt ook beslissen hoe bezoekers de pop-up sluiten nadat je deze hebt bekeken.
Let op:
De pop-up wordt één keer per bezoeker weergegeven, op de eerste relevante pagina die ze zien (voor het geval deze is ingesteld om op meerdere pagina's te verschijnen).
Om triggers in te stellen:
- Ga naar je editor.
- Klik links in de editor op Pagina's .
- Selecteer de relevante pop-up onder Pop-ups.
- Klik op de pop-up op het canvas.
- Klik op Triggers instellen.
- Selecteer de relevante optie onder Pop-up automatisch op pagina's weergeven:
- Ja: De pop-up verschijnt automatisch wanneer bezoekers de relevante pagina's binnenkomen.
- Klik onder Op welke pagina's? om de relevante pagina('s) te selecteren.
- Sleep de Vertraging-schuifregelaar om in te stellen hoe lang (in seconden) het duurt voordat de pop-up verschijnt nadat de pagina is geladen.
- Nee: De pop-up verschijnt niet wanneer bezoekers een pagina binnenkomen. In plaats daarvan wordt de lightbox geactiveerd door een knop of een link die je kiest.
- Ja: De pop-up verschijnt automatisch wanneer bezoekers de relevante pagina's binnenkomen.
- Activeer de relevante schakelaar(s) onder Hoe sluit de pop-up?.
Let op: Als je zowel het 'X'-pictogram als het 'Sluiten'-knop uitschakelt, kunnen bezoekers buiten de pop-up klikken om deze te sluiten. - Wanneer je klaar bent, klik je op Klaar om de bewerkingsmodus te verlaten.
Let op:
Momenteel is het niet mogelijk om meer dan 1 pop-up per pagina weer te geven. Als je een pagina probeert te selecteren die al een pop-up heeft, wordt de optie uitgeschakeld. Stem voor meerdere pop-ups per pagina.
Een planning instellen voor een pop-up
Kiezen wanneer websitebezoekers de pop-up zien. Als je bijvoorbeeld een aanbieding voor bepaalde tijd promoot, zorgt dit ervoor dat de pop-up alleen in het relevante tijdsbestek verschijnt.
Belangrijk:
Deze optie is alleen beschikbaar als je de pop-up instelt om automatisch op pagina's weer te geven.
Om de planning van de pop-up in te stellen:
- Ga naar je editor.
- Klik links in de editor op Pagina's .
- Selecteer de relevante pop-up onder Pop-ups.
- Klik op de pop-up op het canvas.
- Klik op Triggers instellen.
- Scrol omlaag naar Planning pop-up en klik op + Planning instellen.
- Stel de startdatum en -tijd en de einddatum en -tijd in.
Tip: Zorg ervoor dat de juiste tijdzone is ingesteld. Zo niet, dan kun je dit wijzigen.
Elementen aan een pop-up koppelen
Link elementen op de website om een pop-up te openen, zodat bezoekers nooit een aankondiging missen. Je kunt elementen zoals tekst, afbeeldingen, video's en knoppen linken.
Om een element aan een pop-up te koppelen:
- Klik op het relevante element in de editor.
- Klik op het Link-pictogram
. - Selecteer links Pop-up.
- Klik op de Welke pop-up?-dropdown en selecteer de relevante pop-up.
- Klik op Klaar.
Een Pop-up beheren
Beheer de pop-ups van de website om ze georganiseerd te houden in de editor. Je kunt ze hernoemen zodat ze gemakkelijk te vinden zijn, ze dupliceren om tijd te besparen en verouderde pop-ups te verwijderen.
Om een pop-up te beheren:
- Klik links in de editor op Pagina's .
- Klik naast de betreffende pop-up op het Meer acties-pictogram
. - Kies wat je vervolgens wilt doen:
Een pop-up hernoemen
Een pop-up dupliceren
Een pop-up verwijderen
