--- title: "Så skapar du pop-ups med hög konvertering med Scratcher" description: "Skapa pop-ups som konverterar med Scratcher: sätt upp, designa och bädda in en gamifierad pop-up på några minuter, med smarta utlösare och utan kod." url: https://scratcher.io/sv/blog/how-to-create-high-converting-pop-ups-with-scratcher language: sv --- # Så skapar du pop-ups med hög konvertering med Scratcher En steg-för-steg-guide till att skapa, designa och bädda in en gamifierad pop-up med hög konvertering med Scratcher på några minuter. Henrik Lund 5 min läsning 23 juni 2025 ![Så skapar du pop-ups med hög konvertering med Scratcher](https://scratcher.io/img/containers/assets/blog/covers/how-to-create-high-converting-pop-ups-with-scratcher.webp/519c351ed31282cb4d56bf0194e3356e/how-to-create-high-converting-pop-ups-with-scratcher.webp) Rätt använda är pop-ups kraftfulla. De ökar engagemanget, samlar in leads och höjer konverteringen. Med Scratcher tar det bara några minuter att bygga en gamifierad [pop-up](https://scratcher.io/sv/platform/pop-ups) som människor faktiskt vill interagera med. I den här guiden går vi igenom hur du sätter upp, designar och bäddar in din första pop-up på Scratcher-plattformen. ## Steg 1: skapa din pop-up När du har loggat in i Scratcher: 1. Klicka på knappen ”Skapa” i det vänstra sidofältet. 2. Välj ”Popups” i den övre menyn (bredvid sökfältet). 3. Välj det format du föredrar. I det här exemplet använder vi [Mystery box](https://scratcher.io/sv/platform/formats/mystery-box). 4. Ge din pop-up ett namn och klicka på ”Skapa popup”. **Det var allt. Nu är du redo att börja anpassa.** *Video: skärminspelning av hur en ny Mystery box-pop-up skapas i Scratcher-plattformen.* ## Steg 2: anpassa designen Scratcher ger dig full kreativ kontroll över hur din pop-up ser ut och känns. Här är vad du kan justera. ### Placering Under inställningar väljer du var pop-upen visas: - Övre fält - Pop-up vid sidan - Pop-up i mitten - Pop-up i helskärm Varje typ erbjuder en annan balans mellan synlighet och påträngande. En pop-up vid sidan är diskret, medan en pop-up i helskärm är svår att missa. *Video: skärminspelning av hur du väljer pop-upens placering och justerar dess design i Scratcher.* ### Storlek Under innehåll anger du pop-upens höjd och bredd. *Proffstips:* använd enhetsikonerna längst ner för att förhandsgranska och justera din design för [dator, surfplatta och mobil](https://scratcher.io/sv/blog/mobile-popup-best-practices). ### Bakgrund Även under innehåll styr du hur bakgrunden ser ut medan pop-upen visas. Du kan: - Ange en enfärgad bakgrund - Matcha dina varumärkesfärger med hexkoder *Video: skärminspelning av hur du anger pop-upens bakgrundsfärg i Scratcher.* ### Pop-up-teaser Teasers är klickbara element på din webbplats som öppnar din pop-up. De är ett mjukt sätt att knuffa besökare att spela. Du kan använda en teaser med din pop-up eller placera den direkt på en kampanjsida. ![Webbplats för handel med en teaser-knapp för pop-up i det nedre vänstra hörnet](https://scratcher.io/img/containers/assets/blog/retail-website-popup-teaser-button.webp/6b10270ac268806e6d833cf23099928b/retail-website-popup-teaser-button.webp) ## Steg 3: bygg pop-upens flöde En typisk Scratcher-pop-up har flera steg: - **Introsida:** ett kort välkomnande och en bild - **Formulärsida:** samla in uppgifter som e-post och namn - **Spelsida:** låt människor spela och försöka vinna - **Avslutningssida:** visa resultatet eller ett tackmeddelande Använd panelen till höger för att växla mellan sidor och redigera text, bilder och funktioner. ![Flödespanel för pop-up i Scratcher med sidorna Intro, Formulär, Spel och Avslut](https://scratcher.io/img/containers/assets/blog/scratcher-popup-flow-panel.webp/770cc414d1c2e8aad30fc3cb8b0f057a/scratcher-popup-flow-panel.webp) ## Steg 4: ange utlösare och synlighet Scratcher ger dig fin kontroll över **när**, **var** och **hur ofta** din pop-up visas. ### Alternativ för utlösare - **Tidsutlösare:** visa pop-upen efter ett angivet antal sekunder. - **Scrollutlösare:** visa den när en besökare har scrollat X % ner på sidan. - **[Exit intent-utlösare](https://scratcher.io/sv/blog/exit-intent-popup):** upptäck när någon är på väg att lämna sidan och visa pop-upen i precis rätt ögonblick. - **Klickutlösare:** visa bara pop-upen när en specifik knapp eller länk klickas. - **Tillåtelselista:** rikta dig till specifika besökare efter URL-sökväg, hänvisningskälla och enhetstyp. - **Spärrlista:** hindra pop-upen från att visas under vissa förhållanden, till exempel på specifika sidor eller för vissa IP-adresser eller enheter. - **Enhetsutlösare:** dölj din pop-up på vissa enheter. - **Visningsalternativ:** styr frekvensen så att du inte irriterar människor. Ange hur många gånger den visas och hur många dagar som går mellan varje visning. ![Menyn för pop-up-utlösare i Scratcher med tidsbaserade, scrollbaserade, exit intent-baserade och andra utlösare](https://scratcher.io/img/containers/assets/blog/scratcher-popup-triggers-menu.webp/ef0eb60b12f0a8aa31b36974dbbc272c/scratcher-popup-triggers-menu.webp) ## Steg 5: tillämpa ditt designkit Använd **”Mina designkit”** för att uppdatera dina: - Bakgrundsfärger - Typsnitt och knappstilar - Övergripande tema, så att allt håller sig inom varumärket Förhandsgranska dina ändringar i realtid med växlaren för mobil/surfplatta/dator längst ner på skärmen. *Video: skärminspelning av hur ett sparat designkit tillämpas på en pop-up i Scratcher.* ## Steg 6: lägg till pop-upen på din webbplats När din pop-up är klar är det dags att gå live. ### 1. Hämta ditt skript När du har skapat din första pop-up går du till avsnittet **Popup Management**. Där hittar du ett **unikt skript** kopplat till ditt konto. Skriptet är detsamma oavsett hur många pop-ups du skapar. ### 2. Välj var den ska visas Öppna din webbplatseditor eller ditt CMS och gå till sidan där du vill att pop-upen ska visas. ### 3. Klistra in skriptet Klistra in hela skriptet i webbplatsens ``-tagg. ### 4. Spara och testa Tryck på spara och besök sedan din webbplats för att kontrollera att pop-upen fungerar som förväntat. ## Tips för pop-ups som konverterar - **[Led med spelet, inte formuläret](https://scratcher.io/sv/blog/gamified-popup-vs-email-popup).** Ett lekfullt format ger människor en anledning att engagera sig innan du ber om uppgifter. - **[Håll formuläret kort](https://scratcher.io/sv/blog/signup-form-fields).** E-postadress och samtycke räcker ofta för en första registrering. - **[Tajma det väl](https://scratcher.io/sv/blog/popup-timing-triggers).** Exit intent- och scrollutlösare känns oftast mindre påträngande än en pop-up som visas direkt. - **Matcha erbjudandet mot sidan.** Ett produktspecifikt pris på en produktsida känns mer relevant än en allmän rabatt. ## Redo att bygga din första pop-up? Alla Scratchers över 40 format kan köras som pop-up, så du kan välja den [spel-pop-up](https://scratcher.io/sv/platform/formats/game-pop-ups) som passar din målgrupp. Bläddra bland våra [mallar](https://scratcher.io/sv/templates) för inspiration eller [starta din kostnadsfria 14-dagars provperiod](https://scratcher.io/sv/get-started) och ha din första pop-up live i dag. Henrik Lund Medgrundare, Scratcher Henrik Lund var med och grundade Scratcher i Köpenhamn 2017 och har sedan dess hjälpt varumärken att skapa interaktiva kampanjer. Skapa din första kampanj i dag Skapa din egen kampanj på några minuter. Gratis i 14 dagar, inget kreditkort behövs. [Testa gratis](https://platform.scratcher.io/sv/register) ## Läs vidare [Trender inom gamification i marknadsföring 2027: 8 förutsägelser för varumärken](https://scratcher.io/sv/blog/gamification-marketing-trends-2027) - Strategi - 4 november 2026 [Trender inom gamification i marknadsföring 2027: 8 förutsägelser för varumärken](https://scratcher.io/sv/blog/gamification-marketing-trends-2027)Vart spelifierad marknadsföring är på väg 2027, från korta mobilspel och kalendrar året runt till kampanjer byggda med AI och nya… [Trender inom kundlojalitet 2027: tillgång, rättvisa och skäl att komma tillbaka](https://scratcher.io/sv/blog/customer-loyalty-trends-2027) - Strategi - 3 november 2026 [Trender inom kundlojalitet 2027: tillgång, rättvisa och skäl att komma tillbaka](https://scratcher.io/sv/blog/customer-loyalty-trends-2027)Medlemmarna är med i fler program än någonsin men känner sig mindre speciella i vart och ett. Trenderna inom kundlojalitet 2027, … [Trender inom förstapartsdata och integritet 2027: det här ändras för marknadsförare](https://scratcher.io/sv/blog/first-party-data-trends-2027) - Strategi - 3 november 2026 [Trender inom förstapartsdata och integritet 2027: det här ändras för marknadsförare](https://scratcher.io/sv/blog/first-party-data-trends-2027)Chrome behåller sina kakor, men samtycke och förtroende blir svårare att vinna. Trenderna inom integritet och data som formar mar… ![Starbucks lyckohjul-kampanj på en mobiltelefon](https://scratcher.io/assets/campaigns/starbucks-spin-the-wheel.webp) ## Skapa din första kampanj i dag Gör som varumärkena som har samlat in över 35 miljoner registreringar med Scratcher. Testa gratis i 14 dagar – inget kreditkort behövs. [Testa gratis](https://platform.scratcher.io/sv/register) [Boka ett möte](https://scratcher.io/sv/book-a-meeting)