Wix Editor: Een lightbox toevoegen en instellen

Leestijd 5 minuten
Voeg een lightbox toe om de aandacht van je bezoekers te trekken en belangrijke aankondigingen en informatie weer te geven. Je kunt elementen toevoegen aan de pop-up, bepalen wanneer deze wordt geactiveerd en kiezen hoe bezoekers het sluiten.
Een GIF met een lightbox die verschijnt op een Wix-website.

Stap 1 | Voeg een lightbox toe

Voeg een lightbox toe om iets interactiefs en informatiefs te maken voor je bezoekers. Je kunt kiezen uit een reeks templates en typen, zoals 'Welkom' en 'Contact'.

Om een lightbox toe te voegen:

  1. Klik links in de Editor op Elementen toevoegen.
  2. Klik op Interactief.
  3. Selecteer een categorie onder Lightbox.
  4. Klik of sleep de door jou gekozen lightbox om deze aan je pagina toe te voegen.
Het 'Elementen toevoegen'-paneel in de Editor. Het lightbox-tabblad is open.

Stap 2 | Voeg elementen toe aan je lightbox

Voeg elementen toe aan je lightbox om de inhoud en het uiterlijk ervan op te bouwen. Zorg ervoor dat het element kleiner is dan de lightbox, zodat het er in past. Je kunt tekst, knoppen en meer toevoegen om ervoor te zorgen dat je lightbox alles heeft wat het nodig heeft.

Om elementen aan een lightbox toe te voegen:

  1. Open de relevante lightbox in het Pagina's en menu-paneel.
  2. Klik links in de Editor op Elementen toevoegen.
  3. Kies het elementtype uit de opties.
  4. Klik en sleep het element naar de door jou gekozen locatie van de lightbox en zet het neer wanneer je het bericht 'Vastmaken aan lightbox' ziet.
Let op:
Wanneer je een lightbox toevoegt, ga je naar de lightbox-modus. Hiermee kun je je lightbox instellen en bewerken. Om terug te gaan naar de gewone Editor, klik je op de bovenste balk van de lightbox op Modus afsluiten.
Het Elementen toevoegen-paneel in de Editor. De Editor is in lightbox-modus en de cursor wijst een element aan.

Stap 3 | Stel de trigger van de lightbox in

Nadat je je pop-up bericht hebt ontworpen, beslis je hoe je lightbox wordt geopend. Je kunt het zo instellen dat het automatisch verschijnt zodra de pagina wordt geladen of je kunt het koppelen aan een element waarop bezoekers moeten klikken. 

Om de lightbox-trigger in te stellen:

  1. Open de relevante lightbox in het Pagina's en menu-paneel.
  2. Klik op de lightbox.
  3. Klik op Triggers instellen.
  4. Klik op een optie onder Lightbox automatisch tonen op pagina's:
    • Ja: De lightbox wordt weergegeven wanneer een pagina wordt geladen. 
      • Klik op Op welke pagina's?-veld en selecteer de pagina's waarop je de lightbox wilt weergeven of schakel Eerste weergegeven pagina in.
      • Sleep de Vertraging-schuifregelaar om de tijd tussen het laden van de pagina en het verschijnen van de lightbox te vergroten of te verkleinen.
        Let op: Deze schuifregelaar verschijnt niet op alle lightboxen.
    • Nee: De lightbox verschijnt niet wanneer een bezoeker een pagina opent. In plaats daarvan kun je ernaar linken vanaf elementen op je website.
  5. (Optioneel) Stel een planning in voor je lightbox. Dit is handig voor het weergeven van aanbiedingen of diensten die voor een beperkte tijd beschikbaar zijn:
    • Datums: Gebruik de opties om de begin- en einddatum voor je lightbox te selecteren.
    • Tijden: Selecteer de begin- en eindtijd voor de planning van je lightbox.
    • Tijdzone: Kies je tijdzone uit de opties in de dropdown.
    • Panning wissen: Verwijder de planning die je eerder aan de lightbox hebt toegevoegd.
Het Instellingen-paneel van een lightbox. De cursor wijst het vertragingsveld aan.

Stap 4 | Kies hoe bezoekers de lightbox sluiten

Kies hoe bezoekers de lightbox sluiten na het lezen van de boodschap. Je kunt meerdere manieren selecteren om het vak te sluiten of slechts één. Je kunt bezoekers bijvoorbeeld op de overlay achter de lightbox laten klikken om deze te sluiten, terwijl je ook een explicietere 'Sluiten'-knop toevoegt.

Om een 'Sluiten'-knop of 'X'-pictogram aan de lightbox toe te voegen:

  1. Open de relevante lightbox in het Pagina's en menu-paneel.
  2. Klik op de lightbox.
  3. Klik op het Instellingen-pictogram.
  4. Selecteer een optie onder Hoe sluit de lightbox?:
    • 'X'-pictogram: Bezoekers kunnen de lightbox sluiten door op een X-pictogram te klikken.
    • Knop 'Sluiten': Bezoekers kunnen de lightbox sluiten door op een Sluiten-knop te klikken.
Het Instellingen-paneel van de lightbox. De opties voor het sluiten van de lightbox zijn gemarkeerd.

Om bezoekers toe te staan de lightbox via de overlay te sluiten:

  1. Open de relevante lightbox in het Pagina's en menu-paneel.
  2. Klik op de overlay (de ruimte rond je lightbox) in de Editor.
  3. Klik op Overlay instellen.
  4. Klik op de Sluiten door te klikken-schakelaar: 
    • Ingeschakeld: Websitebezoekers kunnen op de overlay klikken om de lightbox te sluiten.
    • Uitgeschakeld: Websitebezoekers kunnen niet op de overlay klikken om de lightbox te sluiten. 
Het Instellingen-paneel van de overlay. De cursor wijst de schakelaar 'Sluiten door te klikken' aan.
En nu?
Pas het ontwerp en de positie van je lightbox aan om de aankondigingen op je website persoonlijker te maken. Lees hoe je een lightbox aanpast

Veelgestelde vragen

Klik hieronder om antwoorden te lezen op onze meest gestelde vragen over lightboxen:

Vond je dit artikel nuttig?

|