Kif Toħloq PopUp Fi WordPress fl-2024?

Għandek l-Elementor popup Bennej biex noffru lill-klijenti tagħna l-aħjar mod biex joħolqu popups li jidhru tajjeb ħafna u li huma konsistenti mad-disinn tas-sit tagħhom, u ma jeħtiġux CSS personalizzati fil-proċess.

F'din il-gwida, ser nuruk għaliex m'għadx għandek bżonn tkun limitat minn plugins esterni WordPress popup. Minflok – uża Popup Builder u ibni pop ups fl-istess editur li tuża biex tibni s-sit kollu tiegħek.

Dan huwa biss l-ewwel minn bosta vidjows u tutorials bil-miktub li qed noħorġu biex nispjegaw kif toħloq diversi popups tal-għaġeb f'Elementor.

Lest biex tibni l-ewwel popup tiegħek b'Elementor? Ejja mmorru għaliha...

Il-Popup Int Ser Oħloq

F'din il-gwida, aħna ser nuruk:

• Kif teditja t-tieqa popup
• Kif toħloq popup Elementor li jinkludi formola ta 'kuntatt
• Kif tiftaħ il-popup meta l-utent jiskrollja 'l isfel minn 80% tal-paġna
• Kif tagħlaq il-popup wara li l-utent jissottometti l-formola
• Kif tiskatta manwalment il-popup meta tikklikkja (meta l-viżitatur jikklikkja fuq buttuna)

Pass 1: Nibdew

Segwi din il-gwida faċli, pass pass għall-bini ta 'popups fl-użu ta' WordPress Bennej Popup ta' Elementor.​

F'Elementor, popups huma mibnija bħal kull tip ieħor ta 'mudell.

Jekk int familjari mal- Elementor Bennej tat-Tema, inti ltqajt ma' mudelli bħall-header, footer, single u arkivju.

Popups huma mibnija bl-istess mod.

Fid-daxxbord ta 'WordPress, mur Mudelli > Popups > Żid Ġdid

Ejjew insemmu l-mudell Popup tagħna l-Ewwel Mudell Tiegħi u agħfas 'Oħloq Template'.

Imbagħad, it-tieqa tal-mudelli popup tinfetaħ. Int tkun tista' tagħżel minn aktar minn mitt mudell popup iddisinjat minn qabel.

Kif tistgħu taraw, għamilna ħafna xogħol biex noħolqu librerija enormi ta 'mudelli popup sbieħ biex tużahom. Tista 'wkoll tibni l-popup kollu lilek innifsek billi tuża l-qawwa ta' Elementor Pro u l-widgets tagħha.

Pass 2: Iddisinja t-Tieqa Popup Taħt Settings Popup

Wara li tagħlaq it-tieqa tal-Librerija, jinfetaħ l-editur Elementor, bil-pannell tas-settings Popup jidher fuq ix-xellug. 

BTW, dan il-pannell huwa dejjem aċċessibbli permezz tal-ikona tal-ger tal-qiegħ.

Fit-tab Layout, aħna ser nissettjaw il-wisa 'tal-popup għal 700 pixel, u l-għoli bħala 'Fit to Content'. Il-popup tagħna se jkun pożizzjonat fiċ-ċentru, kemm orizzontalment kif ukoll vertikalment.

Fit-tab Stil, aħna ser nissettjaw fruntiera safra solida, b'raġġ ta 'fruntiera ta' 35 pixel, li tagħti lill-popup tagħna ħarsa fit-tond.

Is-settings tal-popup jinkludu wkoll settings addizzjonali, bħal li turi l-buttuna mill-qrib wara żmien stabbilit, li tagħlaq awtomatikament il-popup, swiċċ biex jipprevjeni l-popup milli jagħlaq, swiċċ biex jiskonnettja l-iskrolljar tal-paġna u swiċċ biex jiġu evitati popups multipli.

Aħna mhux se nużawhom hawn, iżda huwa utli li tkun taf f'każ li jkollok bżonnhom.

Pass 3: Ibni l-Ġewwa tal-Popup

Peress li t-tfassil ta 'ġewwa tal-popups huwa l-istess proċess bħat-tfassil ta' kwalunkwe paġna, mhux se ngħaddu fuq il-proċess fid-dettall. 

Sempliċement innota li kull tip ta 'kontenut u mudell li għandek f'Elementor jistgħu jintużaw fil-popups tiegħek.

Id-disinn finali tal-popup tagħna jidher bħal dan:

Kif Timmira Popups billi tuża Settings tal-Pubblikazzjoni

Kif se tara, l-issettjar ta 'mira u triggers avvanzati huwa faċli daqs li tbiddel swiċċ. Agħfas il-pubblikazzjoni u tinfetaħ it-tieqa tal-Issettjar tal-Pubblikazzjoni.

Ejja ngħaddu malajr fuq l-għażliet tal-immirar fil-Popup Builder, sabiex tkun taf kif timmira sew popups billi tuża l-għażliet tal-immirar tal-Kundizzjonijiet, Triggers, u Regoli Avvanzati.

Triggers

Billi nużaw Triggers, nistgħu nissettjaw il-popup biex turi:

• Tagħbija Fuq il-Paġna
• Fuq Skrollja
• Fuq Skrollja għal Element
• Fuq Ikklikkja
• Wara Inattività
• U Intenzjoni ta' Ħruġ fuq il-Paġna

Għal dan it-tutorja, aħna ser nużaw popup manwali li jiġi attivat meta l-utent jikklikkja fuq buttuna.

Regoli Avvanzati

