Hej kompisar! Jag föreslår att vi pratar om skapa modala fönster i WordPress. Popup-fönster (modala) utökar webbplatsens möjligheter avsevärt. Har du ett meddelande eller en annons som alla webbplatsbesökare borde se? Behöver du göra din kampanj synlig? Vill du skapa ett popup-registreringsformulär på din webbplats eller ett formulär för att dela innehåll på sociala nätverk? Skapa ett modalt fönster!

Popup-modeller är designade för att väcka uppmärksamhet. När de dyker upp på sidan blockerar de huvudinnehållet och tvingar användaren att bekanta sig med deras innehåll (text, video, uppmaning, etc.).

Uppmärksamhet! Låt dig inte skrämmas av längden på denna lektion - det finns inga svårigheter att skapa modala fönster (läs och se själv), jag beskriver bara varje steg i detalj.

Algoritm för att skapa modala fönster i WordPress

WordPress har inga inbyggda verktyg för att arbeta med popup-fönster. Vi kommer att designa och anpassa dem med hjälp av ett plugin Popup Maker. Låt oss till exempel skapa ett modalt fönster med en video, popup-fönster när du klickar på en knapp(du kan konfigurera det senare automatisk utseende).

1. Installera Popup Maker plugin. Aktivera hans. Låt mig påminna dig: vi lärde oss hur man installerar plugins.
   
2. Hitta avsnittet i sidomenyn till vänster på adminpanelen Popup Maker och gå till dess underavsnitt Lägg till popup.
3. Modalfönsterredigeraren öppnas. Ange namnet på fönstret i fältet högst upp på sidan (namnet kommer bara att visas i adminpanelen - användare kommer inte att se det).
4. Komma på fönstertitel(kommer att vara synlig för användare) och skriv in det i fältet ovanför knappen Lägg till mediafil.
5. I blocket Betingelser Välj från rullgardinsmenyn de sidor (kategorier) där fönstret ska visas. Om pluginet skulle fungera på alla sidor på webbplatsen, Välj Format: Alla.
6. Lägg till i det stora fältet under verktygsfältet text, bilder, video eller ljud– allt innehåll som kommer att visas i popup-fönstret. I exemplet under övervägande lade jag till koden för en video från YouTube (vi studerade att lägga till videor på en WordPress-webbplats).
   
7. I blocket Utlösare Det finns inställningar för manuell eller automatisk öppning (självaktivering) av popup-fönstret. I vårt exempel valde jag värdet Klicka på Öppna.
8. Ange nedan popup-storlek(i pixlar eller procent). När du väljer ett alternativ Bil Insticksprogrammet kommer att ändra storlek på modalfönstret automatiskt.
9. Markera rutan i raden Inaktivera bakgrund så att webbplatssidan är synlig bakom popup-fönstret (rekommenderar jag).
10. Uppstart animationstyp och hastighet(ej nödvändigt: optimala värden är redan inställda som standard).
    
11. Justera fönstrets position på skärmen. Inledningsvis placerar plugin den högst upp i mitten.
12. Fastighetsvärde z-index, inställd som standard, behöver vanligtvis inte ändras.
    
13. Välj alternativ för att stänga popup-fönstret. Markera kryssrutorna i raderna med "fåglar" Klicka på Överlägg för att stänga(fönstret stängs när du klickar på bakgrunden runt det), Tryck på F4 för att stänga(fönstret stängs med nyckeln F4), Tryck på ESC för att stänga(fönstret stängs med nyckeln ESC). För att inte irritera webbplatsbesökare med pusslet att stänga modalfönstret rekommenderar jag att du markerar alla rutorna.
    
14. Klick Publicera. Grattis, ditt modala fönster har skapats!

Om att anpassa popup-fönstrets design

För att ändra designen på det skapade modala fönstret, gå till underavsnittet Tema sektion Popup Maker sidomenyn på adminpanelen (vänster).

Konfigurera i redigeraren som öppnas önskad fönsterbakgrund, färg Och teckenstorlekar, stoppning, skuggor, knappens namn stängning. Smaken och färgen ... du vet, så jag kommer inte att gå in på detaljer om att anpassa utformningen av popup-fönstret. Om du har frågor, ställ dem i kommentarerna.

