Hei venner! Jeg foreslår at vi snakker om lage modale vinduer i WordPress. Popup-vinduer (modale) utvider nettstedets muligheter betydelig. Har du en melding eller annonse som alle besøkende på nettstedet bør se? Trenger du å gjøre kampanjen din synlig? Ønsker du å lage et popup-registreringsskjema på nettstedet ditt eller et skjema for deling av innhold på sosiale nettverk? Lag et modalt vindu!

Pop-up-modaler er designet for å tiltrekke seg oppmerksomhet. Når de vises på siden, blokkerer de hovedinnholdet og tvinger brukeren til å gjøre seg kjent med innholdet deres (tekst, video, handlingsfremmende uttrykk, etc.).

Merk følgende! Ikke la deg skremme av lengden på denne leksjonen - det er ingen vanskeligheter med å lage modale vinduer (les og se selv), jeg beskriver bare hvert trinn i detalj.

Algoritme for å lage modale vinduer i WordPress

WordPress har ikke innebygde verktøy for å jobbe med popup-vinduer. Vi vil designe og tilpasse dem ved hjelp av en plugin Popup Maker. La oss for eksempel lage et modalt vindu med en video, popup når du klikker på en knapp(du kan konfigurere det senere Automatisk utseende).

1. Installere Popup Maker-plugin. Aktiver hans. La meg minne deg på: vi lærte hvordan du installerer plugins.
   
2. Finn delen i sidemenyen til venstre i administrasjonspanelet Popup Maker og gå til underseksjonen Legg til popup.
3. Modalvindusredigereren åpnes. Skriv inn navnet på vinduet i feltet øverst på siden (navnet vil kun vises i administrasjonspanelet - brukere vil ikke se det).
4. Komme opp med vindustittel(vil være synlig for brukere) og skriv det inn i feltet over knappen Legg til mediefil.
5. I blokken Forhold Velg sidene (kategoriene) som vinduet skal vises på, fra rullegardinmenyen. Hvis plugin-en skal fungere på alle sidene på nettstedet, plukke ut Format: Alle.
6. Legg til i det store feltet under verktøylinjen tekst, bilder, video eller lyd– alt innhold som vises i popup-vinduet. I eksemplet under vurdering la jeg til koden for en video fra YouTube (vi studerte å legge til videoer på et WordPress-nettsted).
   
7. I blokken Utløsere Det er innstillinger for manuell eller automatisk åpning (selvaktivering) av popup-vinduet. I vårt eksempel valgte jeg verdien Klikk Åpne.
8. Angi nedenfor popup-størrelse(i piksler eller prosenter). Når du velger et alternativ Auto Programtillegget vil endre størrelsen på det modale vinduet automatisk.
9. Kryss av i boksen i linjen Deaktiver bakgrunn slik at sidesiden er synlig bak popup-vinduet (jeg anbefaler).
10. Sett opp animasjonstype og hastighet(ikke nødvendig: optimale verdier er allerede satt som standard).
    
11. Juster plasseringen av vinduet på skjermen. Til å begynne med plasserer plugin den øverst i midten.
12. Eiendomsverdi z-indeks, satt som standard, trenger vanligvis ikke å endres.
    
13. Velg alternativer for å lukke popup-vinduet. Merk av i boksene med "fugler" Klikk på Overlegg for å lukke(vinduet lukkes når du klikker på bakgrunnen rundt det), Trykk F4 for å lukke(vinduet lukkes med nøkkelen F4), Trykk ESC for å lukke(vinduet lukkes med nøkkelen ESC). For ikke å irritere besøkende med puslespillet med å lukke det modale vinduet, anbefaler jeg å merke av i alle boksene.
    
14. Klikk Publisere. Gratulerer, ditt modale vindu er opprettet!

Om å tilpasse popup-vinduets design

For å endre utformingen av det opprettede modale vinduet, gå til underseksjonen Tema seksjon Popup Maker sidemenyen til administrasjonspanelet (venstre).

Konfigurer i redigeringsprogrammet som åpnes ønsket vindu bakgrunn, farge Og skriftstørrelser, utfylling, skygger, knappens navn lukking. Smaken og fargen ... du vet, så jeg vil ikke gå i detalj om å tilpasse utformingen av popup-vinduet. Hvis du har spørsmål, spør dem i kommentarene.

Hvordan sette opp et popup-vindu

