Forma e Kontaktit 7 është një shtesë WordPress tepër popullor për krijimin e formave të kontaktit. Kjo ju lejon të krijoni forma pa kodim HTML. këto format mund të ofrojë veçori të tilla si CAPTCHA, duke shkarkuar skedarë, fushat e sondazhit etj ...

Edhe pse stili i paracaktuar i Formularit të Kontaktit 7 është i mjaftueshëm për shumicën e formave themelore të kontaktit, shpesh duhet ta ndryshoni atë.

Kjo ndryshon strukturën e formës së paracaktuar për ta bërë atë më të arritshëm. Ai gjithashtu shton shortcode [i përgjegjshëm] mbi formularin në mënyrë që nëse ka ndonjë gabim gjatë paraqitjes së formularit, të tregohet në formular.

Nëse nuk keni krijuar kurrë një faqe në internet të WordPress, zbuloni Si të instaloni një blog WordPress me një klient FTP

Për formën standarde, kodi i gjeneruar nga shtojca është:

[përgjigje] Emri juaj (kërkohet) [teksti * id-i-emrin tuaj: emrin tuaj-e-mail] Email-i juaj (kërkohet) [email * id-e-mail-i juaj: email-i juaj ] Subjekti juaj [shkruani id-temë: tema juaj] Mesazhi juaj [textarea ID e mesazhit tuaj: mesazhi juaj] [paraqitni "Dërgo"]

Disa shtojca për të përshtatur Formularin e Kontaktit 7

1. Forma e kontaktit Stili 7

plugin Forma e kontaktit Stili 7 ka një numër stilesh për të zgjedhur.

Për përdoruesit e Njëzet Pesëmbëdhjetë tema, ekziston gjithashtu një stil i pajtueshëm.

Për të aplikuar një stil, shkoni te " Stilet e Kontaktit> Redaktimi i Shpejtë Kontrolloni formën në të cilën dëshironi të aplikoni stilin, pastaj klikoni në " Update '.

2. Forma e kontaktit Skins 7

Për të përdorur Skins of Kontaktoni 7 Form, krijoni një të re formularin e kontaktit dhe lëvizni poshtë faqes te seksioni Skins. Ju mund të zgjidhni një shabllon dhe stil për formën tuaj.

Do të gjeni modele kushtuar formave tëévénements, regjistrimi dhe njoftimi.

Kjo është ajo që duket forma e sondazhit me stilin Topaz duke përdorur temën Njëzet Pesëmbëdhjetë.

3. Dizajni i materialit për formularin e kontaktit

Këto stilet janë të bazuara në stilin e material Projektimi.

Kjo shtojcë sugjeron që të fshini formularin e paracaktuar dhe të përdorni kodet e shkurtra të saj.

Këtu është një shembull me temën Hestia. Vini re etiketën lundruese kur treguesi zhvendoset në një fushë në formë.

Testimi i formularit të kontaktit 7 për disa Temat e WordPress

Forma e Kontaktit me ColorMag WordPress Theme

Shumica e kohës, Forma e Kontaktit 7 do të trashëgojë stilin e temës suaj të WordPress. Ky është rasti me temën Coral errët.

Forma e kontaktit me temën WordPress ColorMag

Këtu është forma pa stil me porosi. Ai trashëgon ngjyrën e butonit blu Tema e WordPress ColorMag.

Fillova duke ngarkuar një foto për ta përdorur si imazh sfond për formën dhe duke ndryshuar kodin e etiketave të formularit nga gri në të bardhë me një hije blu në tekst.

Ndryshimet e mëposhtme ishin për të rritur kufijtë midis etiketave të formave dhe fushave të formës, për të modifikuar butonin e zbritjes dhe për të shtuar një kufi kur treguesi hyn në fushat e formës.

Shfaqja e mesazheve të gabimit / suksesit kur formulari dorëzohet gjithashtu duhet të ndryshohet në mënyrë që ato të shfaqen në mënyrë korrekte.

GIF-i që rrotullohet kur formulari dorëzohet nuk u shfaq si duhet, gjeta një alternativë për Loading.io dhe iu referova me CSS.

Këtu është forma që rezulton:

Këtu është kodi:

div.wpcf7 {margin: 0; mbushje: 1.5em; sfondi: url ('your_background_image_url_here'); -webkit-kufiri-rreze: 3px; -moz-kufiri-rreze: 3px; rrezja kufitare: 3px; } .wpcf7 etiketa, .wpcf7-submit {color: white; tekst-hije: 1px 1px 0px rgba (40, 157, 204, 1); } .wpcf7 .wpcf7-formë-kontroll {10px 0 20px 0; } .wpcf7 .wpcf7-paraqit: hover {background: #186d8e; } .wpcf7-formë-kontroll: fokus {border: 2px solid #289dcc; } div.wpcf7-përgjigje-output {background: # F8F8F8; text-align: qendra; gjerësia: 92.5%; diferencë: 1em 0em 1em 0em; -webkit-kufiri-rreze: 3px; -moz-kufiri-rreze: 3px; rrezja kufitare: 3px; } span.wpcf7-jo-valid-tip {background: #F8F8F8; shfaq: inline-block; gjerësia: auto; mbushje: 1%; -webkit-kufiri-rreze: 3px; -moz-kufiri-rreze: 3px; rrezja kufitare: 3px; } div.wpcf7 .ajax-loader {background-image: url ('your_loading_image_url_here'); gjerësia: 50px; lartësia: 50px; }

Nëse nuk keni nevojë të shkarravitni kodin, ju sugjerojmë të hidhni një vështrim në faqen tonë 10 plugins WordPress për të krijuar një formë kontakti në blogun tuaj

Zbuloni gjithashtu alternativa premium 3 që do t'ju ndihmojnë të krijoni format e kontaktit tuaj. 

1. Formulari i Kontaktit për W8

Formulari i Kontaktit W8 është një nga shtojcat e formularin e kontaktit më i popullarizuari në WordPress. Ai ofron shumë veçori të tilla si dorëzimi për marrës të shumtë, mbështetje për animacione, krijimi i pakufizuar i formave, stile të ndryshme dhe një shumëllojshmëri e gjerë opsionesh shtesë të personalizimit.

Përveç kësaj, ajo ofron faqen tuaj te internetit ose blogun tuaj një sistem profesional për ta bërë më të lehtë për të kontaktuar me klientët tuaj. Ju do të jeni në gjendje të personalizoni të gjitha format tuaja në përputhje me nevojat tuaja dhe shijet tuaja.

Shkarko | DEMO | web hosting

2. Na kontaktoni Formularin

Forma e Na Kontaktoni është një shtojcë e përgjegjshme WordPress dhe një mjet i thjeshtë, por i pasur me opsione personalizimi që ju lejon të shfaqni një formë të qartë dhe inkurajuese, në të cilën vizitorët tuaj mund t'ju kontaktojnë duke lënë mesazhin e tyre.

Ju do të jeni në gjendje të përcaktoni fushat e nevojshme, të zgjidhni skedarin më të mirë të fushave dhe ta rregulloni plotësisht atë për të inkurajuar klientët ose vizitorët tuaj të lënë sugjerimet ose mesazhet e tyre.

Thjesht vendosni adresën e postës elektronike ku dëshironi të merrni mesazhet dhe përdorni atë për të rritur biznesin tuaj në drejtimin më fitimprurës.

Shkarko | DEMO | web hosting

3. Slick Popup Pro

Slick Popup Pro është një Shtesa e WordPress mjaft e thjeshtë dhe e lehtë që konverton çdo formë të krijuar nga shtojca Kontaktoni 7 Form në një popup. Ajo përdor formën dhe e kthen atë në një popup të bukur dhe të përkryer të përgjegjshëm.

Forma e dritares mund të ketë disa përdorime duke përfshirë: një formë të mbledhjes së informacionit, a formularin e kontaktit, një formular regjistrimi, një formë kuotimi, një formë sugjerimi / ankese dhe të tjerët.

Shkarko | DEMO | web hosting

Burimet e rekomanduara

Shikoni burime të tjera të rekomanduara që do t'ju ndihmojnë të krijoni dhe menaxhoni më mirë forma të kontaktit në faqen tuaj në internet ose blog. 

• Shtojcat 6 WordPress për verifikim nga CAPTCHA në format tuaja
• Si për të shtuar një kontakt formë me WordPress Forma Kontakt 7
• Si të krijoni forma të përputhshme të GDPR në WordPress

Përfundim

Voila! Kjo është gjithçka për këtë tutorial, shpresoj se do të keni më shumë ide për të rregulluar formën tuaj të kontaktit. Mos hezitoni të ndajeni me miqtë tuaj në rrjetet tuaja të preferuara sociale. 

Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress.

Por, ndërkohë, na tregoni për tuajat komente dhe sugjerime në pjesën e dedikuar.

...