Hur man ställer in ett popup-fönster

Kom ihåg att vi inte aktiverade funktionen att automatiskt öppna ett modalt fönster i plugininställningarna? Därför måste vi ta reda på hur vårt fönster öppnas. Låt oss skapa ett fönster som dyker upp när du klickar på en länk, bild eller knapp.

Popup Make-pluginet tilldelar varje fönster två unika CSS-klasser. Om du lägger till någon av dessa klasser till ett webbsideselement kommer ett modalt fönster att öppnas när du klickar på det här elementet.

Var och hur man kan öka Instagram-kommentarer – alla metoder. Portalen prisermm.com fick reda på vad som är billigare och bättre: att själv öka kommentarerna på Instagram, med program, att ta emot i utbyte eller att beställa en tjänst på SMM-tjänsten. För- och nackdelar med varje metod.

Exempel på att lägga till modal fönster CSS-kod till en länk, bild och knapp:

< a href = "#" class = >Öppna modalt fönster< / a >

Ett modalt fönster visas när du klickar på bilden

< img src = "popup-primer.jpg" class = "popmake-obrazets-modalnogo-okna"/ >

Modalt fönster aktiveras efter knappklick

< button class = "popmake-obrazets-modalnogo-okna"> Öppna modalt fönster< / button >

Klicka på HTML-elementet efter att ha lagt till en CSS-klass till det popmake-obrazets-modalnogo-okna. Ett modalt fönster som liknar detta bör visas:

Har det dykt upp? Bra! Nu kan du konfigurera popup-fönster. Om fönstret inte öppnas, beskriv problemet i kommentarerna - vi kommer att starta det tillsammans!

Hej kära läsare av bloggsidan. Lägger du märke till popup-fönster på vissa webbplatser? Frågor uppstod: hur tillverkas de och varför behövs de ens? Jag har ja.

Så vänner, idag ska jag berätta exakt om dem. Men! Låt oss först ta reda på varför vi behöver dem överhuvudtaget? Vad kan du få ut av dem och vad blir resultatet? Jag svarar.

Genom sådana popup-fönster blir effekteffekten mycket stor. De säger att ibland händer det att antalet prenumeranter ökar 4 gånger. Häftigt! Är det inte? Att använda popup-fönster (popunders) är ett mycket effektivt sätt att locka ett stort antal besökare. De används vanligtvis för:

• nyhetsbrev;
• PR för betalda utbildningar;
• främjande av grupper i sociala nätverk nätverk;

Jag måste påminna dig om att ibland kan sådana popup-annonser skada webbplatsen. Detta beror på det faktum att vissa användare tycker att det är väldigt irriterande. Vad kan jag säga, jag är också väldigt arg på sådana metoder för att väcka uppmärksamhet. Som svar på allt detta finns det en ökning med 100 % fel på sajten, vilket är skadligt.

Men! Alla dessa problem kan kringgås om popup-fönstret är korrekt konfigurerat.

Så låt oss gå tillbaka till vår huvudfråga.

Popup-fönster på WordPress

1.WP-MK

Cool plugin som jag stötte på av en slump. Lätt att installera, ryskspråkigt gränssnitt och en hel uppsättning verktyg. Den är perfekt för:

• Reklam (till exempel Google Adsense);
• PR av dina grupper på sociala medier. nätverk;
• Enkel prenumerationsblankett.

Du kan ladda ner plugin från . Sedan installerar vi den och aktiverar den på vanligt sätt. Gå till inställningarna till vänster? pop-up fönster och vi ser följande:

Enligt min åsikt är allt enkelt här; jag ser inte poängen med att demontera allt separat. Om du har några frågor kan du ställa dem i kommentarerna.

2. Ninja Popups.

Om du vill att användarna ska gå till "Wow" när de besöker din webbplats och se ett popup-fönster, installera detta megacoola plugin. Ninja Popups är ett popup-monster på . Jämfört med WP-MK är den vida överlägsen vad gäller funktionalitet. Jag märkte att Ninja Popups används av mästare i sitt hantverk. Varför? Pluginet är betalt och alla har inte råd. Jag kan säga från mig själv att deras priser är rimliga, de kräver inte mycket. Du kan ta reda på mer om kostnaden Här.

