Wat je leert

Ontdek hoe je een teaser toevoegt aan je popup- of fly-out-formulier aanmeldingsformulier. Dit is een kleine widget waar een bezoeker op kan klikken om een formulier te sluiten en opnieuw te openen wanneer die dat wil.

Teasers kunnen worden gebruikt voor popupformulieren, fly-out-formulieren en formulieren op een volledige pagina. Teasers zijn niet beschikbaar voor ingesloten formulieren.

Voeg een teaser toe aan een popup of fly-out-formulier, of een aanmeldingsformulier op een volledige pagina

Als je een teaser aan een formulier wilt toevoegen, ga je naar het tabblad Aanmeldingsformulieren en open je een bestaand formulier of maak je een nieuw formulier. Klik in de formuliereditor op (+) teaser.

The + Teaser button being selected from the menu bar within the form editor.
The + Teaser button being selected from the menu bar within the form editor.

Kies een teaserstijl

Kies onder Stijlen een van de 3 teaser-vormen:

  • Rechthoek
    Gebruik de rechthoekvorm voor een teaser in tabstijl
  • Cirkel
    Gebruik de cirkelvorm voor een teaser in bubbelstijl
  • Hoek
    Gebruik de hoekvorm voor een teaser die in een hoek van je site is weggewerkt

Plaats je teaser aan een van de zijkanten of in een van de hoeken van je site. De grootte van de teaser is geoptimaliseerd voor verschillende apparaten. Bekijk de desktop- en mobiele previews om te zorgen dat de plaatsing van de teaser niet conflicteert met andere pop-up- of teaserachtige elementen op je site.

The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.
The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.

Hier kun je ook een Grootte voor de teaser van je formulier (d.w.z. Klein, Medium, Groot, Aangepast) kiezen via het dropdownmenu.

Let op: als je een rechthoekige stijl kiest, verandert deze op mobiel niet van grootte. Teasers voor rechthoekige formulieren worden automatisch geoptimaliseerd voor mobiel om gecentreerd en breder te worden weergegeven, waardoor je er makkelijker op kunt tikken.

De content van de teaser bewerken

Voeg onder Content tekst en tekstopmaak toe aan je teaser, of bewerk deze. Je teaser moet op z’n minst een hint geven over het aanbod van je formulier. Houd de teaser kort voor maximale impact. Gebruik deze voorbeelden van teaser-tekst ter inspiratie:

  • 15% korting
  • Cadeau verzilveren
  • 🎁
  • Weggeefactie invoeren
  • Gratis verzending ➡️

Als je teaser-tekst een specifiek aanbod noemt, zorg er dan voor dat je dat aanbod levert aan abonnees, ofwel in het succesbericht van je formulier of met een welkomstserie.

Hier kun je ook het ontwerp van je teaser bewerken (bijv. Achtergrondkleur, Kleurstraal, Slagschaduw, Achtergrondafbeelding en Blokstijlen).

The Content, Background, and Block Styles section for an example form teaser in the form editor.
The Content, Background, and Block Styles section for an example form teaser in the form editor.

Teaser-gedragingen instellen

Kies 1 van de volgende opties om te bepalen wanneer je teaser wordt weergegeven:

  • Nadat het formulier is gesloten
    Een teaser die zo is ingesteld dat deze wordt weergegeven nadat een formulier is gesloten, stelt een bezoeker in staat om het formulier opnieuw te openen als ze het sluiten, maar wordt niet weergegeven voordat het formulier verschijnt. De teaser blijft op alle pagina's worden weergegeven totdat de bezoeker de primaire conversieactie van het formulier voltooit.
  • Voordat het formulier wordt weergegeven
    Een teaser die is ingesteld om te worden weergegeven voordat een formulier wordt weergegeven, verschijnt 2 seconden nadat de pagina is geladen. Deze wordt weergegeven totdat een bezoeker erop klikt, of totdat aan de weergavevoorwaarden van het formulier is voldaan (bijv. tijdvertraging of scrollpercentage).

Houd er rekening mee dat als je formulier is ingesteld om direct bij het laden van de pagina te worden weergegeven, of na minder dan 2 seconden wachten, de teaser wordt overgeslagen.

  • Voordat het formulier wordt weergegeven en nadat het formulier is gesloten
    Een teaser met deze instelling verschijnt 2 seconden nadat de pagina is geladen en blijft zichtbaar, tenzij het formulier op dat moment is geopend of de bezoeker de primaire conversieactie heeft voltooid.

