Dir hutt den Elementor virzehuelen Builder fir eise Clienten de beschte Wee ze bidden fir Popups ze kreéieren déi super ausgesinn a konsequent mat hirem Sitedesign sinn, a keng personaliséiert CSS am Prozess erfuerderen.
An dësem Guide wäert ech Iech weisen firwat Dir net méi limitéiert muss sinn externe WordPress Popup Plugins. Amplaz - benotzt Popup Builder a baut Pop-ups am selwechte Editor deen Dir benotzt fir Äre ganze Site ze bauen.
Dëst ass just deen éischte vun e puer Videoen a schrëftlechen Tutorials déi mir verëffentlechen fir z'erklären wéi Dir verschidde erstaunlech Popups am Elementor erstellt.
Prett Ären éischte Popup mat Elementor ze bauen? Komm mir fuere fir et ...
De Popup deen Dir erstellt
An dësem Guide wäerte mir Iech weisen:
- Wéi änneren d'Popup-Fënster
- Wéi een Elementor Popup erstellen deen e Kontaktformular enthält
- Wéi de Popup opzemaachen wann de Benotzer no 80% vun der Säit scrollt
- Wéi de Popup zoumaachen nodeems de Benotzer de Formulaire ofginn
- Wéi manuell de Popup beim Klick ausléisen (wann de Besucher op e Knäppchen klickt)
Inhaltsverzeechnes
Schrëtt 1: Kommt ufänken
Follegt dësen einfachen, step-by-step Guide fir Popups a WordPress ze bauen benotzt Elementor's Popup Builder.
Am Elementor gi Popups gebaut wéi all aner Zort Schabloun.
Wann Dir mat der vertraut sidd Elementor Thema Builder, Dir hutt Templates wéi Header, Fousszeilen, Single an Archiv begéint.
Popups ginn op déiselwecht Manéier gebaut.
Am WordPress Dashboard, gitt op Templates> Popups> Add New
Loosst eis eis Popup-Schabloun nennen Meng Éischt Schabloun a klickt op 'Schabloun erstellen'.
Duerno gëtt d'Popup-Schablounfenster op. Dir kënnt aus iwwer honnert pre-entworf Popup Templates wielen.
Wéi Dir kënnt gesinn, hu mir vill Aarbecht gemaach fir eng rieseg Bibliothéik vu schéine Popup Templates ze kreéieren fir Iech ze benotzen. Dir kënnt och de ganze Popup selwer bauen mat der Kraaft vum Elementor Pro a seng Widgets.
Schrëtt 2: Design vun der Popup Fënster ënner Popup Astellungen
Nodeems Dir d'Bibliothéikfenster zougemaach hutt, gëtt den Elementor Editor op, mat der Popup-Astellungspanel op der lénker Säit.
BTW, dëse Panel ass ëmmer zougänglech duerch déi ënnescht Gang Ikon.
Am Layout Tab setzen mir d'Breet vum Popup op 700 Pixel, an d'Héicht als 'Fit to Content'. Eis Popup wäert am Zentrum positionéiert ginn, souwuel horizontal a vertikal.
Am Style Tab setzen mir eng zolidd giel Grenz, mat engem 35-Pixel Grenzradius, wat eise Popup e gerundéierte Look gëtt.
Popup-Astellunge enthalen och zousätzlech Astellungen, wéi d'Zoumaache Knäppchen no enger bestëmmter Zäit ze weisen, de Popup automatesch zoumaachen, e Schalter fir ze verhënneren datt de Popup zoumaacht, e Schalter fir d'Säitscrolling auszeschalten an e Schalter fir verschidde Popups ze vermeiden.
Mir wäerten se net hei benotzen, awer et ass praktesch ze wëssen am Fall wou Dir se braucht.
Schrëtt 3: Baut de Bannen vum Popup
Well den Design vun der Innere vu Popups dee selwechte Prozess ass wéi all Säit ze designen, wäerte mir de Prozess net am Detail iwwergoen.
Notéiert einfach datt all Typ vun Inhalt a Schabloun, déi Dir am Elementor hutt, an Äre Popups benotzt ka ginn.
Den definitiven Design vun eisem Popup gesäit esou aus:
Wéi zielt Dir Popups mat Publizéiert Astellungen
Wéi Dir wäert gesinn, fortgeschratt Zilsetzung an Ausléiser setzen ass sou einfach wéi e Schalter ëmdréinen. Hit publizéieren an d'Publizéiert Astellungsfenster wäert opmaachen.
Loosst eis séier iwwer d'Zieloptiounen am Popup Builder goen, sou datt Dir wësst wéi Dir Popups richteg zielt andeems Dir d'Conditions, Triggers, and Advanced Rules Zieloptiounen benotzt.
Begrëffer
Setzt d'Konditioune fest, déi bestëmmen wou (op wéi enger Säit) de Popup op der ganzer Säit erschéngt.
Zum Beispill, wann Dir "Gesamte Site" wielt, weist et de Popup iwwerall op der Säit! Dir kënnt och ganz detailléiert ginn, zum Beispill andeems Dir eng spezifesch Postskategorie auswielt.
Et ass ähnlech wéi den Thema Builder, mir hunn tatsächlech en am-Déift Video Tutorial iwwer dëst.
Elo datt mir definéiert hunn wou de Popup op der ganzer Säit benotzt gëtt, kënne mir weidergoen fir d'Ausléiser ze setzen, wat d'Benotzeraktiounen sinn, déi Äre Popup erscheinen.
kontrolléiert
Mat Triggers kënne mir de Popup setzen fir ze weisen:
- Op-Säit Luede
- Op Scrollen
- Op Scroll op Element
- Op Klickt
- No Inaktivitéit
- An On-Page Exit Intent
Fir dësen Tutorial benotze mir e manuelle Popup deen ausgeléist gëtt wann de Benotzer op e Knäppchen klickt.
Fortgeschratt Regelen
Ënner Advanced Rules kann e ganz spezifesch Ufuerderunge setzen, déi erfëllt musse ginn fir datt de Popup erscheint:
- No enger gewësser Zuel vu Page Views
- No enger bestëmmter Zuel vun Websäit Visiten
- Wann Besucher vun enger spezifescher URL ukommen
- Wann Besucher kommen aus externe Linken / intern Linken
- Wann se kommen aus Sich Motore.
Dir kënnt och Popups vu aloggene Benotzer verstoppen oder wielt se nëmmen op Desktop, Tablet a mobilen Apparater ze weisen.
Schrëtt 4: Setzt Popup fir ze weisen op Scroll & Zoumaache beim Submit
Mir wollten Iech zwee verschidde Weeër weisen fir de Popup auszeféieren dee mir erstallt hunn: eng manuell iwwer Linkklickt, déi aner automatesch mam On Scroll Trigger.
Fir den automateschen Ausléiser wëlle mir och de Popup zoumaachen nodeems de Benotzer de Formulaire am Popup ofginn.
Open Popup Mat On Scroll Trigger
Also, fir d'éischt Popup Beispill, mir wëllen datt de Popup erschéngt wann de Benotzer duerch 80% vun der Säit scrollt.
Ënner Trigger, schalt op 'On Scroll', haalt d'Richtung op 'Down' a gitt 80 am 'Bannent' Feld.
Zoumaachen Popup Mat Form Soumissioun
Gitt op de Formulaire Widget am Popup, an ënner 'Aktiounen nom Submit', wielt 'Popup'.
Klickt op de Popup Element deen elo hei ënnen erscheint.
Ënner 'Aktioun', wielt 'Popup zoumaachen'.
Schrëtt 5: Popups manuell mat Links oder Formulairen verbannen
Fir e manuellen Ausléiser ze setzen, gi mir op eis Landung Säit a verbannen ee vun eise Knäppercher mat de Popups.
Hit CMD / CTRL + E fir de Finder opzemaachen, a gitt 'Eng nei Säit derbäi'.
Op der neier Säit, zitt e Knäppchen Widget.
An de Knäppchen Astellungen, ënner Inhalt, klickt op déi dynamesch Ikon nieft dem Link Feld.
Dann, ënner Link > Aktiounen, wielt Popup.
Klickt nach eng Kéier op de Popup, gitt sécher datt d'Aktioun op 'Open Popup' gesat ass, a gitt den Numm vum Popup dee mir erstallt hunn.
Quick Links:
- Beschte WordPress Theme Frameworks
- Wéi erstellen ech e Slider am WordPress?
- Wéi beschleunegt Äre WordPress Site
FAQs | PopUp Am WordPress
👀Fir wat gëtt WordPress benotzt?
WordPress ass Web Verëffentlechungssoftware déi Dir benotze kënnt fir eng schéin Websäit oder Blog ze kreéieren. Et kann just deen einfachsten a flexibelste Blogging a Websäit Inhalt Management System (CMS) fir Ufänger sinn.
😎Ass WordPress wierklech gratis?
D'WordPress Software ass gratis a béid Sënner vum Wuert. Dir kënnt eng Kopie vu WordPress gratis eroflueden, a wann Dir et hutt, ass et är fir ze benotzen oder ze änneren wéi Dir wëllt. D'Software gëtt ënner der GNU General Public License (oder GPL) publizéiert, dat heescht datt et gratis ass net nëmme fir erofzelueden, mee z'änneren, ze personaliséieren an ze benotzen.
🔥Ass WordPress gutt fir Ufänger?
WordPress ass einfach fir Ufänger, awer mächteg fir Entwéckler: Wéi virdru diskutéiert ass WordPress eng ganz einfach Plattform fir mat unzefänken. Et ass ganz einfach ze installéieren an ze lafen. Déi meescht Webhoster kommen mat deem sougenannte One-Click Auto-Installateuren. ... WordPress ass sou einfach ze benotzen als Wuertveraarbechter wéi Microsoft Word.
✔ A wéi enger Sprooch ass WordPress geschriwwen?
PHP
🤷♂️Verlaangt WordPress Kodéierung?
Jo. E puer Wëssen iwwer Kodéierung wier hëllefräich fir Ännerungen op Ärer Websäit. E komplette Kodéierungshintergrund ze hunn wärend hëllefräich ass net erfuerderlech.
Conclusioun | PopUp Am WordPress 2024
Hit publizéiert a kuckt Är Live Säit. Elo, klickt op de Knäppchen soll de Popup opmaachen.
Dat ass et! Mir hunn de Popup erfollegräich opgemaach mam Scroll Trigger an den On Click manuellen Ausléiser, an zougemaach et op Form Soumissioun.
Dëse Blog bitt en éischte Goût vun de grousse Design- an Ziloptiounen, déi am Popup Builder verfügbar sinn. Ginn sécher ze kontrolléieren aus der Popup Tutorial Playlist mir hu fir Iech virbereet.
Mir géife gär vun Iech héieren - weist eis d'Popups déi Dir erstallt hutt a loosst eis wëssen wann Dir Froen hutt.
