Design en popup og dens teaser

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.

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.