Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • OS
  • Formulari i komenteve pa një shtojcë. Formulari i komenteve - shtojcat më të mira të WP

Formulari i komenteve pa një shtojcë. Formulari i komenteve - shtojcat më të mira të WP

Jo shumë kohë më parë, blogu publikoi një artikull "50 Shtojcat më të njohura për motorin e WordPress" dhe meqenëse puna në kursin e WordPress po përfundon, ne duam t'ju prezantojmë me një përzgjedhje tjetër të shtojcave për këtë motor. Gjegjësisht, sot do të shikojmë shtojcat më të mira më të mira për format e kontaktit.

Do të fillojmë duke kujtuar se cilat duhet të jenë faqet ose blloqet më të rëndësishme në të gjitha faqet tregtare. Ky është "Rreth nesh" - ku shkruhet informacioni për kompaninë, "Shërbimet" - me një përshkrim të shërbimeve ose mallrave të ofruara dhe "Kontaktet" - për marrjen e reagimeve nga klientët ose porositë.

Pikërisht në kontakte vendosen formularët e feedback-ut, pasi kjo i jep vizitorit mundësinë jo vetëm të njihet me ofertën tuaj dhe të largohet, por edhe të shprehet disi. Shkruani një përmbledhje, tregoni dëshirat ose komentet tuaja mbi projektin, ofroni bashkëpunimin tuaj ose porositni shërbimet tuaja.

Por për fat të keq, ky funksionalitet i dobishëm nuk është i integruar në grupin standard të motorit dhe ne duhet të kërkojmë zgjidhje të palëve të treta për këtë problem. Për ta bërë këtë, ose duhet ta shkruani vetë formularin (nëse e dini se si) ose të përdorni shtojca të gatshme.

Shpresoj që pasi të keni kaluar nëpër këtë listë, do të zgjidhni shtojcën më të përshtatshme për nevojat tuaja.

Ky është shtojca më e famshme dhe ndoshta më e mira për krijimin e formave të kontaktit, pasi numri i instalimeve aktive tashmë tejkalon 3 milion, dhe vetë shtojca përditësohet rregullisht nga zhvilluesit. Grupi standard i funksioneve përfshin kutitë e kontrollit, butonat e radios, ngarkimet e skedarëve, funksionet antispam dhe CAPTCHA. Dhe me të, mund të personalizoni shpejt një formular që përmban fusha teksti, numra telefoni, adresa postare, data dhe më shumë. Kjo shtojcë është plotësisht falas dhe është e lehtë për t'u futur duke përdorur HTML të thjeshtë, dhe gjithashtu krenohet me paraqitjen AJAX.

Ky është një grup i tërë shtojcash, miniaplikacionesh dhe shërbimesh për motorin WordPress. Dhe në përputhje me rrethanat, ajo ka dizajnerin e vet shumë të thjeshtë, por të mirë të integruar. Me të, ju merrni një ndërfaqe të shpejtë dhe të thjeshtë për shtimin e formularëve në çdo shënim ose faqe në faqe. Për ta bërë këtë, thjesht duhet të klikoni butonin "Fut Form" dhe do të jeni në gjendje të krijoni dhe shtoni shpejt një formular.

Kjo shtojcë ju lejon të krijoni forma kontakti me pamje unike përmes funksionit Active Engage dhe t'i futni ato jo vetëm në faqet e sajtit ose në shënime, por edhe në të gjitha faqet menjëherë në këndin e poshtëm djathtas. Me vetëm një klikim nga vizitori, forma juaj e kontaktit do të shfaqet në ekran dhe me siguri do të tërheqë vëmendjen. Por, në të njëjtën kohë, është gjithashtu i mundur integrimi i zakonshëm i formularit në postime, në faqe ose në një shirit anësor.

Ky është një tjetër shtojcë shumë e njohur, e cila është e disponueshme në dy versione - si një shtojcë për WordPress dhe kod PHP për integrim në faqet "të shkruara në shtëpi". Veçantia e kësaj shtojce është se robotët spammer zbulohen automatikisht në faqe. Duke përdorur formularin captcha dhe Akismet Fast Secure, shtojca bllokon sulmet duke përdorur taktikat më të njohura të spamit. Kjo veçori zvogëlon gjasat e postës së padëshiruar dhe çdo informacioni tjetër të padëshiruar.