Husk at vi ikke aktivert funksjonen for automatisk å åpne et modalt vindu i plugin-innstillingene? Derfor må vi finne ut hvordan vinduet vårt vil åpne. La oss sette opp et vindu som dukker opp når du klikker på en lenke, et bilde eller en knapp.

Popup Make-pluginen tildeler hvert vindu to unike CSS-klasser. Hvis du legger til noen av disse klassene til et nettsideelement, vil et modalt vindu åpnes når du klikker på dette elementet.

Hvor og hvordan du kan øke Instagram-kommentarer – alle metoder. Portalen prisermm.com fant ut hva som er billigere og bedre: å øke kommentarer på Instagram selv, med programmer, å motta i bytte eller å bestille en tjeneste på SMM-tjenesten. Fordeler og ulemper med hver metode.

Eksempler på å legge til modal vindu CSS-kode til en lenke, et bilde og en knapp:

< a href = "#" class = >Åpne modalt vindu< / a >

Et modalt vindu vil dukke opp når du klikker på bildet

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

Modalt vindu aktiveres etter knappeklikk

< button class = "popmake-obrazets-modalnogo-okna"> Åpne modalt vindu< / button >

Klikk på HTML-elementet etter å ha lagt til en CSS-klasse til det popmake-obrazets-modalnogo-okna. Et modalt vindu som ligner på dette skal vises:

Har den dukket opp? Flott! Nå kan du konfigurere popup-vinduer. Hvis vinduet ikke åpnes, beskriv problemet i kommentarene - vi lanserer det sammen!

Hei, kjære lesere av bloggsiden. Legger du merke til popup-vinduer på enkelte nettsteder? Spørsmål dukket opp: hvordan lages de og hvorfor trengs de i det hele tatt? Jeg har ja.

Så venner, i dag vil jeg fortelle deg nøyaktig om dem. Men! La oss først finne ut hvorfor vi trenger dem i det hele tatt? Hva kan du få fra dem og hva blir resultatet? Jeg svarer.

Gjennom slike popup-vinduer blir effekteffekten veldig stor. De sier at noen ganger hender det at antallet abonnenter øker 4 ganger. Kul! Er det ikke? Å bruke popup-vinduer (popunders) er en veldig effektiv måte å tiltrekke seg et stort antall besøkende. De brukes vanligvis til:

• nyhetsbrev;
• PR for betalte opplæringskurs;
• promotering av grupper i sosiale nettverk nettverk;

Jeg må minne deg på at noen ganger kan slike popup-annonser skade nettstedet. Dette skyldes det faktum at noen brukere synes det er veldig irriterende. Hva kan jeg si, jeg er også veldig sint på slike metoder for å tiltrekke oppmerksomhet. Som svar på alt dette er det en økning på 100 % feil på nettstedet, noe som er skadelig.

Men! Alle disse problemene kan omgås hvis popup-vinduet er riktig konfigurert.

Så la oss gå tilbake til hovedspørsmålet vårt.

Popup-vinduer på WordPress

1.WP-MK

Kult plugin som jeg kom over ved et uhell. Enkelt å sette opp, russiskspråklig grensesnitt og et helt sett med verktøy. Den er perfekt for:

• Annonsering (for eksempel Google Adsense);
• PR av gruppene dine på sosiale medier. nettverk;
• Enkelt abonnementsskjema.

Du kan laste ned plugin fra . Deretter installerer vi den og aktiverer den på vanlig måte. Gå til innstillinger til venstre? pop-up vindu og vi ser følgende:

Etter min mening er alt enkelt her; jeg ser ikke poenget med å demontere alt separat. Hvis du har spørsmål, kan du stille dem i kommentarfeltet.

2. Ninja Popups.

Hvis du vil at brukere skal gå "Wow" når de besøker nettstedet ditt og se et popup-vindu, installer denne mega kule plugin. Ninja Popups er et popup-monster på . Sammenlignet med WP-MK er den langt overlegen når det gjelder funksjonalitet. Jeg la merke til at Ninja Popups brukes av mestere i håndverket deres. Hvorfor? Programtillegget er betalt og ikke alle har råd til det. Jeg kan si fra meg selv at prisene deres er rimelige, de ber ikke om mye. Du kan finne ut mer om kostnadene Her.

Vel, la oss finne ut nøyaktig hva vi får fra denne plugin-en:

• enkle innstillinger;
• mer enn 100 ferdige maler for abonnementer og andre typer reklame (konkurranser, kampanjer, opplæringskurs, etc.);
• statistikk;
• mobilversjon av popup-vinduet;
• avansert innstilling av visningstider;
• Og mye mer.

Hvis du vil lære om alle fordelene med plugin-en, gå til dette link.

Hvordan tilpasse plugin for deg selv? Jeg foreslår følgende... I stedet for irriterende tekst, er det bedre å se en treningsvideo:

Det er alt, venner, når det gjelder innstillinger. Men fortsatt, hvis du har spørsmål, spør dem i kommentarene.

3. Popup Maker (modalt vindu)

En plugin som har funksjonen til å lage et modalt popup-vindu. I vårt tilfelle vil popup-vinduer vises når du klikker på:

• link;
• knapp;
• bilde.

Så hvordan setter du det opp?

1. nedlasting plugg inn;

2. Installer og aktiver;

3. Til venstre i menyen ser vi etter: Pupup Maker -> Legg til ny.

4. En side som denne vil dukke opp foran oss:

Minner deg ikke om noe? Siden er nøyaktig den samme som skjemaet for å publisere artikler på WordPress. Som du kan se, er noen tilleggsfunksjoner (innstillinger) lagt til her.

La oss se på dem mer detaljert.

Popup-vindu (navn)- vil ikke vises noe sted, her gir vi et navn til popunderet vårt i plugin.

Skriv inn vinduets tittel her- skriv navnet (for eksempel: abonnement på nyheter).

Målrettingsforhold- merk av i boksen der vinduet vårt skal vises.

Temainnstillinger - ingen alternativer her ennå. Velg som standard. Venner, i fremtiden kan du lage din egen mal for å designe et modalt vindu. Funksjonen er forresten veldig kul. Du kan finne den: Pupup Maker -> Alle temaer.

Kode - hva vil vises i vinduet. I vårt tilfelle, video fra YouTube:

Nedenfor venter andre innstillinger på oss (vindusstørrelse, gjennomsiktighet, visningstid osv.). Det er ikke noe komplisert der. Jeg håper du klarer det. Hvis du har spørsmål, kan du gjerne stille dem i kommentarene.

Etter at alle innstillingene er gjort, er alt vi trenger å gjøre å publisere popup-vinduet.

Men venner er ikke alt. Gå til delen Pupup Maker -> Alle popups. Vi ser etter CSS-klasser. Vi er interessert i kode som dette: popmake-xxx.

Vi trenger denne koden for å vise et vindu når vi klikker på en lenke, et bilde eller en knapp (sa jeg i begynnelsen).

Åpne et vindu når du klikker på bildet:

Åpning ved å trykke på en knapp:

< button class = "popmake-xxx" >Åpent vindu

Denne koden kan settes inn hvor som helst (for eksempel i en artikkel eller widget). Ingen forskjell. Hvis du har problemer eller spørsmål, spør i kommentarene, jeg hjelper deg gjerne.

På dette muntre notatet slutter listen over popup-plugins for WordPress. Jeg håper at fra disse tre vil du finne din du liker. Takk for at du er med meg til siste slutt.

For oppdateringer, delta i . Ser deg snart. Ha det alle sammen!

Med vennlig hilsen, Mogish Ivan

Du kan finne ut at et popup-vindu er et vindu som åpnes på en dataskjerm som et resultat av å utføre en operasjon.

I denne artikkelen skal vi se på å lage PopUP-popup-vinduer for WordPress.

Denne typen popup-vinduer kan brukes til forskjellige formål: du kan sette inn et abonnementsskjema, en slags informasjonsmelding, bilde, kontaktskjema osv. i dette vinduet.

Som et verktøy for å lage popup-vinduer i denne artikkelen, vil jeg vurdere en spesiell plugin for WordPress kalt WordPress PopUp.

WordPress PopUp-plugin for å lage popup-vinduer

Denne plugin-en er tilgjengelig i plugin-katalogen rett i WordPress admin-området, så det er enkelt å installere det.

Finn den gjennom søkeskjemaet og klikk Installere:

Et nytt element vil bli tilgjengelig i admin-menyen PopUp:

Dette elementet lar deg konfigurere plugin-en og administrere funksjonaliteten. La oss vurdere alt det ovennevnte mer detaljert.