Taħt Regoli Avvanzati, e tista 'tistabbilixxi rekwiżiti speċifiċi ħafna li jridu jiġu ssodisfati biex jidher il-popup:

• Wara ċertu numru ta' Page Views 
• Wara ċertu numru ta 'żjarat fil-websajt
• Meta l-viżitaturi jaslu minn URL speċifiku
• Meta l-viżitaturi jaslu minn links esterni / links interni
• Meta jaslu mill-magni tat-tiftix.

Tista' wkoll taħbi popups minn utenti li illoggjaw jew tagħżel li turihom biss fuq id-desktop, it-tablet u l-apparat mobbli.

Pass 4: Issettja Popup biex Uri fuq Skrollja & Agħlaq fuq Issottometti

Ridna nuruk żewġ modi differenti biex tpaċi l-popup li ħloqna: manwal wieħed permezz tal-link click, l-ieħor awtomatiku bl-użu tal-iscroll trigger.

Għall-grillu awtomatiku, irridu wkoll li l-popup jingħalaq wara li l-utent jissottometti l-formola ġewwa l-popup.

Iftaħ Popup Bil On Scroll Trigger

Allura, għall-ewwel eżempju popup, irridu li l-popup jidher meta l-utent jiskrollja 80% tal-paġna.

Taħt Triggers, ixgħel 'On Scroll' żomm id-direzzjoni ssettjata fuq 'Down' u daħħal 80 fil-qasam 'Within'.

Agħlaq Popup Bil-Preżentazzjoni tal-Formola

Mur fil-widget tal-Formola ġewwa l-popup, u taħt 'Azzjonijiet Wara Is-sottomissjoni', agħżel 'Popup'.

Ikklikkja fuq l-oġġett popup li issa se jidher hawn taħt.

Taħt 'Azzjoni', agħżel 'Agħlaq Popup'.

Pass 5: Manwalment Ikkonnettja Popups għal Links jew Formoli

Biex nissettjaw grillu manwali, aħna se mmorru fil-paġna tal-inżul tagħna u nqabbdu waħda mill-buttuni tagħna mal-popups.

Agħfas CMD / CTRL + E biex tiftaħ il-finder, u ikteb "Żid paġna ġdida". 

Fuq il-paġna l-ġdida, iddreggja widget Button.

Fis-settings Button, taħt il-kontenut, ikklikkja fuq l-ikona dinamika ħdejn il-qasam Link.

Imbagħad, taħt Link > Azzjonijiet, agħżel Popup.

Ikklikkja mill-ġdid fuq il-Popup, kun żgur li l-azzjoni hija ssettjata għal 'Open Popup', u ttajpja l-isem tal-popup li ħloqna.

Links Quick:

• L-Aqwa Oqfsa tat-Temi WordPress
• Kif Toħloq Slider Fi WordPress?
• Kif Tħaffef is-Sit WordPress Tiegħek 

FAQs | PopUp Fi WordPress

👀 Għal xiex jintuża WordPress?

WordPress huwa softwer ta’ pubblikazzjoni fuq il-web li tista’ tuża biex toħloq websajt jew blog sabiħ. Jista 'jkun biss is-sistema ta' ġestjoni tal-kontenut tal-blogging u l-websajt (CMS) eħfef u flessibbli għal dawk li jibdew.

😎WordPress huwa verament ħieles?

Is-softwer WordPress huwa b'xejn fiż-żewġ sensi tal-kelma. Tista' tniżżel kopja ta' WordPress b'xejn, u ladarba jkollok, tkun tiegħek li tuża jew temenda kif tixtieq. Is-softwer huwa ppubblikat taħt il-Liċenzja Pubblika Ġenerali tal-GNU (jew GPL), li jfisser li huwa ħieles mhux biss biex tniżżel iżda biex teditja, tippersonalizza, u tuża.

🔥WordPress huwa tajjeb għal dawk li jibdew?

WordPress huwa faċli għal dawk li jibdew, iżda b'saħħtu għall-iżviluppaturi: Kif diskuss qabel, WordPress hija pjattaforma faċli ħafna biex tibda biha. Huwa faċli ħafna li twaqqaf u tħaddem. Il-biċċa l-kbira tal-web hosts jiġu b'dawk li jissejħu awto-installaturi ta' klikk waħda. ... WordPress huwa sempliċi biex jintuża daqs proċessur tal-kliem bħal Microsoft Word.

✔F'liema lingwa huwa miktub WordPress?

PHP

🤷‍♂️WordPress jeħtieġ kodifikazzjoni?

Iva. Xi għarfien tal-kodifikazzjoni jkun ta' għajnuna għal bidliet fil-websajt tiegħek. Li jkollok sfond ta 'kodifikazzjoni komplut filwaqt li utli mhux meħtieġ.

Konklużjoni | PopUp Fi WordPress 2024

Agħfas il-pubblikazzjoni u ara l-paġna live tiegħek. Issa, tikklikkja fuq il-buttuna għandha tiftaħ il-popup.

Dak hu! Ftaħna b'suċċess il-popup bl-użu tal-iskrolljar u l-grillu manwali On Click, u għalaqnieh mal-preżentazzjoni tal-formola.

Dan il-blog joffri l-ewwel togħma tad-disinn vast u l-għażliet ta’ mira disponibbli fil-Popup Builder. Kun żgur li tiċċekkja l- playlist popup tutorja ħejjejna għalik. 

Nixtiequ nisimgħu mingħandek — urina l-popups li ħloqt u għarrafna jekk għandek xi mistoqsijiet.