Komma igång #
Visa all information eller konverteringsorienterade meddelanden i form av en popup. Du kan visa ett foto, knapp, sida, text, etc med olika animationsstilar. Här är en omfattande artikel för att förklara varje metod i detalj.
Se vår videoguide:
Eller bara följ processen steg för steg:
Steg->1: Lägg till Popup Modal #
- Gå till ElementsKit=> gå till Element=> Se till att slå på Popup Modal=> Klicka på Spara Ändringar.
- Sök nu efter Popup Modal.
- Dra widgeten.
- Släpp på det valda området.
Steg->2: Anpassa Dyka upp Layout #
Växlingsknapp #
Du kan använda den här knappen som en utlösare. Låt din användare klicka på den och en popup visas därefter.
- Välj popup-växlingstyp: Knapp.
- Du kan se popupen växla knappen visas.
- Expandera nu popup-växlingsknappen: Det här avsnittet visas när du väljer växlingstyp: Knapp från layoutsektionen.
- Lägg till eller redigera Knappetikett.
- Välj justering: Vänster, Center eller Höger.
- Kontrollera Bredd.
- Aktivera växeln till Visa ikon.
- Ladda upp någon Ikon från det valda området.
- Kontrollera Ikon Positionering genom att helt enkelt dra.
- Du kan se din popup-växlingsknapp visas i enlighet med detta.
Växla bild #
Du kan också använda bilden som en trigger.
- Välj popup-växlingstyp: Bild.
- Expandera Toggler bildsektion: Det här avsnittet visas när du väljer växlingstyp: Bild från layoutdelen.
- Ladda upp Bild.
- Välja Bildstorlek.
- Välj bildjustering: Vänster, Center eller Höger.
- Du kan se popup-växlingen bild som visas i mitten.
Växla tid #
Pop-up Modal visas automatiskt när en användare besöker webbplatsen. Du kan ställa in den exakta tiden för det.
- Välj popup-typ: Tid.
- Ställ in popup-tid: 3.
- Aktivera samtycke till kakor.
- Popup kommer att visas automatiskt efter 3 sekunder.
Anpassa popup-showtyp och position #
Du kan styra sättet att visa din popup. Antingen popup kommer att visas i en modal eller en bild.
- Välj popup-programtyp: Modal.
- Välj knappposition: Centrum.
- Du kan se popup-fönstret visas i en modal och mitt i position.
- Välj popup-programtyp: Glida.
- Du kan se en popup som visas från vänster i en bild.
Steg->4: Anpassa popup #
- Kontroll popup Bredd.
- Uppsättning Höjd.
- Gör det möjligt Täcka över.
- Gör det möjligt Stäng ikon.
- Du kan se att den stängda ikonen dök upp.
- Gör det möjligt Rubrik.
- Gör det möjligt Sidfot.
- Välja Animation.
- Välj Animationens varaktighetstyp.
- Du kan se avsnittet sidhuvud och sidfot visas i enlighet med detta.
Anpassa överlägg #
Det här avsnittet visas när du Aktivera överläggsalternativet från popup-sektionen.
- Aktivera det här avsnittet för att stänga popup-fönstret med ett klick.
Anpassa Stäng ikon #
Det här avsnittet visas när du Aktivera alternativet Stäng ikon från popup-sektionen.
- Välj ikonposition: Popup uppe till höger. Du kan också välja Popup uppe till vänster, fönster upptill höger, fönster upptill vänster från rullgardinsmenyn.
- Kontrollera Horisontellt läge.
- Ladda upp Stäng ikon.
Anpassa Header #
Det här avsnittet visas när du Aktivera rubrikalternativet från popup-sektionen.
- Lägg till eller redigera Rubriktitel.
- Aktivera och redigera Texta.
- Gör det möjligt Delare.
- Du kan se rubrikens titel, underrubrik och avdelare visas i enlighet med detta.
Anpassa sidfot #
Det här avsnittet visas när du Aktivera sidfotsalternativet från popup-avsnittet.
- Gör det möjligt Delare.
- Gör det möjligt CTA-knapp.
- Lägg till eller redigera Märka.
- Välj variant: Fylld. Du kan också välja Kontur eller text.
- Du kan se CTA-knappen och avdelaren visas därefter.
- Lägg till URL.
- Göra det möjligt att Öppna länken i en ny flik.
- Välja Inriktning.
- Göra det möjligt att Omvänd justering och knapp.
- Kontrollera Mellanrum.
- Du kan se CTA-knappen visas i enlighet med detta.
- Anpassa stängningsknappen på samma sätt.
Steg->5: Lägg till innehåll #
- Inaktivera Mallområde.
- Lägg till eller redigera något innehåll.
- Du kan se innehållet som visas följaktligen.
- Aktivera mall: Du kan välja valfri widget från det valda området och anpassa ditt popup-innehållsområde.