I ledd PopUps punkt PopUp Alle eksisterende popup-vinduer og deres administrasjon er tilgjengelig. Siden det ikke er opprettet noe vindu ennå, er elementet tomt:

La oss rette opp denne situasjonen og lage vårt første popup-vindu, for dette går vi til underelementet Legg til ny og trykk på knappen med samme navn:

Et nytt vindu er opprettet. La oss umiddelbart bestemme hva innholdet i dette vinduet skal være, la det for eksempel være et abonnementsskjema.

La oss begynne å sette opp det opprettede popup-vinduet ved å skrive ned navnet, eller snarere en bestemt identifikator som vi vil finne dette vinduet med blant andre, hvis noen.

Denne identifikatoren er skrevet i kolonnen Popup-navn (vises ikke på popup-vinduet), og siden det ikke er vanskelig å gjette fra navnet på denne kolonnen når den er oversatt til russisk, vises den ikke i selve popup-vinduet:

Disse tittelen og undertekstene vil vises helt øverst i popup-vinduet.

Rett nedenfor, i et område som heter Hoved popup-innhold Vi må plassere hovedinnholdet i popup-vinduet vårt. Siden jeg bestemte meg for å plassere et abonnementsskjema i dette vinduet, skriver jeg i dette området i tekstredigeringsmodus nøyaktig koden for abonnementsskjemaet:

Her, litt til høyre, i seksjonen Popup-funksjonsbilde (valgfritt) Du kan implementere innsetting av alle bilder i popup-vinduet:

Jeg vil ikke sette inn et bilde.

Litt lavere, i seksjonen Oppfordringsknapp (valgfritt) Det er mulig å legge til en knapp med en oppfordring til en handling i det opprettede vinduet:

Å lage en slik knapp er ekstremt enkel - du må skrive navnet på knappen i kolonnen Knappetikett, og i grafen Knapp Link plasser en lenke som aktiverer den nødvendige handlingen.

Det gjenstår å bestemme noen parametere for den opprettede PopUp vindu. La oss se nærmere på dem.

Sette popup-alternativer

Faktisk er ikke alle innstillinger tilgjengelige i gratisversjonen av plugin-en, og siden ikke alle brukere ønsker å bruke sine egne penger på den betalte versjonen av plugin-en, vil vi først se på de grunnleggende innstillingene som er tilgjengelige i gratisversjonen av plugg inn.

La oss starte i rekkefølge med avsnittet Utseende:

Den bokstavelige oversettelsen av navnet på denne gjenstanden betyr "utseende". Det er ikke vanskelig å gjette at innstillingene i denne delen bestemmer egenskapene til popup-vinduet.

Av plugins som er tilgjengelige for gratisversjonen, er det bare en avmerkingsboks her Ingen avrundede hjørner, et hakemerke som aktiverer rette, i stedet for avrundede, som standard, hjørner av det tilpassede vinduet, samt muligheten til å manuelt bestemme størrelsen på det tilpassede vinduet i elementet Bruk egendefinert størrelse(en hake i den tilsvarende avkrysningsboksen lar deg spesifisere bredden og høyden på vinduet i piksler).

La oss nå se på delen Oppførsel, innstillingene som bestemmer oppførselen til popup-vinduet:

Innstillingene som er tilgjengelige for gratisversjonen av pluginet inkluderer følgende:

• Når du skal vise popup-vinduet:— tid (i sekunder eller minutter, valgfritt) fra det øyeblikket siden åpnes til popup-vinduet vises;
• Innstillinger for «Aldri se denne meldingen igjen»:— innstillinger som lar en besøkende klikke på en spesiell knapp for å blokkere visningen av et popup-vindu i fremtiden når de åpner sider i denne ressursen. Bare en avmerkingsboks er tilgjengelig her Legg til koblingen "Aldri se denne meldingen igjen"., et hakemerke som aktiverer utseendet til en kobling med et anker Se aldri denne meldingen igjen, ved å klikke på som blokkerer videre visning av et popup-vindu til denne brukeren på sidene til denne ressursen.

La oss gå videre til innstillingsdelen Visningsbetingelser (valgfritt) ansvarlig for betingelsene for å vise et tilpasset popup-vindu:

Det er et betydelig antall punkter her, la oss se på dem i rekkefølge:

• Besøkende er pålogget— vise et popup-vindu til brukere som har blitt autentisert på nettstedet (avhengig av tilgjengeligheten av et slikt alternativ);
• Besøkende er ikke pålogget— vise et popup-vindu til brukere som ikke er autentisert på nettstedet;
• PopUp vist mindre enn— vis et popup-vindu til brukeren ser det et visst antall ganger (sett i kolonnen Vis popup så ofte:);
• Kun på mobile enheter— viser et popup-vindu kun for besøkende fra mobile enheter;
• Ikke på mobile enheter— vise et popup-vindu kun for besøkende fra en datamaskin eller bærbar datamaskin (ikke fra mobile enheter);
• Fra en spesifikk henvisning— vis et popup-vindu hvis brukeren kom med en spesiell henvisning
• Ikke fra en spesifikk henvisning— skjule popup-vinduet hvis brukeren kom med en spesiell henvisning(henvisere angis her);
• Ikke fra en intern lenke— popup-vinduet vil ikke vises hvis brukeren kom via en intern lenke fra en annen side i samme ressurs;
• Fra en søkemotor— vise et popup-vindu for besøkende som kom til nettstedet fra søkemotorer;
• På spesifikk URL— vis et popup-vindu for besøkende som befinner seg på visse URL Fullstendige nettadresser;
• Ikke på spesifikk URL— Vis et popup-vindu for besøkende, med unntak av de på enkelte URL, listen over er spesifisert her i kolonnen Fullstendige nettadresser;
• Besøkende har kommentert før— viser et popup-vindu til brukere som la kommentarer på nettstedet. Denne tilstanden kan kombineres med tilstanden Besøkende er pålogget eller Besøkende er ikke pålogget;
• Besøkende har aldri kommentert— viser et popup-vindu til brukere som ikke har lagt igjen kommentarer på nettstedet. Denne tilstanden kan kombineres med tilstanden Besøkende er pålogget eller Besøkende er ikke pålogget.

Vi har sett på alle innstillingene som er tilgjengelige for gratisversjonen av plugin-en, la oss nå kort gå gjennom innstillingene som kun er tilgjengelige for den betalte versjonen av plugin-en WordPress PopUp:

Dette er bonusene som følger med den betalte versjonen av det aktuelle pluginet, som forresten tilbys for $19.

Når du har fullført alle nødvendige trinn for å opprette og konfigurere et popup-vindu, må du lagre resultatet (knapp Lagre) og se hva som skjedde ved å bruke forhåndsvisningen (knappen Forhåndsvis popup):

Hvis resultatet passer deg, kan du aktivere popup-vinduet (glidebryteren Status flytte til posisjon Aktiv).

Til slutt, etter alle trinnene ovenfor, fikk jeg følgende resultat:

Det viste seg å være en ganske omfattende gjennomgang av plugin-en. WordPress PopUp, som lar deg lage popup-vinduer for Internett-ressurser ved å bruke WordPress-motoren.

Etter å ha lest artikkelen kan du enkelt bruke funksjonaliteten til plugin til din fordel på nettstedet ditt.

Nylig, for ett nettsted, ble jeg bedt om å lage et tilbakemeldingsskjema for WordPress i et modalt vindu. Det vil si at når du klikker på koblingen "skriv til oss", i stedet for å gå til den tilsvarende siden, bør brukeren åpne et nytt popup-vindu der funksjonen for å sende en melding vil være plassert. Dette er en mer interaktiv løsning, selv om ikke alle liker den. Jeg personlig foretrekker den klassiske implementeringen med en kontaktside, men skjemaene på nettsteder er forskjellige - så det vil være nyttig å vurdere løsningen på dette problemet. I arbeidet mitt brukte jeg 2 plugins: det velkjente kontaktskjemaet 7 og Easy Modal-modulen for å lage et modalt vindu i WordPress.

Oppdatering 18.05.2017: Ut fra de siste anmeldelsene i depotet, kan det i noen tilfeller være problemer med driften. Hvis du også er berørt av dette, prøv en ny løsning fra utviklerne kalt Popup Maker. Et annet alternativ kan vurderes.

Jeg vil ikke gå i detalj om installasjon og konfigurering av kontaktskjema 7; all informasjon om det er her. Bloggen hadde også en artikkel om hva som kan være nyttig.