Një shtojcë universale falas me një ndërfaqe të shkëlqyer intuitive drag'n'drop për krijimin e formave të kontaktit në faqen tuaj të WordPress. Në panelin e administratorit mund të ndërtoni formularin tuaj thjesht duke zvarritur dhe hedhur blloqet e nevojshme dhe duke i përshtatur ato për t'iu përshtatur nevojave tuaja. Ai gjithashtu ka një numër të madh funksionesh, duke përfshirë një mbajtës AJAX, module të besueshme anti-spam, import dhe eksport të të dhënave.

Ky është një tjetër shtojcë me një ndërfaqe drag'n'drop që ju lejon të krijoni dhe menaxhoni të gjitha llojet e formave në faqen tuaj të internetit nga një vend. Është krijuar për ta bërë procesin e krijimit të formularëve të shpejtë dhe të lehtë, në mënyrë që përdoruesi të mos ketë nevojë të mësojë se si të modifikojë ndonjë kod. Shtojca ka një seksion mjaft të gjerë të mbështetjes së zhvilluesve për zgjidhjen e problemeve dhe ndihmë në konfigurimin e tij.

Një tjetër shtojcë që ju lejon të krijoni shpejt dhe me lehtësi forma kontakti në faqen tuaj të internetit. Ai integrohet me shtojcën Captcha për të luftuar spam-in. Në versionin pro të shtojcës, funksione shtesë janë të disponueshme, të tilla si vlefshmëria e formularit dhe zgjedhja e kutisë; meqë ra fjala, ato të dyja janë të disponueshme falas në Formularin e Kontaktit të lartpërmendur 7.

Këtu është lista e shtojcave. Shpresoj se tashmë keni zgjedhur më të përshtatshmen për veten tuaj dhe madje keni arritur ta provoni në faqen tuaj të internetit.

Shihemi në postime të tjera!

1 votë

Ditë të mirë, lexues të blogut tim. Andrey Zenkov është me ju. Formulari i komenteve të WordPress është një pjesë e rëndësishme e çdo faqe interneti dhe ne do të flasim për të sot. Le të shohim shembuj specifikë duke përdorur CMS-në më të njohur - WordPress. Rehatohuni, hidhni pak çaj, sepse ju pret një artikull i gjatë, magjepsës dhe informues.

Unë dua ta nis historinë time sot me fjalët e Richard Bach: “Nuk duhet të ketë kufij për ne”. I bëj thirrje të gjithë lexuesve të mi që të mos ndalen kurrë me kaq. Sa herë që vëreni stanjacion në zhvillimin tuaj, bëni çdo përpjekje për të kapërcyer tavanin tjetër. Përtej saj, ju pret një sukses edhe më i madh.

Çfarë është një formular reagimi dhe për çfarë shërben?

Një formular reagimi është një modul në sit që është i nevojshëm për kontakt të menjëhershëm midis pronarit të burimit dhe vizitorëve. Për çfarë është? Unë kam identifikuar tre arsye kryesore për ju:

  • Mbrojtje nga spam bots. Analizuesit e adresave të postës elektronike do t'ju shtojnë në bazën e të dhënave të tyre nëse thjesht e postoni në faqen tuaj të internetit. Kjo do të çojë në marrjen e vazhdueshme të mesazheve që nuk japin ndonjë vlerë. Kur krijoni një formular, unë rekomandoj të fshehni adresën tuaj;
  • Marrja e të gjithë informacionit. Në mënyrë që përdoruesi t'ju përcjellë gjithçka që dëshiron herën e parë, shtoni në formular fushat e nevojshme (numrin e telefonit, komentin, temën e mesazhit, etj.);
  • Kursimi i kohës së vizitorëve. Ata nuk do të duhet të kërkojnë më adresën tuaj, të shkojnë te klienti i tyre i emailit dhe të shkruajnë një mesazh. Kjo mund të bëhet drejtpërdrejt nga burimi juaj.