Nåväl, låt oss ta reda på exakt vad vi får från detta plugin:

• enkla inställningar;
• mer än 100 färdiga mallar för prenumerationer och andra typer av reklam (tävlingar, kampanjer, utbildningar, etc.);
• statistik;
• mobilversion av popup-fönstret;
• avancerad inställning av visningstider;
• Och mycket mer.

Om du vill lära dig mer om alla fördelar med plugin, gå till detta länk.

Hur anpassar man plugin-programmet för sig själv? Jag föreslår följande... Istället för irriterande text är det bättre att titta på en träningsvideo:

Det är allt, vänner, vad gäller inställningar. Men ändå, om du har några frågor, ställ dem i kommentarerna.

3. Popup Maker (modalt fönster)

En plugin som har funktionen att skapa ett modalt popup-fönster. I vårt fall kommer popup-fönster att visas när du klickar på:

• länk;
• knapp;
• bild.

Så hur ställer du in det?

1. Ladda ner plugin;

2. Installera och aktivera;

3. Till vänster i menyn letar vi efter: Pupup Maker -> Lägg till ny.

4. En sida som denna kommer att dyka upp framför oss:

Påminner du dig inte om någonting? Sidan är exakt samma som formen för att publicera artiklar på WordPress. Som du kan se har några ytterligare funktioner (inställningar) lagts till här.

Låt oss titta på dem mer i detalj.

Popup-fönster (namn)- kommer inte att visas någonstans, här ger vi ett namn till vår popunder i plugin.

Ange fönstrets titel här- skriv namnet (till exempel: prenumeration på nyheter).

Inriktningsförhållanden- kryssa i rutan där vårt fönster kommer att visas.

Temainställningar - inga alternativ här ännu. Välj som standard. Vänner, i framtiden kan du skapa din egen mall för att designa ett modalt fönster. Funktionen är förresten väldigt cool. Du kan hitta det: Pupup Maker -> Alla teman.

Kod - vad som kommer att visas i fönstret. I vårt fall, video från YouTube:

Nedan väntar andra inställningar på oss (fönsterstorlek, transparens, visningstid, etc.). Det är inget komplicerat där. Jag hoppas att du klarar det. Om du har några frågor, ställ dem gärna i kommentarerna.

När alla inställningar är gjorda behöver vi bara publicera popup-fönstret.

Men vänner är inte allt. Gå till avsnittet Pupup Maker -> Alla popups. Vi söker CSS-klasser. Vi är intresserade av kod som denna: popmake-xxx.

Vi behöver den här koden för att visa ett fönster när vi klickar på en länk, bild eller knapp (jag sa i början).

Öppna ett fönster när du klickar på bilden:

Öppnas genom att trycka på en knapp:

< button class = "popmake-xxx" >Öppet fönster

Den här koden kan infogas var som helst (till exempel i en artikel eller widget). Ingen skillnad. Om du har några problem eller frågor, fråga i kommentarerna, jag hjälper gärna till.

På denna glada anteckning slutar listan med popup-plugins för WordPress. Jag hoppas att du bland dessa tre hittar din som du gillar. Tack för att du är med mig till slutet.

För uppdateringar, delta i . Ses snart. Hejdå allihopa!

Med vänlig hälsning, Mogish Ivan

Du kan ta reda på att ett popup-fönster är ett fönster som öppnas på en datorskärm när du utför en operation.

I den här artikeln kommer vi att titta på att skapa PopUP-popup-fönster för WordPress.

Den här typen av popup-fönster kan användas för olika ändamål: du kan infoga ett prenumerationsformulär, någon form av informationsmeddelande, bild, kontaktformulär etc. i detta fönster.

Som ett verktyg för att skapa popup-fönster i den här artikeln kommer jag att överväga en speciell plugin för WordPress som heter WordPress popup.

WordPress PopUp-plugin för att skapa popup-fönster

Detta plugin är tillgängligt i plugin-katalogen precis i WordPress-administratörsområdet, så det är enkelt att installera det.

Hitta den genom sökformuläret och klicka Installera:

Ett nytt objekt kommer att bli tillgängligt i admin-menyn Dyka upp:

Detta objekt låter dig konfigurera plugin-programmet och hantera dess funktionalitet. Låt oss överväga allt ovanstående mer i detalj.

I stycket PopUps punkt Dyka upp Alla befintliga popup-fönster och deras hantering är tillgängliga. Eftersom inget fönster har skapats ännu är objektet tomt:

Låt oss korrigera denna situation och skapa vårt första popup-fönster, för detta går vi till underobjektet Lägg till ny och tryck på knappen med samma namn:

Ett nytt fönster har skapats. Låt oss omedelbart bestämma vad innehållet i det här fönstret ska vara, låt det till exempel vara ett prenumerationsformulär.

Låt oss börja ställa in det skapade popup-fönstret genom att skriva ner dess namn, eller snarare en viss identifierare med vilken vi hittar det här fönstret bland annat, om någon.

Denna identifierare skrivs i kolumnen Popup-namn (visas inte på popup-fönstret), och eftersom det inte är svårt att gissa från namnet på denna kolumn när den översätts till ryska, visas den inte i själva popup-fönstret:

Dessa rubriker och undertexter kommer att visas högst upp i popup-fönstret.

Strax nedanför, i ett område som heter Huvudpopup-innehåll Vi måste placera huvudinnehållet i vår popup. Eftersom jag bestämde mig för att placera ett prenumerationsformulär i det här fönstret, skriver jag i detta område i textredigeringsläge exakt koden för prenumerationsformuläret:

Här, lite till höger, i avsnittet PopUp-funktionsbild (valfritt) Du kan implementera infogningen av alla bilder i popup-fönstret:

Jag kommer inte att lägga in en bild.

Lite lägre, i avsnittet Uppmaningsknapp (valfritt) Det är möjligt att lägga till en knapp med en uppmaning till någon åtgärd i det skapade fönstret:

Att göra en sådan knapp är extremt enkelt - du måste skriva namnet på knappen i kolumnen Knappetikett, och i grafen Knapplänk placera en länk som aktiverar den nödvändiga åtgärden.

Det återstår att bestämma några parametrar för den skapade Dyka upp fönster. Låt oss ta en närmare titt på dem.

Ställa in popup-alternativ

Faktum är att inte alla inställningar är tillgängliga i den kostnadsfria versionen av plugin-programmet, och eftersom inte alla användare vill spendera sina egna pengar på den betalda versionen av plugin-programmet, kommer vi först att titta på de grundläggande inställningarna som är tillgängliga i gratisversionen av plugin.

Låt oss börja i ordning med avsnittet Utseende:

Den bokstavliga översättningen av namnet på detta föremål betyder "utseende". Det är inte svårt att gissa att inställningarna i det här avsnittet bestämmer egenskaperna för popup-fönstret.

Av plugins som är tillgängliga för gratisversionen finns det bara en kryssruta här Inga rundade hörn, en bock som aktiverar raka, snarare än rundade, som standard, hörn av det anpassade fönstret, samt möjligheten att manuellt bestämma storleken på det anpassade fönstret i objektet Använd anpassad storlek(en bock i motsvarande kryssruta låter dig ange fönstrets bredd och höjd i pixlar).

Låt oss nu titta på avsnittet Beteende, inställningarna som bestämmer hur popup-fönstret fungerar:

De inställningar som är tillgängliga för den kostnadsfria versionen av pluginet inkluderar följande:

• När ska du visa popupen:— tid (i sekunder eller minuter, valfritt) från det ögonblick som webbplatssidan öppnas tills popup-fönstret visas;
• Inställningar för "Se aldrig det här meddelandet igen":— inställningar som gör att en besökare kan klicka på en speciell knapp för att blockera visningen av ett popup-fönster i framtiden när sidor i denna resurs öppnas. Endast en kryssruta är tillgänglig här Lägg till länken "Se aldrig det här meddelandet igen"., en bock som aktiverar utseendet på en länk med ett ankare Se aldrig det här meddelandet igen, klicka på vilket blockerar ytterligare visning av ett popup-fönster för denna användare på sidorna i denna resurs.

Låt oss gå vidare till inställningssektionen Visningsvillkor (valfritt) ansvarig för villkoren för att visa ett anpassat popup-fönster:

