---
title: "Design en popup og teaseren"
description: "Velg popuptype, style popupen og lukkeknappen, og legg til en teaser som inviterer de besøkende til å åpne den."
url: https://scratcher.io/no/help/sharing/popup-design-and-teaser
language: nb
---

1. [Hjelpesenter](https://scratcher.io/no/help)
2. [Publisering og deling](https://scratcher.io/no/help/sharing)
3. Design en popup og teaseren

# Design en popup og teaseren

Velg popuptype, style popupen og lukkeknappen, og legg til en teaser som inviterer de besøkende til å åpne den.

En popup-kampanje har to deler: selve popupen og en valgfri teaser. Teaseren er et lite banner på nettstedet ditt, for eksempel «Snurr og vinn 🎁», som åpner popupen når noen klikker på det.

## Popuptype og plassering

Åpne **Plassering** under **Oppsett** i editoren:

- **Type**: en vanlig popup, en linje øverst eller nederst på skjermen, en slider i hjørnet eller en helside. Linje, slider og helside er en del av de høyere planene.
- **Justering**: hvor popupen ligger. Linjer kan ligge øverst eller nederst, slidere til venstre eller høyre, og vanlige popuper hvor som helst i et rutenett på 3 × 3.

Første gang du åpner en ny popup, spør Scratcher om domenet der den skal vises. Du kan endre det senere under **Domene**.

## Style popupen

Klikk på **Popup-innstillinger** over siden, eller klikk på kanten av popupen. I fanen **Stiler**:

- **Popup**: **Bakgrunn**, **Bakteppe** (det nedtonede laget bak popupen), **Kantlinje**, **Størrelse**, **Form**, **Justering av innhold** og **Marg**.
- **Lukkeknapp**: **Bakgrunn**, farge for **Ikon**, **Størrelse**, hjørne (**Justering**) og **Marg**.

I fanen **Effekter** velger du hvordan popupen åpnes og lukkes, for eksempel **Ton inn** eller **Gli**.

Popup-tillegg:

- **Skjul teaser ved lukking**: skjul også teaseren når noen lukker popupen.
- **Skjul etter innsending av skjema**: ikke vis popupen igjen for besøkende som allerede har meldt seg på i den.

## Teaseren

Under **Flyt** kan du slå teaseren av og på i raden **Teaser**. Klikk på **Innstillinger** i menyen for å sette den opp:

- **Handling**: **Vis popup**, **Lenke** eller **Ingen**.
- **Skjul på desktop**, **Skjul på nettbrett**, **Skjul på mobil**.
- **Stiler**: teaserens **Bakgrunn**, **Kantlinje**, **Størrelse**, **Form**, hjørne (**Justering**) og **Marg**, og dens egen lukkeknapp.

Teaseren vises så snart siden er lastet; utløserne under **Visning** gjelder bare for popupen. Design teaseren som en side, og lagre den med **Lagre teaser som mal** for å bruke den på nytt.

## Bakgrunnsbilde i popuper

Popuper har et **Bildebakgrunn**-element som fyller én side av popupen med et bilde. Angi **Høyde på mobil** for å styre hvor mye av skjermen det tar opp på mobiler.

## Åpne en popup fra din egen knapp

Med utløsertillegget **Klikkutløser** åpnes popupen når noen klikker på et element på nettstedet ditt. Skriv inn CSS-selektoren for elementet, for eksempel `.open-competition`. Spør webutvikleren din hvis du er usikker.

Publisering og deling

- [Del kampanjelenken og QR-koden](https://scratcher.io/no/help/sharing/share-your-campaign-link)
- [Bygg inn en kampanje på nettstedet ditt](https://scratcher.io/no/help/sharing/embed-on-your-website)
- [Vis en kampanje som popup](https://scratcher.io/no/help/sharing/show-a-campaign-as-a-popup)
- [Design en popup og teaseren](https://scratcher.io/no/help/sharing/popup-design-and-teaser)
- [Velg nettadressen til kampanjen din](https://scratcher.io/no/help/sharing/campaign-url-and-own-domain)
- [Send e-poster fra ditt eget domene](https://scratcher.io/no/help/sharing/email-sending-domain)
- [Bytt mellom kampanjer med kampanjeplaner](https://scratcher.io/no/help/sharing/campaign-schedules)

## Relaterte artikler

- [Slik fungerer elementinnstillingene](https://scratcher.io/no/help/elements/element-settings-basics): Fanene Innhold, Stiler, Innstillinger og Effekter, størrelser, former, kantlinjer, farger og bakgrunner, endringer for mobil og tillegg.
- [Bygg inn en kampanje på nettstedet ditt](https://scratcher.io/no/help/sharing/embed-on-your-website): Legg en kampanje inn på en side på nettstedet ditt med innbyggingsskriptet, sjekk at den fungerer, og løs vanlige problemer.
- [Vis en kampanje som popup](https://scratcher.io/no/help/sharing/show-a-campaign-as-a-popup): Installer skriptet én gang, velg popuptype, og bestem på hvilke sider, når og hvor ofte den vises.

## Trenger du fortsatt hjelp?

Ekte mennesker står klare til å hjelpe. Bruker du allerede Scratcher, er chatten i plattformen den raskeste veien.

- **[Chat med oss](https://platform.scratcher.io/login)**

    Logg inn og klikk på chatknappen nederst til høyre. Rex svarer med en gang, og teamet vårt er bare et klikk unna.
- **[Book et møte](https://scratcher.io/no/book-a-meeting)**

    En gratis videosamtale på 30 minutter med teamet vårt: en omvisning, kampanjeideer eller hjelp med oppsettet ditt.
- **[Send oss en e-post](mailto:contact@scratcher.io)**

    Skriv til contact@scratcher.io, så svarer vi deg.