Als je instellingen voor botsingspreventie hebt ingeschakeld in je Klaviyo-account, worden formulier-teasers niet op je site weergegeven, omdat dit wordt gezien als het tonen van een ander formulier in dezelfde sessie. Je kunt de tijdvertraging in de botsingsinstellingen aanpassen om de teaser te laten verschijnen. Als je instellingen voor botsingspreventie bijvoorbeeld zijn ingesteld om het volgende formulier na 5 minuten weer te geven, verschijnt de teaser na 5 minuten.

Naast de bovenstaande regels wordt een teaser alleen weergegeven aan bezoekers die voldoen aan de targetinginstellingen van het formulier in het gedeelte Gedrag & targeting van je formulier. Een teaser die bijvoorbeeld is ingesteld om te worden weergegeven voordat een formulier wordt weergegeven, verschijnt alleen bij bezoekers die voldoen aan de targetinginstellingen van het formulier (d.w.z. lijst-/segmentlidmaatschap, locatie en URL). Zodra aan de overige triggers van dat formulier is voldaan (bijv. exit intent, scrolllengte of tijdvertraging), sluit de teaser en wordt het formulier weergegeven.

The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.
The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.

Voeg een sluitknop toe aan je teaser

Je kunt een sluitknop aan je formulier-teaser (de X-knop) toevoegen zodat je shoppers de teaser kunnen sluiten als ze niet geïnteresseerd zijn in de content van het formulier.

Standaard bevat je teaser geen sluitpictogram. Schakel onder Gedrag de schakelaar Knop Sluiten weergeven in om er een toe te voegen.

Let op: als een shopper op de X klikt om de teaser te sluiten, volgt deze dezelfde regels voor weergavefrequentie als het aanmeldingsformulier waarmee deze is gekoppeld. Als een shopper bijvoorbeeld zowel een formulier als de teaser ervan sluit, en dat formulier is ingesteld om 5 dagen nadat iemand het sluit opnieuw te worden weergegeven, dan volgen zowel het formulier als de teaser de gedragsinstelling en worden ze over 5 dagen opnieuw weergegeven.

Form teaser en primaire conversieacties

Als een teaser wordt toegevoegd aan een formulier met meerdere stappen en is ingesteld om weer te geven nadat het formulier is gesloten, blijft deze zichtbaar totdat de bezoeker de primaire conversieactie van het formulier voltooit.

  • Voor formulieren met e-mail- of sms-abonnementsacties telt het indienen van een e-mailadres of telefoonnummer als een primaire conversieactie.
  • Voor formulieren die zowel e-mail- als sms-velden bevatten in meerdere stappen, geldt het indienen van welk veld als eerste in het formulier verschijnt als een primaire conversieactie.

Let op: als de primaire conversiestap (d.w.z. de e-mailstap in een formulier met meerdere stappen) wordt verzonden, verdwijnt de teaser niet automatisch wanneer je de tweede stap (d.w.z. de sms-stap) weigert. In plaats daarvan moet je de pagina vernieuwen of naar een nieuwe pagina navigeren om de formulier-teaser niet meer te zien.

  • Voor formulieren zonder een actie voor e-mail- of sms-abonnement (bijv. een flash sale-pop-up met een actie "Ga naar URL"), telt het klikken op de knop "Ga naar URL" als een primaire conversieactie.

Als de primaire conversieactie van een formulier met meerdere stappen niet is voltooid, wordt het formulier opnieuw geopend bij de laatste onvoltooide stap wanneer je in dezelfde browsersessie op de teaser van het formulier klikt.

Teaser verwijderen

Om de teaser van een formulier te verwijderen, klik je op de 3 puntjes op de knop Teaser en klik je vervolgens op Verwijderen. Hiermee worden alle teaser-instellingen verwijderd. Als je later opnieuw een teaser aan hetzelfde formulier toevoegt, wordt deze teruggezet naar de standaard teaserinstellingen.

The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.

Extra hulpbronnen

Was dit artikel nuttig?
Gebruik dit formulier alleen voor feedback op artikelen. Meer informatie over hoe je contact opneemt met support.

Ontdek meer van Klaviyo

Community
Maak contact met collega's, partners en Klaviyo-experts om inspiratie op te doen, inzichten te delen en antwoorden te krijgen op al je vragen.
Partners
Huur een Klaviyo-gecertificeerde expert in om je te helpen met een specifieke taak of voor doorlopend marketingbeheer.
Support

Krijg ondersteuning via je account.

E-mailsupport (gratis proefperiodes en betaalde accounts) 24/7 beschikbaar

Chat-/virtuele assistentie
Beschikbaarheid varieert per locatie en type abonnement