Wëllt Dir e Popup pro Post Tag am WordPress erstellen an weisen? Also liest weider dësen Artikel.
Mir si sécher datt Dir scho mat der klenger Fënster vertraut sidd, déi erschéngt wann Dir eng Websäit surft. Gutt, et gëtt e Popup oder Popup genannt. Popups kënnen a verschiddene Gréissten an op Écran Positiounen op enger Websäit erschéngen.
A WordPress ginn et vill Plugins fir Popups ze kreéieren, wéi Elementor Pro, JetPopup, Brizy Pro, a méi.
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.
Inhaltsverzeechnes
E puer WordPress Plugins fir Popups ze kreéieren
Element 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 gëtt Iech voll Kontroll iwwer de Layout an Design vun Ärer Websäit. An dësem Fall kënnt Dir den Design vun Ärem Popup fräi personaliséieren.
benotzen Element Pro e Popup per Post Tag ze kreéieren ass ganz einfach an einfach ze benotzen. Dir kënnt d'Displaybedéngungen vun Ärem Popup ganz präzis definéieren.
JetPopup
Crocoblock's JetPopup ass eng Extensioun fir Elementor. Dir kënnt et als Standalone Plugin kafen oder et an engem Bündel mat anere Crocoblock Plugins kafen. De Virdeel fir JetPopup ze benotzen fir eng Popup-Fënster ze kreéieren ass datt et mat vill coolen Features kënnt.
- Dir kënnt mat der Popup Fënster Ausléiser spillen.
- Dir kënnt Animatioune fir d'Popup-Fënster erstellen.
- Eng grouss Zuel vu Popup Templates sinn verfügbar.
Liest och: 22 Bescht Premium Addons fir Elementor
Brizy Pro
De Popup Builder vun Brizy Pro bitt Iech zwou Méiglechkeeten. Déi éischt ass de klickt-aktivéierte Popup, an déi zweet ass déi automatesch Ausléiser a Konditioune.
- Ouverture beim Klick: Äre Popup kann einfach ausgeléist ginn andeems Dir op d'Elementer vun Ärer Säit klickt.
- Automatesch Ausléiser a Konditioune: Dir kënnt Besucheraktiounen konfiguréieren déi bestëmmen wann Popups ugewise ginn.
Wéi erstellt a weist Popup duerch Post Tag a WordPress mat Elementor
Wéi virdru scho gesot, hutt Dir verschidde Méiglechkeeten fir e Popup an WordPress ze kreéieren. An dësem Tutorial wäerte mir Iech weisen wéi Dir e Popup pro Post Tag mat der Versioun erstellt a weist Element Pro, assurez-vous donc d’en avoir déjà une.
Schrëtt 1: Erstellt d'Popup Schabloun
Déi éischt Saach ze maachen ass eng nei Popup Schabloun ze kreéieren. Fir eng nei Popup Schabloun ze kreéieren, gitt op Schablounen > Popups op Ärem WordPress Dashboard a klickt op de Knäppchen Füügt nei.
Als nächst füügt den Numm vun Ärem Popup un a klickt op de Knäppchen CREATE E MODEL.
Dir gitt an d'Schablounbibliothéik geleet, Dir kënnt eng Schabloun aus der Bibliothéiksfenster wielen oder Är eege Popup-Schabloun designen. Fir eng Schabloun aus der Bibliothéik ze benotzen, klickt einfach op de Knäppchen opginn.
Awer an dësem Tutorial wäerte mir de Popup Schabloun vun Null erstellen. Klickt op d'Ikon X fir d'Schablounbibliothéik zouzemaachen.
Schrëtt 2: Ajustéieren Popup Astellunge
Mir mussen e puer Upassungen an de Popup-Astellunge maachen ier mir ufänken eng Popup-Schabloun ze kreéieren. Dir kënnt déi bescht Astellunge fir Äre Site fannen. An dësem Tutorial weisen mir Iech d'Popup-Astellunge vun Ärer Wiel.
Klickt op d'Gear Ikon am ënneschten lénksen Eck. An de Popup-Astellunge ännert d' Breet an 90% vun der Breet vun der Vue (VW) an Positioun en Zentrum-Ënner.
Schrëtt 3: Design de Popup
Als nächst, designt Är Popup Schabloun. Füügt eng nei Sektioun a wielt d'5 Kolonnstruktur. An der Sektioun Astellungen, setzen d' Breet op 950. Dir kënnt mat Äre Astellungen Leeschtung.
Zum Beispill kënnt Dir op d'Tab goen Stil fir den Hannergrond ze setzen, gitt op d'Tab fortgeschratt fir d'Margin ze personaliséieren, a vill méi.
Elo zréck op Är Kolonnen. An der lénkser Kolonn setzen d'Breet op 33%, a fir déi aner véier op 16%.
An der lénker Kolonn addéiere mer en Titel Widget mat Text. Dir kënnt Text addéieren fir Är Websäit Besucher ze invitéieren fir aner Inhalter ze gesinn, déi relevant sinn fir den aktuellen Inhalt, oder all aner Text vun Ärer Wiel.
Riets füüge mir en Image Widget derbäi. Dir kënnt Biller vun Thumbnails / Feature Biller vun Posts derbäisetzen oder se manuell eroplueden.
Elo ass d'Struktur fäerdeg. Gitt zréck op Popup Astellungen fir d'Entrée, d'Ausfahrt an d'Margin Animatiounen ze personaliséieren. An dësem Tutorial setzen mir den Input op Fade erof an den Ausgang op Fade op. Da gitt op d'Tab fortgeschratt a setzt d'Marge op 30 (gemeinsame Wäert fir Links).
Schrëtt 4: Publizéiert de Popup
Elo datt den Design fäerdeg ass, klickt op de Knäppchen ËMMER fir Displaybedéngungen an Ausléiser ze setzen. Fir den Affichagebedingung ze definéieren, klickt op de Knäppchen FËLLT A Konditioun a wielt Är Optioun aus der Dropdown-Lëscht.
Wéi Dir de Popup per Post Tag wëllt weisen, kënnt Dir déi folgend Displaybedéngungen astellen (kuckt Animatioun).
Klickt Next. An der Tab Ausléiser, setzt den Ausléiser op Op Scroll de Schalter ëmdréinen Jo. Definéiert de Richtung sur Bas et la Breet iwwer 95%. Well mir wëllen datt de Popup erschéngt wann d'Besucher um Enn vun eisem Artikel kommen.
An dësem Tutorial wäerte mir net definéieren Fortgeschratt Regelen. Also klickt op SPELLEN AN SCHLOEN. Ma, elo si mir fäerdeg.
Loosst eis kucken wéi et ausgesäit.
Hei hutt Dir just Äre Popup fäerdeg. Kuckt och eis Zesummenhang Artikelen:
- 6 Handy CSS Snippets fir Elementor's Posts Widget
- Wéi erstellen ech eng Oplëschtung Säit mat Elementor Loop Builder
- Wéi Dir Geschäftsstonnen op Ärer Elementor Websäit addéiere kënnt
- Wéi Dir Line Break am Elementor Button Text addéiert
- Wéi erstellen an änneren e Fousszeilen am Elementor
- Wéi Foto Mask am Elementor
- Elementor oder Brizy: Wat ass dee beschten WordPress Säit Builder?
Verbonnen Artikelen
- 22 Bescht Premium Addons fir Elementor
- Elementor vs Beaver Builder: Detailléiert Verglach vu Page Builders
- Elementor Review 2024: Erfarung mat Elementor (Pros, Cons, Features & More)
- Wéi erstellt en interaktive Krees am Elementor
- Wéi eng Elementor Websäit Super Fast ze maachen: Komplett Tutorial
- Wéi migréiert e Site op Elementor Cloud
- 5 Bescht Instagram Feed Plugins fir Elementor [Eis Top Picks]
- Wéi benotzen ech Advanced Akkordeon am Elementor