Det finns ett betydande antal punkter här, låt oss titta på dem i ordning:

• Besökaren är inloggad— visa ett popup-fönster för användare som har autentiserats på webbplatsen (under förutsättning att ett sådant alternativ är tillgängligt);
• Besökaren är inte inloggad— visa ett popup-fönster för användare som inte är autentiserade på webbplatsen;
• PopUp visas mindre än— visa ett popup-fönster tills användaren ser det ett visst antal gånger (ställs in i kolumnen Visa popup så här ofta:);
• Endast på mobila enheter— visar ett popup-fönster endast för besökare från mobila enheter;
• Inte på mobila enheter— visa ett popup-fönster endast för besökare från en dator eller bärbar dator (inte från mobila enheter);
• Från en specifik referent— visa ett popup-fönster om användaren kom med en speciell hänvisare
• Inte från en specifik referent— dölja popup-fönstret om användaren kom med en speciell hänvisare(hänvisare anges här);
• Inte från en intern länk— popup-fönstret kommer inte att visas om användaren kom via en intern länk från en annan sida i samma resurs;
• Från en sökmotor— visa ett popup-fönster för besökare som kom till webbplatsen från sökmotorer;
• På specifik URL— visa ett popup-fönster för besökare som finns på vissa URL Fullständiga webbadresser;
• Inte på en specifik URL— visa ett popup-fönster för besökare, med undantag för de på vissa URL, vars lista anges här i kolumnen Fullständiga webbadresser;
• Besökare har kommenterat tidigare— visar ett popup-fönster för användare som lämnat kommentarer på webbplatsen. Detta tillstånd kan kombineras med tillståndet Besökaren är inloggad eller Besökaren är inte inloggad;
• Besökare har aldrig kommenterat— visar ett popup-fönster för användare som inte har lämnat kommentarer på webbplatsen. Detta tillstånd kan kombineras med tillståndet Besökaren är inloggad eller Besökaren är inte inloggad.

Vi har tittat på alla tillgängliga inställningar för gratisversionen av pluginet, låt oss nu kort gå igenom inställningarna som endast är tillgängliga för den betalda versionen av pluginet WordPress popup:

Det här är bonusarna som följer med den betalda versionen av pluginet i fråga, som för övrigt erbjuds för $19.

När du har slutfört alla nödvändiga steg för att skapa och konfigurera ett popup-fönster måste du spara resultatet (knapp Spara) och se vad som hände med hjälp av förhandsgranskningen (knappen Förhandsgranska PopUp):

Om resultatet passar dig kan du aktivera popup-fönstret (skjutreglaget Status flytta till position aktiv).

I slutändan, efter alla ovanstående steg, fick jag följande resultat:

Det visade sig vara en ganska omfattande recension av pluginet. WordPress popup, som låter dig skapa popup-fönster för Internetresurser med hjälp av WordPress-motorn.

Efter att ha läst artikeln kan du enkelt använda pluginens funktionalitet till din fördel på din webbplats.

Nyligen, för en webbplats, blev jag ombedd att skapa ett feedbackformulär för WordPress i ett modalt fönster. Det vill säga när användaren klickar på länken "skriv till oss", istället för att gå till motsvarande sida, ska användaren öppna ett nytt popup-fönster där funktionen för att skicka ett meddelande kommer att finnas. Detta är en mer interaktiv lösning, även om inte alla gillar det. Jag föredrar personligen den klassiska implementeringen med en kontaktsida, men formulären på webbplatser är olika - så det kommer att vara användbart att överväga lösningen på detta problem. I mitt arbete använde jag 2 plugins: det välkända kontaktformuläret 7 och modulen Easy Modal för att skapa ett modalt fönster i WordPress.

Uppdatering 2017-05-18: Att döma av de senaste recensionerna i förvaret kan det i vissa fall vara problem med dess funktion. Om du också drabbas av detta, prova en ny lösning från utvecklarna som heter Popup Maker. Ett annat alternativ kan övervägas.

Jag kommer inte att gå in i detalj om att installera och konfigurera kontaktformulär 7; all information om det finns här. Bloggen hade också en artikel om vad som kan vara användbart.

