Naar de hoofdinhoud

Exit Intent Pop-up

Geschreven door Nick van Plateringen-Paul
Vandaag bijgewerkt

Exit Intent Pop-up add-on

Met de Exit Intent Pop-up add-on toon je automatisch een pop-up of toast-notificatie op het moment dat een bezoeker je webshop wil verlaten. De add-on detecteert wanneer de muis richting de bovenkant van het scherm beweegt, een typisch signaal dat iemand de tab wil sluiten of een nieuwe URL wil intypen.

Ideaal om een kortingscode aan te bieden, een laatste boodschap mee te geven of de aandacht terug te trekken zonder opdringerig te zijn.


Algemene instellingen

Type

Kies de weergave van de melding.

  • Popup: Een schermvullende overlay met een pop-up in het midden van het scherm.

  • Toast: Een kleine notificatie in een hoek van het scherm.

Kortingscode

Vul hier de kortingscode in die je wilt tonen aan de bezoeker.

  • Gebruik $1 in de titel of tekst om de code op die plek in te voegen.

  • Laat leeg om geen code te tonen.

In de titel wordt $1 weergegeven als vetgedrukte tekst. In de bodytekst wordt $1 weergegeven als een opgemaakt code-vakje met een kopieerknop.

Voorbeeld:

Gebruik code $1 voor korting!

Activeer paginatitel

Schakel deze optie in om de browsertabtitel aan te passen zodra de bezoeker naar een andere tab wisselt.

  • Aan: De tabtitel wordt vervangen door de ingestelde paginatitel.

  • Uit: De tabtitel blijft ongewijzigd.

Paginatitel

De tekst die in de browsertab getoond wordt wanneer de bezoeker de pagina verlaat. Beschikbaar per taal.

Voorbeeld: Kom terug!

Paginatitel timeout

Het aantal seconden na het verlaten van de pagina voordat de tabtitel wordt aangepast.

  • Bij 0 seconden wordt de titel direct aangepast.

  • Bij een hogere waarde wacht de add-on eerst de ingestelde tijd af.

Als de bezoeker binnen de timeout terugkeert, wordt de titel niet aangepast.

Opnieuw tonen na x dagen

Na hoeveel dagen de pop-up of toast opnieuw getoond mag worden aan dezelfde bezoeker. Er wordt een cookie gebruikt om dit bij te houden.

  • Bij 0 dagen wordt de melding nooit opnieuw getoond na het sluiten.


Design instellingen

Afbeelding

Voeg een afbeelding toe aan de pop-up of toast. Aanbevolen afmetingen: breedte 800px, hoogte 600px.

Maximale breedte afbeelding

Beschikbaar bij de Afbeelding links layout. Bepaalt de breedte van de afbeeldingskolom in pixels.

Voorbeeld: 300px

Hoogte afbeelding

Beschikbaar bij de Afbeelding boven layout. Bepaalt de hoogte van de afbeelding in pixels.

Voorbeeld: 220px

Pop-up achtergrondkleur

De achtergrondkleur van het tekstgedeelte van de pop-up.

Voorbeeld: #2E7D9C

Pop-up tekstkleur

De kleur van de bodytekst in de pop-up.

Voorbeeld: #FFFFFF

Pop-up titelkleur

De kleur van de titel in de pop-up, los instelbaar van de bodytekst.

Voorbeeld: #FFFFFF

Kortingscode tekstkleur

De tekstkleur van de kortingscode in het code-vakje.

Kortingscode borderkleur

De randkleur van het gestippelde code-vakje.

Pop-up knopkleur

De achtergrondkleur van de actieknop in de pop-up.

Pop-up knop tekstkleur

De tekstkleur van de actieknop in de pop-up.

Toast locatie

De positie van de toast op het scherm.

  • Linksboven

  • Rechtsboven

  • Linksonder

  • Rechtsonder

Popup layout

De positie van de afbeelding in de pop-up.

  • Afbeelding links: De afbeelding staat naast de tekst, als een tweekoloms layout.

  • Afbeelding boven: De afbeelding staat boven de tekst.


Knopinstellingen

Knop volledige breedte

Laat de actieknop de volledige breedte van de pop-up innemen.

  • Aan: De knop strekt zich uit over de volledige breedte.

  • Uit: De knop is alleen zo breed als de tekst, met een instelbare uitlijning.

Knop uitlijning

Beschikbaar wanneer Knop volledige breedte uitstaat. Bepaalt de horizontale positie van de knop.

  • Links

  • Midden

  • Rechts


Vertalingen

Alle tekstvelden ondersteunen meerdere talen. Via Toon alle talen kun je per taal een aparte tekst instellen. De juiste tekst wordt automatisch getoond op basis van de actieve shoptaal.

Titel pop-up/toast

De hoofdtitel van de pop-up of toast. Gebruik $1 om de kortingscode als vetgedrukte tekst in de titel te tonen.

Tekst pop-up/toast

De bodytekst onder de titel. Gebruik $1 om de kortingscode als klikbaar code-vakje in de tekst te tonen. Laat leeg om geen bodytekst te tonen.

Titel pop-up knop

De tekst op de actieknop in de pop-up.

Voorbeeld: Verder met winkelen

Was dit een antwoord op uw vraag?