U ovom ćete članku saznati kako izraditi obrazac s besplatnim Elementorom.
Iako je widget Form dostupan samo na Elementor Pro, to ne znači da ne možete stvoriti obrazac na besplatnoj verziji Elementora.
Ako trebate dodati obrazac na stranicu koju stvarate 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 koja možete koristiti za izradu obrasca. Ovo su widgeti HTML i Shortcode. Pomoću HTML widgeta možete ugraditi HTML obrazac, dok vam widget Shortcode omogućuje ugrađivanje obrasca iz dodataka za obrasce koji koriste kratki kod kao što je Kontakt obrazac 7.
Stvorite obrazac s besplatnom verzijom Elementora pomoću HTML widgeta
Ova metoda zahtijeva da imate HTML vještinu za izradu obrasca. Ili možete preuzeti HTML predložak obrasca s Interneta. W3docs ima više od 60 HTML predlošci obrazaca koju možete besplatno preuzeti.
Za početak izradite novu stranicu i uredite je pomoću Elementora (Stranice – > Dodaj). Naravno, također možete izmijeniti postojeću stranicu. Ako želite stvoriti obrazac na novoj stranici, ne zaboravite postaviti izgled obrasca klikom na ikonu zupčanika u donjem lijevom panelu.
Dodajte novi odjeljak klikom na gumb plus u području za uređivanje i dodajte HTML obrazac povlačenjem s lijeve ploče u područje za uređivanje. Postavite ga na željeno područje. Zatim idite na lijevu ploču i zalijepite HTML kod obrasca u polje HTML kôd ispod kartice Sadržaj.
Objavite/ažurirajte stranicu nakon što završite s uređivanjem.
Otkrijte također: Kako koristiti Elementor widgete/predloške kao Gutenbergove blokove
Stvar. Ako vaš HTML obrazac koristi vanjski CSS, slike ili JavaScript za stiliziranje, svakako prenesite mape koje sadrže CSS kod, slike i JavaScript u korijenski direktorij vaše web stranice.
Besplatno izradite obrazac na Elementoru pomoću obrasca za kontakt 7
Ako nemate nikakve vještine HTML-a i ne želite koristiti predložak HTML obrasca, možete stvoriti obrazac na besplatnoj verziji Elementora pomoću dodatka Kontakt obrazac 7. Zapravo postoji mnogo drugih dodataka za obrasce. Preporučujemo Kontaktirajte obrasca 7 jer je to najpopularniji dodatak za obrazac za WordPress i potpuno besplatan.
Prvo instalirajte dodatak Kontakt obrazac 7. Da biste to učinili, idite na Proširenja – > Dodaj. Upišite "kontaktni obrazac 7" u okvir za pretraživanje i kliknite gumb sada instalirati nakon što ste ga pronašli.
Aktivirajte dodatak odmah nakon instaliranja.
Obrazac za kontakt 7 dolazi sa zadanim obrascem (a kontakt obrazac ). Možete ga koristiti ako želite. Ako umjesto toga želite stvoriti novi obrazac, možete otići na Kontakt – > Dodaj. Dajte svom obrascu naziv kako biste ga u budućnosti mogli lako prepoznati.
Prema zadanim postavkama, vaš će se obrazac sastojati od četiri polja: ime, e-pošta, predmet i poruka.
Ako želite dodati novo polje, postavite pokazivač na područje u koje želite dodati 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 retka kako bi vaše novo polje bilo čistije od ostalih postojećih polja.
Ispunite polja i kliknite na Umetnite oznaku (možete ostaviti sve kao zadano).
Obrazac za kontakt 7 poslat će podneske poslane putem vašeg obrasca na e-poštu. E-poštu možete postaviti na kartici E-mail.
Možete ići na karticu Poruke ako želite nadjačati zadane poruke. Možete prilagoditi poruku koja se pojavljuje nakon što vaši posjetitelji uspješno pošalju obrazac ili poruku o pogrešci kada obrazac nije predan, itd.
Kliknite na gumb Prijaviti kada završite s uređivanjem obrasca i kopiranjem kratkog koda.
Da biste obrazac koji ste upravo stvorili dodali na svoju stranicu Elementor, izradite novu stranicu i uredite je pomoću Elementora ili također možete urediti postojeću stranicu.
Pročitajte također: Kako onemogućiti Elementor skočni prozor na pametnim telefonima
Dodajte novi odjeljak za postavljanje obrasca i dodajte Kratki kod-widget. Nakon što dodate widget za kratki kod, idite na lijevu ploču i zalijepite kratki kod koji ste kopirali u polje SHORTCODE ispod kartice Sadržaj.
Objavite/ažurirajte svoju stranicu nakon što završite s uređivanjem.
Obrazac za kontakt 7 koristi format stila WordPress tema koje koristite. Možete stilizirati obrazac Contact Form 7, ali potrebne su vještine CSS-a. Također možete pogledati ovaj članak na Kako prilagoditi obrazac Contact Form 7 s Essential Addons i Elementor.
Nabavite Elementor Pro sada!!!
Zaključak
Dakle! To je sve za ovaj članak koji vam pokazuje kako izraditi obrazac s besplatnim Elementorom. Ako imate bilo kakvih nedoumica o tome kako doći tamo, obavijestite ih u Komentari.
Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