Låt oss gå direkt till Easy Modal-modulen. Du kommer att hitta honom. Utvecklarna hävdar att detta är den bästa lösningen för att skapa modala fönster på en webbplats med olika intressanta alternativ för att presentera innehåll.

Över 10 tusen nedladdningar, betyg 4,6. Giltiga versioner av 3.4 är 4.0.8, även om jag framgångsrikt körde den på WP 4.3.1. Trots att pluginet nu har förvandlats till en ny Popup Maker-lösning kan man på webbplatsen wordpress.org och vid sökning efter plugins inne på adminpanelen fortfarande hitta den vanliga Easy Modal versionen 2.0.17. Med hjälp av hans exempel kommer jag att berätta om hur du skapar ett modalt feedbackfönster i WordPress.

Efter installationen visas ett avsnitt med samma namn, där det finns flera objekt. Vi kommer att behöva den allra första av dem - Modals. Klicka på knappen Lägg till ny där.

Den här åtgärden skapar ett nytt modalt fönster för din WordPress-webbplats. Elementinställningarna kommer att ha fyra flikar:

• Allmänt – allmänna parametrar.
• Visningsalternativ - visningsalternativ.
• Stängalternativ - inställningar för att stänga fönstret (med ett klick eller Esc-knappen).
• Exempel - exempel på kod att använda.

Allmänna inställningar innehåller fönsternamnet (visas inte på webbplatsen), dess titel, innehåll och nedladdningstyp. I innehållsblocket, växla till HTML-läge, lägg till kortkoden för ditt feedbackformulär i modalfönstret.

Lasttyp har 2 alternativ:

• Ladda hela webbplatsen (för hela webbplatsen).
• Per sida/inlägg (för specifika inlägg och sidor).

Ett mycket intressant alternativ. Om du behöver ett popup-fönster som kommer att visas på alla sidor på webbplatsen (länken finns till exempel i sidofältet), välj det första alternativet. I det andra fallet kommer motsvarande inställningsblock att visas på sidorna/inläggen på webbplatsen när du redigerar:

Du kan aktivera och välja ditt eget popup-fönster för en viss sida. Om du inte markerar rutan kommer elementet inte att laddas på webbplatsen.

Den andra fliken i modulparametrarna är Skärmalternativ.

Här anger du:

• fönsterstorlek - automatisk, medium, adaptiv, liten, stor, etc.;
• bakgrund - du kan använda en bakgrund för formuläret eller visa den utan den;
• popup-fönsteranimering;
• position (plats) - övre mitten, nedre höger, etc.; fast eller inte;
• indrag överst på skärmen.

Exempel på visning av utdata från ett modalt fönster i WordPress med hjälp av Easy Modal-plugin finns på den sista fliken.

Du måste infoga den här koden via en widget i sidofältet eller i en textredigerare. Den skiljer sig inte från någon annan HTML-kod, det enda är att klassen för ett specifikt modalt fönster (eModal-1) anges här. För det andra elementet du skapade kommer klassen att vara eModal-2, etc. För att undvika att göra fel när du infogar koden är det enklaste sättet att kopiera den från denna sida.

Redigera temat för ett modalt fönster

I insticksprogrammet Easy Modal kan du, förutom inställningar för ett specifikt element, definiera teman för popup-fönster (Tema). Den grundläggande gratisversionen av modulen har bara en mall, men detta är mer än tillräckligt.

Detta verktyg har 6 flikar:

• Allmänt - ange namnet på ämnet;
• Överlägg — bakgrund (här kan du välja färg och genomskinlighet för formulärets bakgrund);
• Behållare - olika inställningar för själva modalfönstret (stoppning, ram, skugga);
• Titel—popup-fönstertitelparametrar (teckensnitt, skugga);
• Innehåll — typsnitt och färg på texterna i blocket;
• Stäng - bilda avslutande element (text och design).

Som du kan se kan utseendet anpassas för att passa dina behov. Jag slutade med detta enkla WordPress-formulär i ett modalt fönster:

Efter att ha ställt in alla inställningar, glöm inte att spara dem (klicka på knappen Spara).

Video om att lägga till Contact Form 7 i Easy Modal popup

