Dëshironi të personalizoni një formular të formularit të kontaktit 7 me shtojcën Elementor's Essential Addons?

Formulari i Kontaktit 7 është një nga WordPress plugins nga ndërtuesit më të njohur të formave. Është plotësisht falas dhe mund ta përdorni për të krijuar një formularin e kontaktit në uebfaqen tuaj të WordPress.

Ju gjithashtu mund të krijoni shumë lloje formularësh si një formular rezervimi ose një formular për ngarkim skedari. Ai ofron 14 lloje fushash që mund t'i përdorni gjatë krijimit të një formulari.

Shih gjithashtu: Si të përdorni miniaplikacionet / shabllonet Elementor si blloqe Gutenberg

Një nga problemet e zakonshme me shtojcën e formularit të kontaktit 7 është procesi i personalizimit të tij. Formulari i Kontaktit 7 përdor stilin tuaj të paracaktuar WordPress theme aktiv. Ju mund të përdorni një stil tjetër, por do të kërkohen aftësi CSS. Nëse nuk keni ndonjë aftësi CSS, mund të përdorni modulin Shtesa thelbësore për të stiluar formën tuaj.

Essential Addons është një shtesë Elementor që përmirëson procesin e personalizimit të formularëve të Formularit të Kontaktit 7 me Elementor. Elementor dhe Essential Addons janë shtojca freemium. Ju mund të përdorni versionet falas të të dyjave për të stiluar formularët e Formularit të Kontaktit 7.

Si të stiloni një formular të kontaktit 7 me shtesa thelbësore

Para se të filloni të stiloni format tuaja, sigurohuni që të keni instaluar Elementor et Shtesa thelbësore. Pasi të instalohet dhe aktivizohet, krijoni një faqe të re (Faqet – > Shto) dhe modifikojeni me Elementor.

personalizoni një formular të formularit të kontaktit 7 me shtojcën shtesë të Elementor's Essential Addons

Përpara se të filloni procesin e personalizimit, vendosni paraqitjen e faqes duke klikuar ikonën e ingranazhit në këndin e poshtëm të majtë. Vendosni paraqitjen nga menyja rënëse.

personalizoni një formular të formularit të kontaktit 7 me shtojcën shtesë të Elementor's Essential Addons

Shtoni një seksion të ri duke klikuar ikonën plus në kutinë e redaktimit dhe duke zvarritur miniaplikacionin Formulari i Kontaktit EA 7 nga paneli i majtë në redaktues.

personalizoni një formular të formularit të kontaktit 7 me shtojcën shtesë të Elementor's Essential Addons

Shkoni në panelin e majtë dhe zgjidhni formën, stilin e së cilës dëshironi të personalizoni.

Pasi të zgjidhni një formular, lundroni te skeda Stili. Siç mund ta shihni, mund të vendosni disa opsione stilimi. Këtu janë opsionet e zakonshme të stilimit që mund të vendosni.

  • Gjerësia e formës, shtrirja dhe sfondi

Nën bllok FormContainer, klikoni zgjedhësin e ngjyrave në seksion Lloji i sfondit dhe vendosni ngjyrën e dëshiruar për sfondin e formularit. Ju mund të përdorni ose një ngjyrë të fortë ose një ngjyrë gradient si sfond.

Lexo gjithashtu: Elementor: Si të importoni ose eksportoni shabllone

Për të vendosur shtrirjen e formularit, thjesht zgjidhni opsionin tuaj të preferuar të shtrirjes në seksion Rreshtimi i formës.

Për të vendosur gjerësinë e formularit, vendosni vlerën e Gjerësisë maksimale të formularit në fushë Forma Max Width.

personalizoni një formular të formularit të kontaktit 7 me shtojcën shtesë të Elementor's Essential Addons
  • Fusha e sfondit, gjerësia e kufirit dhe rrezja

Për të përcaktuar sfondin e fushave, gjerësinë dhe rrezen e kufirit, mund të hapni seksionin Input & Textarea. Klikoni në zgjedhësin e ngjyrave të fushës Ngjyrë e sfondit për të vendosur sfondin.

Ju gjithashtu mund të vendosni ngjyrën e sfondit të fushave në modalitetin e korrigjimit duke klikuar në skedën FOKUS.

Për të përcaktuar gjerësinë e fushave, mund të përcaktoni vlerën në fusha Gjerësia e hyrjes. Në këtë seksion mund të vendosni gjithashtu gjerësinë e fushës së kutisë së tekstit Gjerësia e tekstit.

Për të vendosur rrezen e kufirit, thjesht shkoni të redaktoni fushën Rrezja kufitare dhe vendosni vlerën e kufirit që preferoni. Ju gjithashtu mund të vendosni tipografinë (familjen e shkronjave, madhësinë e shkronjave, stilin e shkronjave) duke klikuar në ikonën e lapsit në fushë tipografi.

  • Etiketa

Shtesat thelbësore ju lejon gjithashtu të personalizoni stilin e etiketave të formave tuaja. Mund të vendosni ngjyrën e tekstit si dhe tipografinë. Për ta bërë këtë, hapni opsionin Etiketa. Caktoni ngjyrën e tekstit duke klikuar zgjedhësin e ngjyrave në fushë Ngjyra e tekstit.

Për të vendosur tipografinë, klikoni ikonën e lapsit në fushë Tipografi.

personalizoni një formular të formularit të kontaktit 7 me shtojcën shtesë të Elementor's Essential Addons
  • Butoni i dorëzimit

Për të personalizuar stilin e butonit të dorëzimit, hapni bllokun Dërgo butonin. Nga këtu mund të vendosni shtrirjen e butonave, gjerësinë, ngjyrën e sfondit, ngjyrën e tekstit, rrezen e kufirit si dhe tipografinë.

  • Mesazh gabimi

Për të personalizuar stilin e mesazhit të gabimit, mund të hapni bllokun gabimet. Mund të vendosni ngjyrën e tekstit të mesazhit të gabimit, tipografinë, ngjyrën e sfondit të gabimit të vërtetimit, ngjyrën e tekstit të gabimit të vërtetimit, etj.

Mund të vendosni disa opsione të tjera stili. Mund të luani me panelin e majtë derisa të jeni të kënaqur me stilin e formës suaj.

Mund të shtoni disa elementë të tjerë në faqen tuaj duke përdorur miniaplikacionet e disponueshme të ofruara nga Elementor dhe Essential Addons. Kur të keni mbaruar, klikoni butonin PUBLIKIMI në fund të panelit të majtë për të publikuar faqen tuaj.

Integrimi i formularit në një faqe të rregullt

Pasi të klikoni butonin PUBLIKIMI, faqja juaj e kontaktit në thelb është publikuar. Vetë faqja mundësohet nga Elementor. Nëse preferoni të shtoni tuajin formularin e kontaktit 7 në një faqe të rregullt (një faqe e krijuar me Gutenberg, redaktori i parazgjedhur i WordPress), mund të instaloni shtojcën Elementor Blocks për Gutenberg. Kjo shtojcë do të konvertojë një shabllon Elementor në një bllok Gutenberg.

Për të regjistruar tuaj formularin e kontaktit 7 si një shabllon Elementor, klikoni butonin me shigjetë pranë butonit PUBLIKIM / PPRDITSIM në panelin e majtë dhe zgjidhni Ruaje si shabllon.

Jepni një emër shabllonit tuaj dhe klikoni butonin REGJISTRUAR.

Krijo një faqe të re (Faqet – > Shto) dhe vendosni një emër si "na kontaktoni", "kontakt" ose ndonjë emër tjetër që ju pëlqen.

Shtoni një bllok të ri dhe zgjidhni Biblioteka Elementor dhe zgjidhni modelin e formularit të kontaktit që sapo keni krijuar.

personalizoni një formular të formularit të kontaktit 7 me shtojcën shtesë të Elementor's Essential Addons

Dhe tani sapo keni personalizuar formularin e Formularit të Kontaktit 7.

Merr Elementor Pro tani!!!

Përfundim

Këtu! Kjo është ajo për këtë artikull që ju tregon se si të personalizoni një formular kontakti 7 me Shtesat thelbësore. Nëse keni ndonjë shqetësim se si të arrini atje, njoftoni ata në komente.

Sidoqoftë, gjithashtu mund të këshilloheni burimet tona, 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 ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.

...