U ovom članku ćete saznati kako napraviti obrazac s besplatnim Elementorom.
Iako je vidžet Form dostupan samo na Elementor Pro, to ne znači da ne možete kreirati obrazac na besplatnoj verziji Elementora.
Ako trebate dodati obrazac na stranicu koju kreirate s besplatnom verzijom Elementora, možete koristiti dvije metode koje ćemo pokriti u ovom članku.
Elementor, bilo da se radi o pro verziji ili besplatnoj verziji, dolazi s dva widgeta koje možete koristiti za kreiranje obrasca. Ovo su HTML i Shortcode widgeti. Sa HTML widgetom, možete ugraditi HTML obrazac, dok vam widget Shortcode omogućava da ugradite obrazac iz dodataka za obrazac koji koriste kratki kod kao što je Kontakt obrazac 7.
Kreirajte obrazac sa Elementor besplatnom verzijom koristeći HTML Widget
Ova metoda zahtijeva da imate HTML vještinu za kreiranje obrasca. Ili, možete preuzeti HTML obrazac obrasca sa Interneta. W3docs ima više od 60 HTML šabloni obrazaca koju možete besplatno preuzeti.
Za početak, kreirajte novu stranicu i uredite je pomoću Elementora (Stranice – > Dodaj). Naravno, možete modificirati i postojeću stranicu. Ako želite da kreirate obrazac na novoj stranici, ne zaboravite da postavite izgled obrasca klikom na ikonu zupčanika u donjem levom panelu.
Dodajte novi odeljak klikom na dugme plus u oblasti za uređivanje i dodajte HTML obrazac prevlačenjem sa levog panela u oblast za uređivanje. Postavite ga na područje koje želite. Zatim idite na lijevi panel i zalijepite HTML kod obrasca u polje HTML kod ispod kartice sadržaj.
Objavite/ažurirajte stranicu kada završite sa njenim uređivanjem.
Vidi takođe: Kako koristiti Elementor widgete/predloške kao Gutenberg blokove
Stvar. Ako vaš HTML obrazac koristi vanjski CSS, slike ili JavaScript za stiliziranje, obavezno otpremite mape koje sadrže CSS kod, slike i JavaScript u korijenski direktorij vaše web stranice.
Kreirajte obrazac na Elementor besplatno koristeći kontakt formu 7
Ako nemate HTML vještine i ne želite koristiti HTML obrazac obrasca, možete kreirati obrazac na besplatnoj verziji Elementora koristeći dodatak Kontakt obrazac 7. Zapravo postoje mnogi drugi dodaci za obrasce. Preporučujemo Kontakt 7 jer je to najpopularniji dodatak za formulare za WordPress i potpuno besplatan.
Prvo, instalirajte dodatak Kontakt obrazac 7. Da biste to učinili, idite na Ekstenzije – > Dodaj. U polje za pretragu ukucajte „obrazac za kontakt 7“ i kliknite na dugme Instalirajte sada kada ga nađete.
Aktivirajte dodatak odmah nakon instaliranja.
Kontakt obrazac 7 dolazi sa zadanim obrascem (a kontakt formular ). Možete ga koristiti ako želite. Ako umjesto toga želite kreirati novi obrazac, možete otići na Kontakt – > Dodaj. Dajte svom obrascu ime kako biste ga lako mogli prepoznati u budućnosti.
Podrazumevano, vaš obrazac će se sastojati od četiri polja: ime, email, predmet i poruka.
Ako želite da dodate novo polje, postavite pokazivač na područje u koje želite da dodate novo polje (možete ga postaviti ispod ili iznad postojećeg polja). Dodajte oznaku za novo polje obrasca u formatu <label> votre label préféré </label>.
Postavite pokazivač odmah iza oznake i odaberite polje na kartici polja. Možete dodati novi prijelom reda kako biste svoje novo polje učinili čistijim od ostalih postojećih polja.
Popunite polja i kliknite na Umetnite oznaku (možete ostaviti sve kao zadano).
Kontakt obrazac 7 će poslati prijave poslate putem vašeg obrasca na e-mail. E-poruku možete postaviti sa kartice E-mail.
Možete ići na karticu poruke ako želite da poništite podrazumevane poruke. Možete prilagoditi poruku koja se pojavljuje nakon što posjetitelji uspješno pošalju obrazac ili poruku o grešci kada obrazac nije poslan itd.
Kliknite na dugme rekord kada završite sa uređivanjem obrasca i kopiranjem kratkog koda.
Da biste obrazac koji ste upravo kreirali dodali na svoju Elementor stranicu, kreirajte novu stranicu i uredite je pomoću Elementor-a, ili također možete urediti postojeću stranicu.
Pročitajte takođe: Kako onemogućiti Elementor iskačući prozor na pametnim telefonima
Dodajte novi odjeljak da postavite obrazac i dodajte Shortcode-widget. Kada dodate widget Shortcode, idite na lijevi panel i zalijepite kratki kod koji ste kopirali u polje shortcode ispod kartice sadržaj.
Objavite/ažurirajte svoju stranicu kada završite sa njenim uređivanjem.
Kontakt obrazac 7 koristi format stila WordPress tema koje koristite. Možete stilizirati svoj obrazac za kontakt 7, ali su potrebne CSS vještine. Ovaj članak možete pogledati i na Kako prilagoditi obrazac za kontakt 7 sa Essential Addons i Elementor.
Nabavite Elementor Pro odmah!!!
zaključak
Dakle! To je to za ovaj članak koji vam pokazuje kako da kreirate obrazac sa besplatnim Elementorom. 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.
...