Ka më shumë avantazhe, unë kam theksuar ato kryesore për ju. Unë rekomandoj instalimin e një shtojce me captcha. Kjo masë do t'ju mbrojë nga spam bots; ju do të merrni letra vetëm nga mysafirë të interesuar, të vërtetë të projektit tuaj.

Nëse doni të mësoni se si të mbroheni jo vetëm nga spam bots, por edhe nga kërcënime të tjera, më serioze, ju rekomandoj të merrni kursin " Mbrojtje totale e WordPress ”, e cila u përgatit nga një webmaster me përvojë.


Zgjidhje të gatshme për projektin tuaj

Nëse nuk dini si të krijoni vetë një formular të përshtatshëm reagimi për faqen tuaj të internetit, unë kam përgatitur disa shtojca interesante që janë të lehta për t'u instaluar vetë. Ju as nuk keni nevojë për njohuri të veçanta në.

Formulari i Kontaktit 7

Pasi të keni specifikuar të gjitha cilësimet, do të merrni një kod për një formular kontakti të gatshëm me email të dërguar kur klikoni një buton. Mund ta vendosni kudo në faqen tuaj të internetit.

Çfarë mund të konkludohet?

Një formular reagimi i dërguar me email është një zgjidhje e shkëlqyer për të komunikuar me pajtimtarët tuaj. Mos e humbisni mundësinë nëse njerëzit duan të komunikojnë me ju. Dikush do t'ju mësojë diçka të re, dikush do t'ju japë këshilla të dobishme. Sot ju tregova për opsionet që përdor vetë kur krijoj projekte. Zgjidhni më të mirën për veten tuaj dhe filloni të veproni! Dhe ky artikull merr fund.

Ndiqni përditësimet e blogut për të mësuar rregullisht diçka të re dhe interesante.

Përshëndetje i dashur lexues, në këtë artikull do t'ju tregoj se si të krijoni një formular kontakti popup në faqen tuaj të WordPress. Shpesh, kur zhvilloni faqen tuaj të internetit ose blogun tuaj, është e nevojshme të krijoni aftësinë për të komunikuar shpejt me vizitorët në një burim në internet. Në këtë rast, një formular reagimi që shfaqet për WordPress do të jetë i dobishëm, pasi do t'ju ndihmojë të krijoni kontakte të shpejta me përdoruesit.

Pse keni nevojë për një formular reagimi kërcyes për WordPress?

Arsyet e përdorimit

Le të shohim pse nevojitet kjo formë

  1. Kursimi i hapësirës së lirë në sit. Formulari i kontaktit mund të vendoset kudo: në fund ose kokë, në përmbajtjen kryesore të faqes, si një buton lundrues, etj.
  2. Pamje efektive. Animacioni i shfaqjes së një dritareje të re duket interesant dhe i pazakontë
  3. Disponueshmëria. Ju mund të lini shënime në këtë formë nga kudo në faqe; përdoruesit nuk kanë nevojë të kthehen në faqen kryesore.

Një bonus shtesë: forma është e lehtë për t'u modifikuar dhe përshtatur për t'iu përshtatur nevojave të faqes tuaj. Një formular i komenteve pop-up për WordPress mund të paraqitet në formën e një dritareje hapëse për të porositur një telefonatë, shërbim ose produkt, ose për të bërë një abonim. Nëse dëshironi, mund të shtoni efekte vizuale, imazhe të ndryshme, etj.

Plugins për instalimin e një formulari popup

Le të shohim mjetet e nevojshme për të zhvilluar dritare pop-up në Wordpress, një aplikacion i veçantë për zhvillimin dhe krijimin e faqeve të internetit.

Formulari i Kontaktit 7

Kjo shtojcë përdoret drejtpërdrejt për të hartuar formularin. Për ta instaluar, ndiqni këto hapa:

FancyBox i lehtë

Kjo shtojcë është e përshtatshme për zhvillimin e një efekti të dritares pop-up. Sekuenca e instalimit të Easy FancyBox është e ngjashme me instalimin e mëparshëm të shtojcave.

Vendosja e shtojcave

