Hoppa till innehållet

Rex, din AI-assistent: rutinjobbet sköts åt dig. Idéerna är dina 👉 Möt Rex

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.

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

    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

    Ett kostnadsfritt videosamtal på 30 minuter med vårt team: en rundtur, kampanjidéer eller hjälp med din uppsättning.

  • Mejla oss

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