Trenger å finne ut hvordan du åpner en popup Elementor i Gutenberg?
I nettsamfunn er det alltid én ting som kan diskuteres: popup-vinduer. Noen lurer på om de skal bruke popup-vinduer eller ikke. Men etter vår mening er popup-vinduer greit hvis popup-vinduene du opprettet er enkle, attraktive og ikke irriterende for brukerne dine.
La oss si at du allerede har opprettet popup-vinduene med Elementor og ønsker å åpne dem i WordPress Gutenberg-editoren; fordi du vil distribuere popup-vinduer på blogginnleggene eller sidene dine. Hvis du lurer på, er det mulig å gjøre dette? Vel, svaret er ja, det er mulig.
Denne artikkelen vil vise deg hvordan du åpner popup-vinduer Elementor i Gutenberg.
Hvordan åpne Elementor Popup i WordPress Gutenberg Editor
Trinn 1: Forbered popup-vinduet
Naviger til popup-malen du opprettet. Hvis du er ny på Elementor og ønsker å lære hvordan du lager popup-vinduer, kan du sjekke ut følgende veiledning: ved å klikke denne lien.
Greit, når popup-opprettingen er fullført, klikker du på tannhjulikonet ( ️ ) nederst til venstre i elementinnstillingspanelet for å åpne popup-panelet. I popup-innstillingspanelet, naviger til fanen avansert og legg til en velger på feltet Åpne med velger .
Sørg for å legge til punktumsymbolet som et prefiks (f.eks. .popup12345).
Når du har lagt til den angitte velgeren, ikke glem å oppdatere eller publisere popup-malen.
Merk: På fanen Visningsforhold av popup-vinduet ditt, takk konfigurer den til å vise popup-vinduet på Hele nettstedet; Dette vil tillate deg å få tilgang til popup-vinduet i det hele tatt nettstedet Web. Du trenger heller ikke definere en utløser, fordi du vil vise popup-vinduet med velgeren du nettopp definerte.
Trinn 2: Åpne popup-vinduet i Gutenberg
Nå er det på tide å åpne popup-vinduet i WordPress Gutenberg-editoren.
Gå til WordPresss Gutenberg-redaktør; du kan opprette en ny innhold (side/publikasjon) eller velg en innhold eksisterende. Deretter velger du en blokk du vil bruke som en utløser for at popup-vinduet skal vises.
I denne opplæringen vil vi bruke en knappeblokk.
Når du har bestemt deg for hvilken blokk du vil bruke som en trigger for å vise popup-vinduet, går du til Innstillinger Blokker – > Avansert. Legg deretter til din Spesifiserte CSS-klasser i Ytterligere CSS-klasse(r) mester.
God. Det er det. For å se hvordan det fungerte, publiser prosjektet ditt og åpne det i et nytt vindu.
Skaff deg Elementor Pro nå!!!
konklusjonen
Denne artikkelen viser deg hvor enkelt du kan åpne en Elementor-popup i WordPress 'Gutenberg-editor. Vi håper denne artikkelen vil være nyttig for deg. Sist men ikke minst, husk at suksessen til popup-vinduet ditt avhenger av å konvertere brukerne dine ved å bruke en innhold relevant og en overbevisende oppfordring til handling.
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.
...
