Želite li prilagoditi obrazac za kontakt 7 pomoću Elementorovog dodatka Essential Addons?

Kontakt obrazac 7 je jedan od WordPress plugins od najpopularnijih graditelja formi. Potpuno je besplatan i možete ga koristiti za kreiranje kontakt formular na vašoj web stranici WordPress.

Također možete kreirati mnoge vrste obrazaca kao što su formular za rezervaciju ili obrazac za otpremanje datoteke. Nudi 14 vrsta polja koja možete koristiti prilikom kreiranja obrasca.

Vidi takođe: Kako koristiti Elementor widgete/predloške kao Gutenberg blokove

Jedan od uobičajenih problema sa dodatkom kontakt forme 7 je njegov proces prilagođavanja. Kontakt obrazac 7 koristi zadani stil vašeg WordPress tema imovine. Možete koristiti drugačiji stil, ali će biti potrebne CSS vještine. Ako nemate CSS vještine, možete koristiti modul Osnovni dodaci da stilizujete svoju formu.

Essential Addons je Elementor dodatak koji poboljšava proces prilagođavanja vaših obrazaca Kontakt Form 7 pomoću Elementora. Elementor i Essential Addons su besplatni dodaci. Možete koristiti besplatne verzije oba za stiliziranje obrazaca Kontakt Form 7.

Kako stilizirati obrazac za kontakt 7 s osnovnim dodacima

Prije nego počnete stilizirati svoje obrasce, provjerite jeste li instalirali Elementor et Osnovni dodaci. Nakon instalacije i aktivacije, kreirajte novu stranicu (Stranice – > Dodaj) i uredite ga pomoću Elementora.

prilagodite obrazac za kontakt 7 pomoću Elementorovog dodatka Essential Addons

Prije nego započnete proces prilagođavanja, postavite izgled stranice klikom na ikonu zupčanika u donjem lijevom kutu. Postavite izgled iz padajućeg menija.

prilagodite obrazac za kontakt 7 pomoću Elementorovog dodatka Essential Addons

Dodajte novi odjeljak tako što ćete kliknuti na ikonu plus u okviru za uređivanje i prevući widget EA kontakt obrazac 7 sa lijevog panela u uređivaču.

prilagodite obrazac za kontakt 7 pomoću Elementorovog dodatka Essential Addons

Idite na lijevi panel i odaberite obrazac čiji stil želite prilagoditi.

Nakon što odaberete obrazac, idite na karticu stil. Kao što vidite, možete postaviti nekoliko stilskih opcija. Evo uobičajenih opcija stila koje možete postaviti.

  • Širina obrasca, poravnanje i pozadina

Ispod bloka FormContainer, kliknite na birač boje u odjeljku Vrsta pozadine i postavite željenu boju za pozadinu obrasca. Kao pozadinu možete koristiti jednobojnu ili gradijentnu boju.

Pročitajte takođe: Elementor: Kako uvesti ili izvesti šablone

Da biste postavili poravnanje obrasca, jednostavno odaberite željenu opciju poravnanja u odjeljku Form Alignment.

Da biste postavili širinu obrasca, postavite vrijednost maksimalne širine obrasca u polju Maksimalna širina obrasca.

prilagodite obrazac za kontakt 7 pomoću Elementorovog dodatka Essential Addons
  • Polje pozadine, širina ivice i radijus

Da biste definirali pozadinu polja, širinu i radijus ivice, možete otvoriti odjeljak Ulaz i tekst. Kliknite na birač boje polja Boja pozadine da postavite pozadinu.

Također možete postaviti boju pozadine polja u načinu za otklanjanje grešaka klikom na karticu FOCUS.

Da biste definirali širinu polja, možete definirati vrijednost u poljima Input Width. U ovom odeljku možete postaviti i širinu polja za tekst Textarea Width.

Za postavljanje radijusa granice samo idite uredite polje Granični radijus i postavite željenu vrijednost granice. Također možete postaviti tipografiju (familija fonta, veličina fonta, stil fonta) klikom na ikonu olovke u polju tipografija.

  • Etikete

Essential Addons vam također omogućava da prilagodite stil oznaka obrasca. Možete postaviti boju teksta kao i tipografiju. Da biste to učinili, otvorite opciju Etikete. Postavite boju teksta klikom na birač boje u polju Boja teksta.

Da biste postavili tipografiju, kliknite na ikonu olovke na polju tipografija.

prilagodite obrazac za kontakt 7 pomoću Elementorovog dodatka Essential Addons
  • Dugme za slanje

Da biste prilagodili stil dugmeta za slanje, otvorite blok Pošalji dugme. Odavde možete postaviti poravnanje dugmadi, širinu, boju pozadine, boju teksta, radijus ivice kao i tipografiju.

  • Poruka o grešci

Da biste prilagodili stil poruke o grešci, možete otvoriti blok Greške. Možete postaviti boju teksta poruke o grešci, tipografiju, boju pozadine greške pri validaciji, boju teksta greške pri validaciji itd.

Možete postaviti nekoliko drugih stilskih opcija. Možete se igrati sa lijevom pločom dok ne budete zadovoljni stilom svoje forme.

Možete dodati nekoliko drugih elemenata na svoju stranicu koristeći dostupne widgete koje nude Elementor i Essential Addons. Kada završite, kliknite na dugme OBJAVLJUJEMO na dnu lijevog panela da objavite svoju stranicu.

Integracija obrasca u redovnu stranicu

Nakon klika na dugme OBJAVLJUJEMO, vaša kontakt stranica je u osnovi objavljena. Samu stranicu pokreće Elementor. Ako želite da dodate svoje kontakt formular 7 na redovnu stranicu (stranica kreirana Gutenbergom, zadanim WordPress uređivačem), možete instalirati dodatak Elementarni blokovi za Gutenberga. Ovaj dodatak će pretvoriti Elementor predložak u Gutenberg blok.

Da registrujete svoj kontakt formular 7 kao Elementor predložak, kliknite na dugme sa strelicom pored dugmeta OBJAVI / AŽURIRAJ na lijevoj ploči i odaberite Sačuvaj kao predložak.

Dajte svom predlošku ime i kliknite na dugme REGISTER.

Kreirajte novu stranicu (Stranice – > Dodaj) i dajte mu ime poput "kontaktirajte nas", "kontakt" ili bilo koje drugo ime koje želite.

Dodajte novi blok i odaberite Elementor biblioteka i odaberite obrazac obrasca za kontakt koji ste upravo kreirali.

prilagodite obrazac za kontakt 7 pomoću Elementorovog dodatka Essential Addons

A sada ste upravo prilagodili svoj obrazac za kontakt 7.

Nabavite Elementor Pro odmah!!!

zaključak

Evo! To je to za ovaj članak koji vam pokazuje kako da prilagodite obrazac za kontakt obrazac 7 s Essential Addons. Ako imate bilo kakvih nedoumica oko toga kako doći do tamo, obavijestite ih u komentari.

Međutim, možete se posavjetovati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.

Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.

...