---
title: "Een pop-up en de teaser ontwerpen"
description: "Kies het type pop-up, style de pop-up en de sluitknop, en voeg een teaser toe die bezoekers uitnodigt hem te openen."
url: https://scratcher.io/nl/help/sharing/popup-design-and-teaser
language: nl
---

1. [Helpcentrum](https://scratcher.io/nl/help)
2. [Publiceren en delen](https://scratcher.io/nl/help/sharing)
3. Een pop-up en de teaser ontwerpen

# Een pop-up en de teaser ontwerpen

Kies het type pop-up, style de pop-up en de sluitknop, en voeg een teaser toe die bezoekers uitnodigt hem te openen.

Een pop-upcampagne bestaat uit twee delen: de pop-up zelf en een optionele teaser. De teaser is een kleine banner op je site, zoals "Draai en win 🎁", die de pop-up opent als erop wordt geklikt.

## Type en positie van de pop-up

Open in de editor **Plaatsing** onder **Lay-out**:

- **Type**: een standaard pop-up, een balk boven of onder in het scherm, een slider in de hoek, of een volledige pagina. Balk, slider en volledige pagina horen bij de hogere abonnementen.
- **Uitlijning**: waar de pop-up staat. Balken kunnen boven of onder staan, sliders links of rechts, en standaard pop-ups overal op een raster van 3 × 3.

De eerste keer dat je een nieuwe pop-up opent, vraagt Scratcher op welk domein hij wordt getoond. Je kunt dit later wijzigen onder **Domein**.

## De pop-up stylen

Klik op **Pop-upinstellingen** boven de pagina, of klik op de rand van de pop-up. Op het tabblad **Stijlen**:

- **Pop-up**: **Achtergrond**, **Achtergrondoverlay** (de gedimde laag achter de pop-up), **Rand**, **Grootte**, **Vorm**, **Uitlijning van de inhoud** en **Marge**.
- **Sluitknop**: de **Achtergrond**, de kleur van het **Icoon**, de **Grootte**, de hoek (**Uitlijning**) en de **Marge**.

Kies op het tabblad **Effecten** hoe de pop-up opent en sluit, bijvoorbeeld **Vervagen** of **Schuiven**.

Pop-up-add-ons:

- **Teaser verbergen bij sluiten**: verberg ook de teaser als iemand de pop-up sluit.
- **Verbergen na verzenden van formulier**: toon de pop-up niet opnieuw aan bezoekers die zich er al in hebben aangemeld.

## De teaser

Onder **Flow** zet je met de rij **Teaser** de teaser aan en uit. Klik op **Instellingen** in het menu ervan om hem in te stellen:

- **Actie**: **Pop-up tonen**, **Link** of **Geen**.
- **Verbergen op desktop**, **Verbergen op tablet**, **Verbergen op mobiel**.
- **Stijlen**: de **Achtergrond**, **Rand**, **Grootte**, **Vorm**, hoek (**Uitlijning**) en **Marge** van de teaser, en een eigen sluitknop.

De teaser verschijnt zodra de pagina is geladen; de triggers onder **Weergave** gelden alleen voor de pop-up. Ontwerp de teaser net als een pagina, en sla hem op met **Teaser opslaan als template** om hem te hergebruiken.

## Achtergrondafbeelding in pop-ups

Pop-ups hebben een element **Afbeeldingsachtergrond** dat één kant van de pop-up vult met een afbeelding. Stel de **Hoogte op mobiel** in om te bepalen hoeveel van het scherm hij op telefoons inneemt.

## Een pop-up openen met je eigen knop

Met de trigger-add-on **Kliktrigger** opent de pop-up als iemand op een element op je website klikt. Vul de CSS-selector van het element in, bijvoorbeeld `.open-competition`. Vraag je webontwikkelaar om hulp als je het niet zeker weet.

Publiceren en delen

- [Deel de link en QR-code van je campagne](https://scratcher.io/nl/help/sharing/share-your-campaign-link)
- [Een campagne insluiten op je website](https://scratcher.io/nl/help/sharing/embed-on-your-website)
- [Een campagne als pop-up tonen](https://scratcher.io/nl/help/sharing/show-a-campaign-as-a-popup)
- [Een pop-up en de teaser ontwerpen](https://scratcher.io/nl/help/sharing/popup-design-and-teaser)
- [Het webadres van je campagne kiezen](https://scratcher.io/nl/help/sharing/campaign-url-and-own-domain)
- [E-mails versturen vanaf je eigen domein](https://scratcher.io/nl/help/sharing/email-sending-domain)
- [Campagnes afwisselen met campagneplanningen](https://scratcher.io/nl/help/sharing/campaign-schedules)

## Gerelateerde artikelen

- [Zo werken de instellingen van elementen](https://scratcher.io/nl/help/elements/element-settings-basics): De tabbladen Inhoud, Stijlen, Instellingen en Effecten, grootte, vormen, randen, kleuren en achtergronden, mobiele wijzigingen en add-ons.
- [Een campagne insluiten op je website](https://scratcher.io/nl/help/sharing/embed-on-your-website): Plaats een campagne op een pagina van je website met het embedscript, controleer of het werkt en los veelvoorkomende problemen op.
- [Een campagne als pop-up tonen](https://scratcher.io/nl/help/sharing/show-a-campaign-as-a-popup): Installeer het script één keer, kies het type pop-up en bepaal op welke pagina's, wanneer en hoe vaak hij verschijnt.

## Nog steeds hulp nodig?

Echte mensen staan klaar om je te helpen. Gebruik je Scratcher al? Dan is de chat in het platform de snelste weg.

- **[Chat met ons](https://platform.scratcher.io/login)**

    Log in en klik op de chatknop rechtsonder. Rex antwoordt meteen, en ons team is maar één klik verwijderd.
- **[Plan een gesprek](https://scratcher.io/nl/book-a-meeting)**

    Een gratis videogesprek van 30 minuten met ons team: een rondleiding, campagne-ideeën of hulp bij je opzet.
- **[Mail ons](mailto:contact@scratcher.io)**

    Schrijf naar contact@scratcher.io en we nemen contact met je op.