Sådan opretter og viser du popup ved post-tag i WordPress

Vil du oprette og vise én popup pr. post-tag i WordPress? Så fortsæt med at læse denne artikel.

Vi er sikre på, at du allerede er bekendt med det lille vindue, der vises, når du surfer på et websted. Nå, det kaldes en popup eller popup. Popups kan vises i forskellige størrelser og på skærmens positioner på et websted.

I WordPress er der mange plugins til at lave popups, såsom Elementor Pro, JetPopup, Brizy Pro og mere.

L’élément important à retenir est que les fenêtres contextuelles ne doivent pas être ennuyeuses pour les visiteurs de votre site web. Par conséquent, créez un popup aussi simple et attrayante que possible.

Indholdsfortegnelse

Nogle WordPress-plugins til at oprette popup-vinduer

Elementor Pro

Elementor Pro est une extension d’Elementor avec des centaines de fonctionnalités premium. Il vous offre de puissants outils professionnels qui accélèrent votre flux de travail et votre conception. Elementor Pro giver dig fuld kontrol over layout og design af din hjemmeside. I dette tilfælde kan du frit tilpasse designet af din popup.

Utiliser Elementor Pro at oprette en popup med post-tag er meget enkel og nem at bruge. Du kan nemt definere visningsbetingelserne for din popup på en meget præcis måde.

Crocoblocks JetPopup er en udvidelse til Elementor. Du kan købe det som et selvstændigt plugin eller købe det i en pakke med andre Crocoblock plugins. Fordelen ved at bruge JetPopup til at lave et popup-vindue er, at det kommer med en masse fede funktioner.

Du kan lege med popup-vinduets triggere.
Du kan oprette animationer til popup-vinduet.
Et stort antal popup-skabeloner er tilgængelige.

Læs også: 22 bedste premium-tilføjelser til Elementor

Brizy Pro

Popup-byggeren af Brizy Pro giver dig to muligheder. Den første er den klikaktiverede popup, og den anden er de automatiske triggere og betingelser.

Åbning ved klik: Din popup kan udløses ved blot at klikke på elementerne på din side.
Automatiske udløsere og betingelser: Du kan konfigurere besøgendes handlinger, der bestemmer, hvornår pop op-vinduer vises.

Som tidligere nævnt har du flere muligheder for at lave en popup i WordPress. I denne tutorial viser vi dig, hvordan du opretter og viser en popup pr. post-tag ved hjælp af versionen Elementor Pro, assurez-vous donc d’en avoir déjà une.

Den første ting at gøre er at oprette en ny popup-skabelon. For at oprette en ny popup-skabelon, gå til Skabeloner > Popups på dit WordPress-dashboard og klik på knappen Tilføj ny.

Tilføj derefter navnet på din popup og klik på knappen Opret EN MODEL.

Du vil blive dirigeret til skabelonbiblioteket, du kan vælge en skabelon fra biblioteksvinduet eller designe din egen Popup-skabelon. For at bruge en skabelon fra biblioteket skal du blot klikke på knappen indsætte.

Men i denne tutorial skal vi oprette popup-skabelonen fra bunden. Klik på ikonet X for at lukke skabelonbiblioteket.

Vi skal lave nogle justeringer i Popup-indstillingerne, før vi begynder at lave en Popup-skabelon. Du kan finde de bedste indstillinger for dit websted. I denne tutorial viser vi dig popup-indstillingerne efter eget valg.

Klik på tandhjulsikonet i nederste venstre hjørne. I popup-indstillingerne skal du ændre Bredde i 90 % af visningens bredde (VW) Et det Position en Center-Bund.

Design derefter din popup-skabelon. Tilføj en ny sektion og vælg strukturen med 5 kolonner. Indstil i sektionsindstillingerne Bredde på 950. Du kan lege med dine indstillinger.

For eksempel kan du gå til fanen stil for at indstille baggrunden skal du gå til fanen avanceret for at tilpasse margenen og mange flere.

Nu tilbage til dine kolonner. I venstre kolonne skal du indstille bredden til 33 % og for de andre fire til 16 %.

I venstre kolonne tilføjer vi en titel-widget med noget tekst. Du kan tilføje tekst, der inviterer besøgende på dit websted til at se andet indhold, der er relevant for det aktuelle indhold, eller enhver anden tekst efter eget valg.

Til højre tilføjer vi en billedwidget. Du kan tilføje billeder fra thumbnails/udvalgte billeder af indlæg eller uploade dem manuelt.

Nu er strukturen klar. Gå tilbage til Popup-indstillinger for at tilpasse ind-, udgangs- og marginanimationer. I denne vejledning sætter vi input til Fald ned og output på Fade op. Gå derefter til fanen avanceret og indstil margenen til 30 (fælles værdi for links).

Nu hvor designet er klar, skal du klikke på knappen PUBLISH for at indstille visningsbetingelser og udløsere. Klik på knappen for at definere visningstilstanden TILFØJ EN BETINGELSE og vælg din mulighed fra rullelisten.

Da du ønsker at vise Popup ved post-tag, kan du indstille følgende visningsbetingelser (se animation).

Klik på Næste. I fanen triggere, indstil udløseren til På Scroll dreje kontakten til ja. Definer Lederskab ud af Bas og Bredde over 95 %. Fordi vi ønsker, at popup'et skal vises, når besøgende når slutningen af vores artikel.

I denne tutorial skal vi ikke definere Avancerede regler. Så klik videre GEM OG LUK. Nå, nu er vi færdige.

Lad os se, hvordan det ser ud.

Her har du netop afsluttet din popup. Se også vores relaterede artikler:

Download Elementor Pro

Del denne artikel:

Mikhos Gartner

Mikhos Gartner er en ekspert i digitale værktøjer, der køber, tester og anmelder SAAS-værktøjer til små virksomheder. Han trækker på mange års erfaring inden for teknologiområdet og giver indsigtsfulde anmeldelser. Dens indhold forbruges bredt og betjener millioner af brugere hver måned.