Behöver veta hur man skapar popup-fönster med Elementor ?
Elementor är inte bara en sidbyggare. Det är en Wordpress plugin mångsidig. Det finns flera andra saker du kan göra med den Elementor annat än att skapa webbsidor. En av dem är skapandet av popup-fönster.
I den här artikeln kommer vi att visa dig hur du skapar en popup med hjälp av Popup Builder-funktionenElementor.
Att skapa en popup med Elementor är superenkelt. Du kan skapa din popup med det visuella gränssnittet i Elementor där allt är dra och släpp. Elementor erbjuder även popup-mallar som du kan använda för att skapa dina popup-fönster. Du måste helt enkelt välja en modell, publicera den och definiera triggern.
Upptäck Hur man installerar Elementor på WordPress
Innan du går vidare är det viktigt att notera att Elementors Popup Builder endast är tillgänglig på proversionen.
Hur man skapar en popup med Elementor
När du skapar en popup med Elementor kan du ställa in en trigger (en åtgärd för att visa popupen) och konfigurera villkoret (på vilka sidor du vill att din popup ska visas). Dessutom kan du också ställa in en avancerad regel (beskrivs längre ner).
Läs också: Hur man skapar flerfärgad gradientknapp i Elementor
I den här guiden skapar vi en uppmaningspopup med en utlösare vid knappklick. Popup-fönstret visas när en användare klickar på en knapp.
Förutsatt att du har installerat Elementor Pro, logga in på WordPress-instrumentpanelen och gå till Mallar – > Popup-fönster och klicka på knappen Add On ovan.
Ge ditt popup-namn ett namn och klicka på knappen SKAPA EN MODELL.
Välj en popup-mall som du vill använda. Håll musen över den och klicka på knappen infoga för att infoga den i Elementor-redigeraren.
Om du föredrar att skapa popupen från början kan du helt enkelt stänga mallbiblioteket för att öppna Elementors editor.
På Elementor-redigeraren kan du anpassa popup-fönstret. Du kan ersätta standardinnehållet (särskilt texter) med ditt eget innehåll. Använd webbläsaren för att göra det enklare att hoppa mellan sektioner och widgets.
Du kan också lägga till enter/exit-animering, aktivera/avaktivera överlagring och aktivera/avaktivera stängningsknapp.
När du är klar klickar du på knappen PUBLICERA.
I nästa steg kommer du att bli ombedd att ställa in visningsvillkor och utlösare. Det finns också ett alternativ att ställa in avancerade regler:
- Visa termer: Bestämmer på vilka sidor popup-fönstret visas på din webbplats. Du kan konfigurera popup-fönstret så att det visas på hela webbplatsen, specifika sidor, specifika inlägg, specifika kategorier, etc.
- Utlösare: En trigger är en åtgärd för att visa popup-fönstret. Elementor stöder 6 typer av utlösare: Vid sidladdning, Vid rullning, På Element Scroll, Vid klick, Efter inaktivitet, Avsluta sidan
- Avancerade regler: Krav som måste uppfyllas för att popup-fönstret ska visas. Du kan till exempel konfigurera popup-fönstret så att det visas om en besökare kommer till din webbplats via en sökmotor eller en viss URL. Själva Elementors Popup Builder erbjuder 7 avancerade regelalternativ som du kan ställa in.
Eftersom vi vill visa popup-fönstret när en användare klickar på en knapp, öppna fliken triggers och aktivera alternativet Vid klick. Klicka på Spara och stäng.
Skapa en ny sida/inlägg och redigera den med Elementor (du kan även redigera en befintlig sida).
Lägg till Knappwidget genom att dra den från den vänstra panelen till redigeringsområdet. Eller, om du redigerar en befintlig sida som redan innehåller en knapp, klicka på knappwidgeten för att sätta den i redigeringsläge.
Upptäck också: Hur man ställer in anpassad storlek för Elementor-knappikonen
På alternativ knapp under fliken Innehåll, ställ in länken till Popup. För att göra detta kan du klicka i avsnittet Dynamisk länk.
Klicka på skiftnyckelikonen i fältet Popup och välj popup-fönstret du just skapade. Skriv popup-namnet för att hitta din popup.
Klicka på PUBLICERA / UPPDATERA efter att du redigerat sidan. Innan du klickar på knappen PUBLICERA / UPPDATERA, kan du förhandsgranska din sida först för att se om popup-fönstret redan fungerar.
Skaffa Elementor Pro nu!!!
Slutsats
Med Elementor Pro behöver du inte längre installera någon popup-plugin eftersom funktionerna som erbjuds av Elementor Pro inkluderar en popup-byggare.
Elementors Popup Builder låter dig skapa vilken typ av popup som helst. Från en uppmaning popup som vi just skapade ovan, en popup med formen registrering, ett meddelandefält, en social delningsknapp, etc.
Eftersom popupen skapas med Elementors editor kan du i princip lägga till vilken widget som helst i din popup. Med Elementors Popup Builder kan du också skapa en kreativ webbplatsmeny som den nedan:
Elementor erbjuder popup-mallar för att spara tid när du skapar en popup. Du kan också använda en mall om du inte har en aning om vilken popup-design du vill skapa.
Här! Det är det för den här artikeln som visar dig hur skapa popup-fönster med Elementor. Om du har några funderingar kring hur du ska ta dig dit, låt oss veta inom commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