La oss gå rett til Easy Modal-modulen. Du vil finne ham. Utviklerne hevder at dette er den beste løsningen for å lage modale vinduer på et nettsted med ulike interessante alternativer for å presentere innhold.

Over 10 tusen nedlastinger, vurdering 4,6. Gyldige versjoner av 3.4 er 4.0.8, selv om jeg har kjørt den på WP 4.3.1. Til tross for at plugin-en nå er transformert til en ny Popup Maker-løsning, kan du fortsatt finne den vanlige Easy Modal versjon 2.0.17 på nettstedet wordpress.org og ved søk etter plugins inne i adminpanelet. Ved å bruke eksempelet hans vil jeg fortelle deg om å lage et modalt tilbakemeldingsvindu i WordPress.

Etter installasjonen vil en del med samme navn vises, hvor det er flere elementer. Vi trenger den aller første av dem - Modaler. Klikk på Legg til ny-knappen der.

Denne handlingen vil opprette et nytt modalt vindu for WordPress-nettstedet ditt. Elementinnstillingene vil ha 4 faner:

• Generelt – generelle parametere.
• Visningsalternativer - visningsalternativer.
• Lukk alternativer - innstillinger for lukking av vinduet (ved hjelp av et klikk eller Esc-knappen).
• Eksempler - eksempler på kode å bruke.

Generelle innstillinger inneholder vinduets navn (ikke vist på nettstedet), tittel, innhold og nedlastingstype. I innholdsblokken, bytt til HTML-modus, legg til kortkoden til tilbakemeldingsskjemaet i det modale vinduet.

Lasttype har 2 alternativer:

• Last inn hele nettstedet (for hele nettstedet).
• Per side/innlegg (for spesifikke innlegg og sider).

Et veldig interessant alternativ. Hvis du trenger et popup-vindu som vises på alle sidene på nettstedet (lenken er for eksempel plassert i sidefeltet), velg det første alternativet. I det andre tilfellet vil den tilsvarende innstillingsblokken vises på sidene/innleggene på nettstedet når du redigerer:

Du kan aktivere og velge ditt eget popup-vindu for en bestemt side. Hvis du ikke merker av i boksen, vil ikke elementet lastes inn på siden.

Den andre kategorien av modulparametrene er Visningsalternativer.

Her angir du:

• vindusstørrelse - automatisk, medium, adaptiv, liten, stor, etc.;
• bakgrunn - du kan bruke en bakgrunn for skjemaet eller vise den uten;
• popup-vindu animasjon;
• posisjon (plassering) - øverst i midten, nederst til høyre, etc.; fast eller ikke;
• innrykk øverst på skjermen.

Eksempler på visning av utdata fra et modalt vindu i WordPress ved hjelp av Easy Modal-pluginen finner du i den siste fanen.

Du må sette inn denne koden gjennom en widget i sidefeltet eller i et tekstredigeringsprogram. Det er ikke forskjellig fra noen annen HTML-kode, det eneste er at klassen til et spesifikt modalt vindu (eModal-1) er angitt her. For det andre elementet du opprettet, vil klassen være eModal-2, etc. For å unngå å gjøre feil når du setter inn koden, er den enkleste måten å kopiere den fra denne siden.

Redigere temaet til et modalt vindu

I Easy Modal plugin kan du i tillegg til innstillinger for et spesifikt element definere temaer for popup-vinduer (Theme). Den grunnleggende gratisversjonen av modulen har bare én mal, men dette er mer enn nok.

Dette verktøyet har 6 faner:

• Generelt - angi navnet på emnet;
• Overlegg — bakgrunn (her kan du velge farge og gjennomsiktighet for skjemaets bakgrunn);
• Container - forskjellige innstillinger for selve modalvinduet (polstring, ramme, skygge);
• Tittel – tittelparametere for popup-vinduer (font, skygge);
• Innhold — font og farge på tekster i blokken;
• Lukk - form avslutningselement (tekst og design).

Som du kan se, kan utseendet tilpasses dine behov. Jeg endte opp med dette enkle WordPress-skjemaet i et modalt vindu:

Etter å ha angitt alle innstillingene, ikke glem å lagre dem (klikk på Lagre-knappen).

Video av å legge til Contact Form 7 i Easy Modal popup