Mund të konfiguroni cilësimet e shtesës Easy FancyBox përmes skedarëve mediatikë. Përdorni opsionet e menysë "Cilësimet" -> "Skedarët media".

Në bllokun që hapet, pak poshtë cilësimeve standarde, do të vendosen parametrat e vetë shtojcës. Zakonisht ka një shenjë kontrolli pranë artikullit "Imazhe", që tregon se një dritare kërcyese do të aktivizohet kur klikoni mbi imazhin. Këshillohet që ta hiqni atë, pasi nëse keni mjete të tjera shtesë për krijimin e animacionit pop-up, imazhet do të hapen dy herë.

Por kjo nuk është e gjitha. Kontrolloni kutinë pranë "Përmbajtjes në linjë"

Çdokush mund të gërmojë më tej në cilësimet e shtojcës dhe t'i vendosë ato sipas gjykimit të tij.

Këshillë: nëse dëshironi që formulari të jetë gjithmonë i hapur, atëherë zgjidhni opsionin "Mbyll FancyBox kur klikohet mbivendosja" në cilësimet e Easy FancyBox, i cili mbyll dritaren kur klikoni jashtë tij.

Udhëzim hap pas hapi

Epo, përgatitja paraprake "e mërzitshme" ka mbaruar, tani le të kalojmë në pjesën "e shijshme" - si zhvillohet, në fakt, forma e reagimeve pop-up të WordPress.

Trajtimi i dritares së formularit

Ku të fillojmë? Sigurisht, me konfigurimin paraprak të vetë formularit. Zgjidhni "Formularin e Kontaktit 7" në menunë e djathtë dhe më pas opsionin "Shto të re".

Dilni me një emër të ri për formularin, për shembull, "Eksperiment", futeni atë në fushën e hyrjes të dritares që hapet, ku ndodhet teksti "Titulli" dhe klikoni në butonin "Ruaj". Ju mund të ndryshoni parametra të tjerë, duke përfshirë vetë shabllonin e formularit, por ne nuk do ta prekim atë. Tani qëllimi ynë kryesor është thjesht të mësojmë se si të krijojmë forma pop-up.

Hidhini një sy rezultatit. Siç mund ta shihni, shtojca gjeneroi një kod të shkurtër të veçantë që përdoret për të shfaqur më pas formularin. Duhet ta kopjoni.

Forma e prodhimit

Tani le të zbresim te programimi. Kodi i ri i programit mund të futet kudo në faqe, për shembull, në "Kontaktet" dhe të tjera. Në shembullin tonë, forma e re do të shfaqet në widget. Zgjidhni "Pamja" në meny, më pas klikoni në "Widgets", më pas në dritaren që hapet, klikoni në opsionin "Text".

Tani klikoni në butonin "Shto Widget".

Ngjitni kodin e mëposhtëm në fushën e hyrjes së përmbajtjes:

Shkruaj një letër

Kështu do të duket rezultati që rezulton:

Ju lutemi vini re se në vend të kodit të shkurtër të specifikuar në shembull, do t'ju duhet të specifikoni atë që keni krijuar si rezultat i krijimit të një formulari të ri.

Për më tepër, formulari mund të modifikohet: shtoni ose hiqni fushat e hyrjes, futni tekstin fillestar dhe/ose fundor para dhe pas formularit, konvertoni tekstin në një titull ose shfaqni atë si një bllok të veçantë, përdorni stile të ndryshme, mbajtëse vendesh, etj. Sikur të kishte kohë dhe dëshirë!

Stili i lidhjes

Le të shohim gjithashtu dy mënyra për të kthyer një lidhje në një buton për të përmirësuar pamjen e saj vizuale.

Metoda 1: Përdorimi i stileve shtesë të temave.

Kodi i mëposhtëm mund të futet si më poshtë:


