Trenger å vite hvordan du lager popup-vinduer med Elementor ?
Elementor er ikke bare en sidebygger. Det er en WordPress Plugin allsidig. Det er flere andre ting du kan gjøre med den Elementor annet enn å lage nettsider. En av dem er opprettelsen av popup-vinduer.
I denne artikkelen vil vi vise deg hvordan du lager en popup ved hjelp av Popup Builder-funksjonenElementor.
Å lage en popup med Elementor er superenkelt. Du kan lage din popup med det visuelle grensesnittet til Elementor der alt er dra og slipp. Elementor tilbyr også popup-maler som du kan bruke til å lage popup-vinduene dine. Du må ganske enkelt velge en modell, publisere den og definere utløseren.
Oppdag Hvordan installere Elementor på WordPress
Før du går videre, er det avgjørende å merke seg at Elementors Popup Builder kun er tilgjengelig på pro-versjonen.
Hvordan lage en popup med Elementor
Når du oppretter en popup med Elementor, kan du angi en trigger (en handling for å vise popupen) og konfigurere tilstanden (på hvilke sider du vil at popup-vinduet ditt skal vises). I tillegg kan du også angi en avansert regel (dekket lenger nede).
Les også: Hvordan lage flerfarget gradientknapp i Elementor
I denne veiledningen lager vi en handlingsfremmende popup med en utløser ved knappeklikk. Popup-vinduet vises når en bruker klikker på en knapp.
Forutsatt at du har installert Elementor Pro, logg inn på WordPress-dashbordet og gå til Maler – > Popups og klikk på knappen Legg On ovenfor.
Gi et popup-navn og klikk på knappen LAG EN MODELL.
Velg en popup-mal du vil bruke. Hold musepekeren over den og klikk på knappen sett for å sette den inn i Elementor-editoren.
Hvis du foretrekker å lage popup-vinduet fra bunnen av, kan du ganske enkelt lukke malbiblioteket for å åpne Elementors editor.
På Elementor-editoren kan du tilpasse popup-vinduet. Du kan erstatte standardinnholdet (spesielt tekster) med ditt eget innhold. Bruk nettleseren for å gjøre det enklere å hoppe mellom seksjoner og widgets.
Du kan også legge til enter/exit-animasjon, aktivere/deaktivere overlegg og aktivere/deaktivere lukkeknapp.
Når du er ferdig, klikker du på knappen PUBLISH.
I neste trinn vil du bli bedt om å angi visningsbetingelser og utløsere. Det er også et alternativ for å angi avanserte regler:
- Visningsvilkår: Bestemmer på hvilke sider popup-vinduet vises på nettstedet ditt. Du kan konfigurere popup-vinduet til å vises på hele nettstedet, spesifikke sider, spesifikke innlegg, spesifikke kategorier, etc.
- Utløsere: En trigger er en handling for å vise popup-vinduet. Elementor støtter 6 typer triggere: Ved sideinnlasting, ved rulling, ved elementrulling, ved klikk, Etter inaktivitet, Avslutt side
- Avanserte regler: Krav som må oppfylles for at popup-vinduet skal vises. Du kan for eksempel konfigurere popup-vinduet til å vises hvis en besøkende kommer til nettstedet ditt via en søkemotor eller en bestemt URL. Selve Elementors Popup Builder tilbyr 7 avanserte regelalternativer som du kan angi.
Siden vi ønsker å vise popup-vinduet når en bruker klikker på en knapp, åpne fanen triggere og aktiver alternativet Ved trykk. Klikk på Lagre og lukk.
Opprett en ny side/innlegg og rediger den med Elementor (du kan også redigere en eksisterende side).
Legg til Knapp-widget ved å dra den fra venstre panel til redigeringsområdet. Eller, hvis du redigerer en eksisterende side som allerede inneholder en knapp, klikker du på knapp-widgeten for å sette den i redigeringsmodus.
Oppdag også: Hvordan stille inn egendefinert størrelse for Elementor-knappikonet
På alternativ knapp under fanen Innhold, sett koblingen til Popup. For å gjøre dette kan du klikke i seksjonen Dynamisk kobling.
Klikk på skiftenøkkelikonet i feltet Popup og velg popup-vinduet du nettopp opprettet. Skriv inn popup-navnet for å finne popup-vinduet.
Klikk på PUBLISERE / OPPDATERE etter å ha redigert siden. Før du klikker på knappen PUBLISERE / OPPDATERE, kan du forhåndsvise siden din først for å se om popup-vinduet allerede fungerer.
Skaff deg Elementor Pro nå!!!
konklusjonen
Med Elementor Pro trenger du ikke lenger å installere noen popup-plugin fordi funksjonene som tilbys av Elementor Pro inkluderer en popup-bygger.
Elementors Popup Builder lar deg lage alle typer popup. Fra en handlingsfremmende popup som vi nettopp opprettet ovenfor, en popup med skjema registrering, en varslingslinje, en sosial delingsknapp, etc.
Siden popup-vinduet er opprettet med Elementors editor, kan du i utgangspunktet legge til hvilken som helst widget til popup-vinduet. Med Elementors Popup Builder kan du også lage en kreativ nettsidemeny som den nedenfor:
Elementor tilbyr popup-maler for å spare tid på å lage en popup. Du kan også bruke en mal hvis du ikke aner hvilket popup-design du vil lage.
Her! Det er det for denne artikkelen som viser deg hvordan lage popup-vinduer med Elementor. Hvis du har noen bekymringer om hvordan du kommer dit, gi oss beskjed innen commentaires.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
