Skal finde ud af, hvordan man åbner en popup Elementor i Gutenberg?

I online fællesskaber er der altid én ting, der kan diskuteres: popups. Nogle mennesker spekulerer på, om de skal bruge popups eller ej. Men efter vores mening er popups okay, hvis de popups, du har oprettet, er enkle, attraktive og ikke irriterende for dine brugere.

Lad os sige, at du allerede har oprettet popup-vinduerne med Elementor og ønsker at åbne dem i WordPress Gutenberg-editoren; fordi du ønsker at implementere popups på dine blogindlæg eller sider. Hvis du undrer dig, er det muligt at gøre dette? Nå, svaret er ja, det er muligt.

Denne artikel viser dig, hvordan du åbner popups Elementor i Gutenberg.

Sådan åbner du Elementor Popup i WordPress Gutenberg Editor

Trin 1: Forbered pop op-vinduet

Naviger til den popup-skabelon, du har oprettet. Hvis du er ny til Elementor og vil lære at oprette popups, kan du tjekke følgende vejledning: ved at klikke på denne lien.

Okay, når pop op-oprettelsen er færdig, skal du klikke på tandhjulsikonet ( ️ ) i nederste venstre hjørne af elementindstillingspanelet for at åbne pop op-panelet. I pop op-indstillingspanelet skal du navigere til fanen avanceret og tilføje en vælger på feltet Åbn med vælgeren . 

Sørg for at tilføje punktumsymbolet som et præfiks (f.eks. .popup12345).

åbne en Elementor-popup i Gutenberg

Når du har tilføjet den angivne vælger, så glem ikke at opdatere eller udgive din popup-skabelon.

Bemærk: På fanen Visningsforhold af din popup, tak konfigurer den til at vise din popup på Hele webstedet; Dette vil give dig adgang til din popup i det hele taget Websted. Du behøver heller ikke at definere en trigger, fordi du vil vise pop op-vinduet ved den vælger, du lige har defineret.

åbne en Elementor-popup i Gutenberg

Trin 2: Åbn pop op-vinduet i Gutenberg

Nu er det tid til at åbne pop op-vinduet i WordPress Gutenberg-editoren.

Gå til WordPresss Gutenberg-editor; du kan oprette en ny indhold (side/publikation) eller vælg en indhold eksisterende. Vælg derefter en blok, du vil bruge som en udløser for, at pop op-vinduet vises.

I denne tutorial vil vi bruge en Buttons-blok.

åbne en Elementor-popup i Gutenberg

Når du har besluttet, hvilken blok du vil bruge som en trigger til at vise pop op-vinduet, skal du gå til Indstillinger Bloker – > Fremskreden. Tilføj derefter din Angivne CSS-klasser i Yderligere CSS klasse(r) mester

åbne en Elementor-popup i Gutenberg

Godt. Det er det. For at se, hvordan det fungerede, skal du udgive dit projekt og åbne det i et nyt vindue.

åbne en Elementor-popup i Gutenberg

Få Elementor Pro nu!!!

Konklusion

Denne artikel viser dig, hvor nemt du kan åbne en Elementor-popup i WordPress' Gutenberg-editor. Vi håber, at denne artikel vil være nyttig for dig. Sidst men ikke mindst skal du huske på, at din popups succes afhænger af at konvertere dine brugere ved hjælp af en indhold relevant og en overbevisende opfordring til handling.

Hvis du er i tvivl om, hvordan du kommer dertil, så lad os det vide inden for kommentarer.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...