Pop-ups

De popup-functionaliteit in VoordeMensen biedt een flexibele manier om klanten extra informatie of opties te tonen tijdens het bestelproces. Popups kunnen worden geconfigureerd om te verschijnen op specifieke momenten tijdens de bestelling en kunnen worden aangepast met eigen inhoud en acties.

Configuratie

Popup Toewijzing

In de hoofdtabel vind je een kolom genaamd "popup" die aangeeft welke popup wordt geactiveerd voor elke actie.

De "bestelflow" kolom geeft aan op welk moment de popup wordt getoond:

• "bij 'voeg toe aan mandje'": De popup verschijnt wanneer een ticket aan het winkelmandje wordt toegevoegd.

• "bij 'voeg toe aan mandje' (uitcheck)": De popup verschijnt wanneer de klant doorgaat naar de uitcheckpagina.

Popup Inhoud

Elke popup kan worden aangepast met:

• Een afbeelding

• Een titel (bijvoorbeeld "Pannenkoeken!")

• Een beschrijving (bijvoorbeeld "Wil je lekkere pannenkoeken, dat kan!")

• Drie aanpasbare actieknoppen

Meertaligheid

Het systeem ondersteunt automatische vertaling.

Voeg |googletrans toe aan het einde van een tekstveld om automatische vertaling te activeren voor dat specifieke veld. Zie voor meer informatie: Tekst & Taal.

Actieknoppen Configuratie

Elke popup heeft drie configureerbare actieknoppen. Voor elke knop kun je de tekst en de actie definiëren.

Actieopties voor knoppen omvatten:

• Link naar evenement

• Link naar URL (opent in nieuw tabblad)

• Voer code uit

• Annuleer

• Geen actie

Voer code uit stelt beheerders in staat om aangepaste Javascript-code uit te voeren wanneer een knop wordt ingedrukt.

Mogelijkheden:

• Directe manipulatie van de webpagina

• Uitvoeren van complexe logica

• Interactie met andere delen van het kaartverkoopsysteem

Richtlijnen voor gebruik:

1. Veiligheid eerst: Voer alleen code uit die je begrijpt en vertrouwt.

2. Houd het eenvoudig: Complexe scripts kunnen onbedoelde gevolgen hebben.

3. Test grondig: Controleer de code in een testomgeving voordat je deze in productie gebruikt.

4. Documenteer: Voeg commentaar toe aan je code voor toekomstig onderhoud.

Best Practice

• Houd popups relevant voor de actie die ze triggert.

• Gebruik duidelijke en beknopte taal in titels en beschrijvingen.

• Test popups grondig om een soepele gebruikerservaring te garanderen.

• Gebruik de automatische vertaalfunctie consistent voor meertalige ondersteuning.