Vetë kodi i programit duket si ky:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 /***Duke shfaqur një lidhje në një formë butoni****/ .na kontaktoni a( margjina:auto; /*radhitja e bllokut në qendër*/ shfaqja:blloku; gjerësia:199px; /*madhësia e butonit*/ mbushje:11px 22px; /*mbushje*/ kufi:1px e zezë; /*hija e kufirit*/ sfondi:#3399ff; /*model i sfondit*/ dekorimi i tekstit: asnjë; /*konvertimi i tekstit në të pa rreshtuar*/ tekst- align:center; /*qendërimi i etiketës*/ ngjyra:#ffffff; /*hija e etiketës*/ -moz-transition: të gjitha lehtësitë 0,6s; -webkit-transition: të gjitha lehtësitë 0,6s; tranzicioni: të gjitha 0,6s lehtësi ;) /**Ndryshimi i lidhjeve të ngjyrave kur rri pezull kursorin**/ .na kontaktoni a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box -shadow:0 0 7px #111 ; -moz-tranzicion: të gjitha 0,6s lehtësi; -webkit-transition: të gjitha 0,6s lehtësi; tranzicioni: të gjitha 0,6s lehtësi; )

/***Duke shfaqur një lidhje në një formë butoni****/ .na kontaktoni a( margjina:auto; /*radhitja e bllokut në qendër*/ shfaqja:blloku; gjerësia:199px; /*madhësia e butonit*/ mbushje:11px 22px; /*mbushje*/ kufi:1px e zezë; /*hija e kufirit*/ sfondi:#3399ff; /*model i sfondit*/ dekorimi i tekstit: asnjë; /*konvertimi i tekstit në të pa rreshtuar*/ tekst- align:center; /*qendërimi i etiketës*/ ngjyra:#ffffff; /*hija e etiketës*/ -moz-transition: të gjitha lehtësitë 0,6s; -webkit-transition: të gjitha lehtësitë 0,6s; tranzicioni: të gjitha 0,6s lehtësi ;) /**Ndryshimi i lidhjeve të ngjyrave kur rri pezull kursorin**/ .na kontaktoni a:hover( -moz-box-shadow: 0 0 7px #111; -webkit-box-shadow: 0 0 7px #111; box -shadow:0 0 7px #111 ; -moz-tranzicion: të gjitha 0,6s lehtësi; -webkit-transition: të gjitha 0,6s lehtësi; tranzicioni: të gjitha 0,6s lehtësi; )

Rezultati është një buton si ky:

Kodi tashmë thotë se cili parametër është përgjegjës për çfarë. Tani të gjithë mund ta modifikojnë kodin sipas dëshirës së tyre, duke eksperimentuar me stile dhe ngjyra të ndryshme dhe duke krijuar lidhjen më të përshtatshme për dritaren kërcyese.

Metoda 2 - përdorni një imazh si buton. Së pari, ngarkoni imazhin e kërkuar në sit (çdo imazh që ju pëlqen, jo domosdoshmërisht në formën e një butoni - nuk ka shumë rëndësi). Për ta bërë këtë, klikoni në "Media" -> "Shto të re" dhe zgjidhni foton e dëshiruar. Një lidhje e përhershme me skedarin do të shfaqet në të djathtë të imazhit (në këtë shembull http://www.sait.ru/wp-content/uploads/2017/04/depositphotos_2169498-E-mail-internet-icon.jpg) , kopjoni dhe shtojeni në kod (mos hiqni thonjëzat):

Shtoni kodin që rezulton në kodin kryesor të daljes së formularit në vend të tekstit "Shkruani një letër".

1

Faqja ime e internetit shfaqi butonin e treguar në pamjen e mëposhtme të ekranit:

Dhe kështu do të duket butoni nëse lini stilin shtesë të përshkruar në metodën e parë:

Shto në meny

Kështu që formulari i komenteve pop-up për WordPress mund të thirret drejtpërdrejt nga menyja, duhet të përdorni kodin e mëposhtëm

1 2 3
  • Shkruaj një letër
  • Shkruaj një letër
  • Së pari ju duhet të kuptoni se ku saktësisht duhet të futni këtë kod. Shkoni te "Redaktori" përmes "Pamjes" dhe midis shablloneve zgjidhni "Header (header.php)"

    Tani gjeni vendin ku ndodhet kodi i menusë. Gjeni informacionin e mëposhtëm:

    1 2

    Artikujt më të mirë mbi këtë temë