Een bestaande popup bewerken

Deze gids legt uit hoe je toegang krijgt tot en de instellingen van een reeds gemaakte popup kunt wijzigen, inclusief inhouds-, weergave- en uiterlijkopties.

---

1. Toegang tot de te Bewerken Popup

1. Ga naar de beheersectie van Popups.

2. Zoek in de hoofdtafel de popup die je wilt bewerken. Je kunt gebruik maken van de kolommen ID, Titel of Aanmaakdatum om te navigeren.

3. Klik op de titel van de popup of het bewerkpictogram (indien aanwezig) om het bewerkscherm te openen.

Het bewerkscherm is verdeeld in vier hoofddelen (tabbladen): Inhoud, Voorwaarden, Gedrag en Uiterlijk.

2. De Inhoud Bewerken

Dit gedeelte stelt je in staat om de titel en zichtbare inhoud van de popup te definiëren.

1. Ga naar het tabblad Inhoud:

• Bewerk de Popup Titel.
• Vink het vakje Automatisch tonen aan of uit.
• Opmerking: Als het vakje niet is aangevinkt, verschijnt de popup niet automatisch. Om deze op te roepen moet je de JavaScript-code gebruiken die onder het label staat: Roep het openen van de popup op via Visual Builder-events of gebruik onderstaande JavaScript-code.
• Bewerk de Inhoud van de popup met behulp van de visuele editor.

3. Weergavevoorwaarden Instellen

Dit gedeelte bepaalt aan wie en waar de popup getoond moet worden. Dit tabblad is alleen zichtbaar als optie Automatisch tonen actief is.

1. Ga naar het tabblad Voorwaarden.

2. In het hoofdvak:

• Vink Toon aan iedereen aan als je geen specifieke voorwaarden wilt toepassen.
• Als Toon aan iedereen niet is geselecteerd, gebruik dan het gedeelte Beheer voorwaarden om specifieke regels te definiëren (bijvoorbeeld gebaseerd op gebruikersgedrag).

3. In het vak Login:

• Stel de Inlogstatus in via het keuzemenu:
• Toon aan iedereen
• Alleen ingelogde gebruikers
• Alleen niet-ingelogde gebruikers

4. In het vak Beperk via link:

• Vul bij Toon ALLEEN op volgende pagina's de links in van pagina's waarop de popup actief moet zijn.
• Vul bij NIET tonen op volgende pagina's de links in van pagina's waarop de popup verborgen moet zijn.
• Vink het vakje aan voor Ook toepassen op eventuele subpagina's om inclusie-/uitsluitingsregels uit te breiden.

4. Het Gedrag Definiëren

Dit gedeelte regelt wanneer en hoe de popup verschijnt en verdwijnt. Dit tabblad is alleen zichtbaar als optie Automatisch tonen actief is.

1. Ga naar het tabblad Gedrag.

2. Stel de Open-trigger in (wanneer de popup moet openen):

• Kies een optie uit: Bij paginalaad, Voorafgaand aan paginaverlaat, of Bij scrollen op pagina.

3. Stel de Sluit-trigger in (hoe de popup gesloten kan worden):

• Kies uit beschikbare opties, bijvoorbeeld: Klik op sluitknop en klik buiten, of Sluiten niet toestaan.

4. Vink het vakje Opdringerig tonen aan als je wilt dat de popup bij elk bezoek verschijnt.

• Als je Opdringerig tonen niet aanvinkt, definieer dan het interval bij Weergeven elke (in dagen).

5. In het vak Voorkeuren, veranderen opties afhankelijk van gekozen Open-trigger bij stap 2:

• Als je "Bij paginalaad" hebt gekozen: Stel dan de Wachttijd (in seconden) en/of Automatisch verbergen na (in seconden) in.
• Als je "Voorafgaand aan paginaverlaat" hebt gekozen: Stel dan minimum verblijftijd (Minimale duur) (in seconden) en/of Automatisch verbergen na (in seconden) in.
• Als je "Bij scrollen op pagina" hebt gekozen: Stel dan minimale scrollpercentage (Minimale scroll) (%) in.

5. Het Uiterlijk Personalizeren

Dit gedeelte beheert het visuele uiterlijk van de popup.

1. Ga naar het tabblad Uiterlijk.

2. Definieer het type: Eenvoudige Popup of een soort Offcanvas (Links of Rechts).

• Opmerking: Als je een Offcanvas-type kiest, worden animatie-opties verborgen.

3. Stel maximale breedte in (in px).

4. Kies achtergrondkleur van popup en kleur van sluitknop met kleurkiezer.

5. In het vak Overlay:

• Selecteer type overlay (achtergrond die pagina achter popup bedekt): Donker, Licht, Aangepast, of Geen.
• Als je voor Aangepast kiest, stel dan kleur en doorzichtigheid (% opacity) in.

6. In het vak Animaties (niet zichtbaar voor Offcanvas):

• Kies binnenkomende animatie en uitgaande animatie uit dropdownmenu’s.

7. Om wijzigingen vooraf te bekijken voordat je opslaat, klik je op knop Voorbeeld weergeven.

6. Wijzigingen Opslaan

Nadat alle wijzigingen voltooid zijn:

1. Klik op de opslaan-knop (meestal aangeduid als Opslaan of Klaar, afhankelijk van context zoals tabs/wizard) om wijzigingen toe te passen op popup.