Forresten, jeg fant en video om å jobbe med Easy Modal-plugin, som demonstrerer prosessen med å lage et modalt tilbakemeldingsvindu i WordPress. Der er modulgrensesnittet litt utdatert (noen innstillinger ser annerledes ut), men du kan få den generelle essensen. Kanskje vil det være lettere for noen å forstå dette problemet ved hjelp av en video.

Totalt om modale vinduer for WordPress

Som nevnt ovenfor, har Easy Modal-pluginen (bedømt etter den offisielle siden) blitt konvertert til Popup Maker. Jeg klarte å finne en modul med samme navn i depotet, men jeg testet den ikke. Jeg forteller deg om dette slik at du vet hva du skal se etter hvis Easy Modal i WordPress i påfølgende versjoner plutselig slutter å fungere.

Begge løsningene er gratis, selv om de har betalte tillegg. De lar deg tilpasse målretting, legge til flere designtemaer, inneholde analyser og noen andre funksjoner. Hvis du trenger en mer avansert modal vindusmekanisme, kan du se nærmere på disse utvidelsene.

Når det gjelder oppgaven med å åpne tilbakemeldingsskjemaet Kontaktskjema 7 i et popup-vindu, er de grunnleggende egenskapene til Easy Modal tilstrekkelige. Dessuten kan denne løsningen også brukes til å vise andre modale vinduer i WordPress - nyttige tips, tilleggsinformasjon, etc. Gitt tilstedeværelsen av en editor for å sette inn HTML-kode, kan du vise videoer, skjemaer osv. i popup-vinduet. Alt i alt en nyttig plugin. Hvis du har spørsmål om det, skriv i kommentarfeltet.

Hei alle sammen!

Popup-plugin WordPress – lagdelte popup-vinduer

Så, etter at du har lastet det ned fra lenken på slutten av innlegget og installert det på bloggen eller wordpress-siden din, hva får du?

Du vil ha muligheten:

lage et popup-vindu;

bruk den forhåndsinnstilte popup-malen;

lag ditt eget popup-vindu.

Helt ærlig brukte jeg omtrent en uke totalt på å oversette denne popup-pluginen og prøvde å gjøre det bra. Jeg håper du liker å bruke den.

Innstillinger for popup-plugin

I hovedinnstillingene er alt på russisk, som nevnt ovenfor. Det vil ikke være noe komplisert med det for deg. Du velger parametere, tester dem og velger det beste alternativet.

Når du oppretter en ny popup, vil du ha tilgang til en rekke funksjoner som du kan gjøre de nødvendige innstillingene i ditt WordPress popup-vindu, slik at ingen stopper deg fra å være kreativ.

Hvis du ser tekst som: "skriv inn melding.." - ikke bekymre deg, du kan erstatte den med hvilken som helst annen tekst og på hvilket språk du vil.

Popup-plugin for postfane

Her er du allerede tatt hånd om, men du kan skrive inn din egen tekst som du ønsker.

Seksjonsintegrasjoner popup-plugin WordPress

For meg personlig er det ikke av spesiell interesse, men kanskje noen bruker tredjepartstjenester for å sende e-post.

Popup-vinduer – A/B-kampanjer

Her kan du opprette selskaper og spore hvilken popup som er mest effektiv.

Hvis du ser at noen skjemaer er blokkert, ikke bli skremt, du kan enkelt fjerne blokkeringen av dem, men i en annen seksjon.

Jeg vil si med en gang at jeg ikke testet denne delen spesielt.

Hvis du klikker på "opprett"-knappen, vises flere innstillinger som du kan justere for å passe dine behov.

Jeg har heller ikke testet magasinet, så jeg nevner det og ikke noe mer..

Popup-plugin WordPress – lagdelte Popups har en funksjon som lar deg laste ned og installere flere popup-vinduer, men problemet er at uten kjøpskode er det ubrukelig.

Det er også en seksjon med tillegg, men de koster dessverre også penger..

Jeg vil definitivt se nærmere på innstillingsdelen først. Ærlig talt, for å stille inn alle nødvendige parametere.

Det er også en FAQ-seksjon - "Frequently Asked Questions", men den har ingenting med plugin å gjøre og omdirigerer brukeren til en side med svar på engelsk, så det vil ikke være mulig å oversette det.

Nå vil jeg gi noen eksempler på hva slags WordPress popup-vindu du kan lage, til og med ved å bruke popup-eksemplene innebygd i plugin: