---
title: "Designa en popup och dess teaser"
description: "Välj typ av popup, styla popupen och stängknappen och lägg till en teaser som lockar besökarna att öppna den."
url: https://scratcher.io/sv/help/sharing/popup-design-and-teaser
language: sv
---

1. [Hjälpcenter](https://scratcher.io/sv/help)
2. [Publicera och dela](https://scratcher.io/sv/help/sharing)
3. Designa en popup och dess teaser

# Designa en popup och dess teaser

Välj typ av popup, styla popupen och stängknappen och lägg till en teaser som lockar besökarna att öppna den.

En popupkampanj har två delar: själva popupen och en valfri teaser. Teasern är en liten banner på din webbplats, till exempel ”Snurra och vinn 🎁”, som öppnar popupen när någon klickar på den.

## Typ av popup och position

Öppna **Placering** under **Layout** i redigeraren:

- **Typ**: en vanlig popup, en list i över- eller nederkant av skärmen, en slider i hörnet eller en helsida. List, slider och helsida ingår i de högre planerna.
- **Justering**: var popupen ligger. Listor kan ligga i över- eller nederkant, sliders till vänster eller höger och vanliga popups var som helst i ett rutnät på 3 × 3.

Första gången du öppnar en ny popup frågar Scratcher efter domänen där den ska visas. Du kan ändra den senare under **Domän**.

## Styla popupen

Klicka på **Popupinställningar** ovanför sidan, eller klicka på popupens kant. På fliken **Stilar**:

- **Popup**: **Bakgrund**, **Bakgrundsöverlägg** (det nedtonade lagret bakom popupen), **Kantlinje**, **Storlek**, **Form**, **Innehållets justering** och **Marginal**.
- **Stängknapp**: dess **Bakgrund**, färg för **Ikon**, **Storlek**, hörn (**Justering**) och **Marginal**.

På fliken **Effekter** väljer du hur popupen öppnas och stängs, till exempel **Tona** eller **Glid**.

Popuptillägg:

- **Dölj teasern vid stängning**: dölj även teasern när någon stänger popupen.
- **Dölj efter att formuläret skickats**: visa inte popupen igen för besökare som redan har registrerat sig i den.

## Teasern

Under **Flöde** kan du slå på och av teasern på raden **Teaser**. Klicka på **Inställningar** i dess meny för att ställa in den:

- **Åtgärd**: **Visa popup**, **Länk** eller **Ingen**.
- **Dölj på dator**, **Dölj på surfplatta**, **Dölj på mobil**.
- **Stilar**: teaserns **Bakgrund**, **Kantlinje**, **Storlek**, **Form**, hörn (**Justering**) och **Marginal**, och dess egen stängknapp.

Teasern visas så fort sidan har laddats; utlösarna under **Visning** gäller bara popupen. Designa teasern som en sida, och spara den med **Spara teaser som mall** för att återanvända den.

## Bakgrundsbild i popups

Popups har ett element av typen **Bildbakgrund** som fyller ena sidan av popupen med en bild. Ställ in **Höjd på mobil** för att styra hur mycket av skärmen den tar på telefoner.

## Öppna en popup från din egen knapp

Med utlösartillägget **Klickutlösare** öppnas popupen när någon klickar på ett element på din webbplats. Ange elementets CSS-selektor, till exempel `.open-competition`. Fråga din webbutvecklare om du är osäker.

Publicera och dela

- [Dela kampanjlänken och QR-koden](https://scratcher.io/sv/help/sharing/share-your-campaign-link)
- [Bädda in en kampanj på din webbplats](https://scratcher.io/sv/help/sharing/embed-on-your-website)
- [Visa en kampanj som popup](https://scratcher.io/sv/help/sharing/show-a-campaign-as-a-popup)
- [Designa en popup och dess teaser](https://scratcher.io/sv/help/sharing/popup-design-and-teaser)
- [Välj webbadress för din kampanj](https://scratcher.io/sv/help/sharing/campaign-url-and-own-domain)
- [Skicka mejl från din egen domän](https://scratcher.io/sv/help/sharing/email-sending-domain)
- [Växla mellan kampanjer med kampanjscheman](https://scratcher.io/sv/help/sharing/campaign-schedules)

## Relaterade artiklar

- [Så fungerar elementinställningarna](https://scratcher.io/sv/help/elements/element-settings-basics): Flikarna Innehåll, Stilar, Inställningar och Effekter, storlekar, former, kantlinjer, färger och bakgrunder, ändringar för mobil och tillägg.
- [Bädda in en kampanj på din webbplats](https://scratcher.io/sv/help/sharing/embed-on-your-website): Placera en kampanj på en sida på din webbplats med inbäddningsskriptet, kontrollera att det fungerar och lös vanliga problem.
- [Visa en kampanj som popup](https://scratcher.io/sv/help/sharing/show-a-campaign-as-a-popup): Installera skriptet en gång, välj typ av popup och bestäm på vilka sidor, när och hur ofta den visas.

## Behöver du fortfarande hjälp?

Riktiga människor finns här för att hjälpa dig. Om du redan använder Scratcher är chatten i plattformen det snabbaste sättet.

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

    Logga in och klicka på chattknappen nere till höger. Rex svarar direkt, och vårt team finns bara ett klick bort.
- **[Boka ett möte](https://scratcher.io/sv/book-a-meeting)**

    Ett kostnadsfritt videosamtal på 30 minuter med vårt team: en rundtur, kampanjidéer eller hjälp med din uppsättning.
- **[Mejla oss](mailto:contact@scratcher.io)**

    Skriv till contact@scratcher.io så återkommer vi till dig.