I den här nya handledningen visar vi hur du öppnar en Elementor-popup från en URL eller meny. Du kommer också att lära dig hur du hittar den URL som leder till din popup och sedan hur du använder den från ett textblock eller navigeringselement.
Men först, om du ännu inte har installerat Elementor, föreslår vi att du gör det se vår guide genom att klicka på den här länken.
För att komma igång, lägg till en knapp på din Elementor-sida
Gå först till din sida och redigera den med Elementor, lägg till slut en " knapp ".
Välj sedan 'Popup' under länkalternativen
När du har lagt till knappen,
- Gå till avsnittet lien och klicka på " Dynamiska taggar », Och därifrån
- Välj " Popup " i " Handlingar ".
- klicka sedan på Popup och välj din modell.
Besök din sida för att kopiera länken till popup-fönstret Elementor
Besök nu sidan från framsidan, högerklicka sedan på "knappen" och "Kopiera länkadress" efter det, gå tilltextredigerare från din dator och klistra in länken.
Lägg till eller ändra textelementet som kommer att länkas till popup-fönstret
När du har kopierat länken från knappen, gå tillbaka till Elementor-redigeraren och " Lägg till din text ". Vi valde helt enkelt en titel.
Lägg till en del av den tidigare kopierade länken till ditt textelement
När du har skrivit in din text, gå tillbaka till textredigeraren där du klistrade in koden och kopiera länken från # och klistra in den i länkalternativet.
Se skärmdumparna nedan.
För att lägga till popup som ett menyalternativ
Gå bara under WordPress-menyalternativen. Där, lägg till en anpassad länk till din navigeringsmeny och ange webbadressen du fick ovan!
Läs vår guide om hur du skapar en meny i WordPress
Slutligen dra nytta av din popup-länk på Elementor!
Slutligen kan du verifiera att allt fungerar genom att gå till sidan och klicka på din text eller menyalternativ!
Important: Dina kontextuella visningsvillkor måste motsvara de sidor som du kommer att ha den här länken på! Så om det till exempel finns i rubriknavigeringen, ska din popup vara inställd på hela webbplatsen.
Skaffa Elementor Pro nu!
Upptäck också några premium WordPress-plugins
Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.
Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.
1. WordPress PDO Crud
WordPress PDO Crud är ett kraftfullt plugin som gör att du kan skapa formulär för att utföra åtgärder för att lägga till, ändra, radera data på gränsen.
Det erbjuder en vacker tabell där du kan lägga till dina data på flera sätt, vilket enkelt kan definieras av alla webbansvariga.
Dess huvudsakliga funktioner är: en mycket enkel syntax, stöd för flera utseenden, automatisk generering av infognings- eller uppdateringsformulär från DB-tabeller, visning av specifika fält, stöd för många Wordpress plugins, dataexport i pdf-, xml-, csv- och excel-format, olika anpassningsinställningar, flerspråkigt stöd, sökning på specifika fält, flera raderingsalternativ och mycket mer.
Ladda ner | demo | webbhotell
2. Deltagande Audio
Featured Audio är en stor Wordpress plugin som ärvde de bästa HTML5-funktionerna, som namnet antyder. Denna plugin låter dig justera volymen för det valda ljudet för varje inlägg och sida.
Som funktioner kommer vi att ha bland annat: låten på förstasidan, en ljudspelare som fullt stöder HTML5, stöd för mobila enheter som: iPhone, iPad, Android och WP7, uppspelning av ljudfiler lagrade i WordPress-mediebiblioteket , stöd för gamla webbläsare, stöd för ljudformat: mp3, wav, ogg, etc ..., flerspråkig och många andra ...
Ladda ner | demo | webbhotell
3. ChimpMate Pro
Schimpanskompis är den Wordpress plugin från MailChimp Pop-up, som hjälper dig att omvandla dina läsare till prenumeranter. Det designades för att utöka din e-postlista utan att irritera besökare med irriterande popup-fönster.
Det är helt anpassningsbart och du har kontroll över när och var popup-fönster ska visas. Dess andra funktioner är: det fungerar perfekt i flera webbläsare och har flera schemaläggningsalternativ, helt anpassningsbar layout, lyhörd kundsupport, sömlös integration med WooCommerce, utmärkt cachehantering, perfekt integration med flera WordPress-teman, den Flerspråkigt stöd tack vare WPML-plugin, och många fler.
Ladda ner | demo | webbhotell
Andra rekommenderade resurser
Vi inbjuder dig också att konsultera resurserna nedan för att gå vidare i greppet och kontrollen av din webbplats och blogg.
- Så här visar alla dina Wordpress publikationer om en enda sida
- Hur man använder kategorier och taggar effektivt på Wordpress
- Så lägger du till en WhatsApp-knapp på en WordPress-blogg
- Hur hittar jag en sponsor och tjänar pengar på din blogg? : Guiden
Slutsats
Här! Det är det för denna handledning. Hoppas det låter dig öppna en Elementor-popup från en webbadress eller meny. Känn dig fri att dela tipset med dina vänner på dina sociala nätverk.
Du kommer dock också att kunna konsultera vår medel, 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.
Men under tiden berätta om din commentaires och förslag i det dedikerade avsnittet.
.
