--- title: "Design en popup og dens teaser" description: "Vælg popuptypen, style popuppen, baggrundsoverlejringen og lukkeknappen, og tilføj en teaser, der inviterer de besøgende til at åbne den." url: https://scratcher.io/da/help/sharing/popup-design-and-teaser language: da --- 1. [Hjælpecenter](https://scratcher.io/da/help) 2. [Udgivelse og deling](https://scratcher.io/da/help/sharing) 3. Design en popup og dens teaser # Design en popup og dens teaser Vælg popuptypen, style popuppen, baggrundsoverlejringen og lukkeknappen, og tilføj en teaser, der inviterer de besøgende til at åbne den. En popupkampagne har to dele: selve popuppen og en valgfri teaser. Teaseren er et lille banner på dit site, fx "Drej og vind 🎁", der åbner popuppen, når man klikker på det. ## Style popuppen 1. Klik på **Popupindstillinger** over siden, eller klik på popuppens kant. 2. På fanen **Stile** under **Popup** angiver du **Baggrund**, **Baggrundsoverlejring** (det dæmpede lag bag popuppen), **Kant**, **Størrelse**, **Form**, **Justering af indhold** og **Margen**. Slå **Deaktivér baggrundsoverlejring** til, hvis siden bag popuppen ikke skal dæmpes. 3. Under **Lukkeknap** angiver du dens **Baggrund**, farve på **Ikon**, **Størrelse**, hjørne (**Justering**) og **Margen**. 4. På fanen **Effekter** vælger du, hvordan popuppen åbner og lukker, fx **Fade** eller **Glid**. Popuptilkøbene: - **Skjul teaser ved lukning**: "Skjul også teaseren, når denne popup lukkes." - **Skjul efter indsendelse af formular**: "Vis ikke denne popup igen for en besøgende, der har indsendt en formular i den." ## Popuptype og placering Åbn **Placering** under **Layout** i editoren: - **Type**: en bar øverst eller nederst på skærmen, en almindelig popup, en slider i siden eller en helside. Er en type gråtonet, indeholder dit abonnement den ikke. - **Justering**: barer kan være øverst eller nederst, slidere til venstre eller højre og almindelige popups hvor som helst i et gitter på 3 × 3. Første gang du åbner en ny popup, beder Scratcher dig om at **Vælg domæne**: den hjemmeside, hvor den skal vises. Du kan ændre det senere under **Domæne**. Se [Vis en kampagne som popup](https://scratcher.io/da/help/sharing/show-a-campaign-as-a-popup). ## Teaseren Under **Flow** viser rækken **Teaser** teaseren. Dens menu **Handlinger** har: - **Aktivér teaser** og **Deaktivér teaser**. En deaktiveret teaser viser **Teaseren er deaktiveret**. - **Skift teaser**: vælg et andet teaserdesign. - **Indstillinger**: teaserens egne indstillinger (se nedenfor). - **Gem teaser som skabelon**: genbrug teaseren i andre popups. Design teaseren som en side: klik på dens tekster og billeder for at ændre dem. ## Teaserindstillinger - **Handling**: hvad der sker, når man klikker på teaseren: **Vis popup**, **Link** (eventuelt med **Åbn link i ny fane**) eller **Ingen**. - **Skjul på desktop**, **Skjul på tablet**, **Skjul på mobil**. - **Stile**: teaserens **Baggrund**, **Kant**, **Størrelse**, **Form**, **Justering af indhold**, hjørne (**Justering**) og **Margen** samt dens egen **Lukkeknap**. Teaseren vises, så snart siden er indlæst. Udløserne under **Visning** gælder kun for popuppen. Når en besøgende lukker teaseren med dens lukkeknap, forbliver den skjult for den besøgende. ## Baggrundsbillede i popups Popups har elementet **Billedbaggrund**, der fylder den ene side af popuppen med et billede. Angiv dets **Højde på mobil** for at styre, hvor meget af skærmen det fylder på telefoner. ## Åbn en popup fra din egen knap Med udløsertilkøbet **Klikudløser** under **Visning** åbner popuppen, når nogen klikker på et element på din hjemmeside. Angiv elementets CSS-**Selektor**, fx `.open-competition`. Spørg din webudvikler, hvis du er i tvivl. ## Tips - Hold popuppen kort: en overskrift, spillet og formularen. Besøgende beslutter sig på få sekunder. - Test popuppen og teaseren på en telefon. Brug **Skjul på mobil** til en teaser, der fylder for meget der. - En helsidepopup får mest opmærksomhed, men brug den med omtanke, fx med **Exit-intent** på computere. Udgivelse og deling - [Del dit kampagnelink og din QR-kode](https://scratcher.io/da/help/sharing/share-your-campaign-link) - [Del en kampagne på sociale medier](https://scratcher.io/da/help/sharing/share-on-social-media) - [Indlejr en kampagne på din hjemmeside](https://scratcher.io/da/help/sharing/embed-on-your-website) - [Vis en kampagne som popup](https://scratcher.io/da/help/sharing/show-a-campaign-as-a-popup) - [Design en popup og dens teaser](https://scratcher.io/da/help/sharing/popup-design-and-teaser) - [Vælg din kampagnes webadresse](https://scratcher.io/da/help/sharing/campaign-url-and-own-domain) - [Send e-mails fra dit eget domæne](https://scratcher.io/da/help/sharing/email-sending-domain) - [Skift mellem kampagner med kampagnetidsplaner](https://scratcher.io/da/help/sharing/campaign-schedules) ## Relaterede artikler - [Sådan virker elementindstillingerne](https://scratcher.io/da/help/elements/element-settings-basics): Fanerne Indhold, Stile, Indstillinger og Effekter, størrelser, former, kanter, farver og baggrunde, ændringer til mobil og tilkøb. - [Indlejr en kampagne på din hjemmeside](https://scratcher.io/da/help/sharing/embed-on-your-website): Placér en kampagne på en side på din hjemmeside med embed-scriptet eller en iframe, tjek at det virker, og løs typiske problemer. - [Vis en kampagne som popup](https://scratcher.io/da/help/sharing/show-a-campaign-as-a-popup): Installér scriptet én gang, vælg popuptypen, og bestem, på hvilke sider, hvornår, hvor ofte og for hvem den vises. ## Brug for mere hjælp? Der sidder rigtige mennesker klar til at hjælpe. Bruger du allerede Scratcher, er chatten inde i platformen den hurtigste vej. - **[Chat med os](https://platform.scratcher.io/login)** Log ind, og klik på chatknappen nederst i højre hjørne. Rex svarer med det samme, og vores team er kun et klik væk. - **[Book et møde](https://scratcher.io/da/book-a-meeting)** Et gratis videomøde på 30 minutter med vores team: en rundvisning, kampagneidéer eller hjælp til din opsætning. - **[Skriv til os](mailto:contact@scratcher.io)** Skriv til contact@scratcher.io, så vender vi tilbage til dig.