Förresten, jag hittade en video om hur man arbetar med Easy Modal-plugin, som visar processen att skapa ett modalt feedbackfönster i WordPress. Där är modulgränssnittet något föråldrat (vissa inställningar ser annorlunda ut), men du kan få den allmänna essensen. Kanske blir det lättare för någon att förstå detta problem med hjälp av en video.

Totalt om modala fönster för WordPress

Som nämnts ovan har nu Easy Modal-plugin (att döma av den officiella sidan) konverterats till Popup Maker. Jag lyckades hitta en modul med samma namn i förvaret, men jag testade den inte. Jag berättar om detta så att du vet vad du ska leta efter om Easy Modal i WordPress i efterföljande versioner plötsligt slutar fungera.

Båda lösningarna är gratis, även om de har betalda tillägg. De låter dig anpassa inriktning, lägga till fler designteman, innehålla analyser och några andra funktioner. Om du behöver en mer avancerad modal fönstermekanism kan du ta en närmare titt på dessa tillägg.

När det gäller uppgiften att öppna kontaktformuläret 7-feedback i ett popup-fönster, är de grundläggande funktionerna i Easy Modal tillräckliga. Dessutom kan denna lösning också användas för att visa andra modala fönster i WordPress - användbara tips, ytterligare information, etc. Med tanke på närvaron av en redigerare för att infoga HTML-kod kan du visa videor, formulär etc. i popup-fönstret. Sammantaget ett användbart plugin. Om du har några frågor om det, skriv i kommentarerna.

Hej alla!

Popup-plugin WordPress – popup-fönster i lager

Så, efter att du laddat ner det från länken i slutet av inlägget och installerat det på din blogg eller wordpress-webbplats, vad får du?

Du kommer att ha möjlighet:

skapa ett popup-fönster;

använd den förinställda popup-mallen;

skapa ditt eget popup-fönster.

Uppriktigt sagt, jag tillbringade ungefär en vecka totalt med att översätta detta popup-plugin och försökte göra det bra. Jag hoppas att du gillar att använda den.

Inställningar för popup-plugin

I huvudinställningarna är allt på ryska, som nämnts ovan. Det kommer inte att vara något komplicerat med det för dig. Du väljer parametrar, testar dem och väljer det bästa alternativet.

När du skapar en ny popup kommer du att ha tillgång till ett antal funktioner genom vilka du kan göra nödvändiga inställningar i ditt WordPress popup-fönster, därigenom hindrar ingen dig från att vara kreativ.

Om du ser text som: "skriv in ditt meddelande..." - oroa dig inte, du kan ersätta den med vilken annan text som helst och på vilket språk du vill.

Popup-plugin för postflik

Här har du redan blivit omhändertagen, men du kan skriva in din egen text som du vill.

Sektionsintegrationer popup-plugin WordPress

För mig personligen är det inte av särskilt intresse, men kanske använder någon tredjepartstjänster för att skicka e-post.

Popup-fönster – A/B-kampanjer

Här kan du skapa företag och spåra vilken popup som är mest effektiv.

Om du ser att vissa formulär är blockerade, bli inte orolig, du kan enkelt avblockera dem, men i en annan sektion.

Jag ska genast säga att jag inte testade det här avsnittet särskilt.

Om du klickar på "skapa"-knappen visas ytterligare inställningar som du kan justera för att passa dina behov.

Jag har inte testat tidningen heller, så jag nämner det bara och inget mer..

Popup-plugin WordPress – skiktade popups har en funktion som låter dig ladda ner och installera ytterligare popup-fönster, men problemet är att utan en köpkod är det värdelöst.

Det finns också en sektion med tillägg, men tyvärr kostar de också pengar..

Jag skulle definitivt titta på inställningarna först. Ärligt talat, för att ställa in alla nödvändiga parametrar.

Det finns också en FAQ-sektion - "Frequently Asked Questions", men det har ingenting att göra med plugin och omdirigerar användaren till en sida med svar på engelska, så det kommer inte att vara möjligt att översätta det.

Nu skulle jag vilja ge några exempel på vilken typ av WordPress-popup-fönster du kan skapa, även genom att använda popup-exemplen inbyggda i plugin: