Kako Instalirati Kontakt Formu u WordPress Web-stranicu

developer instalira kontakt formu

Kontakt forma omogućuje posjetiteljima da vas kontaktiraju izravno s vaše web-stranice, ispunjavanjem jednostavnog obrasca.

Prema zadanim postavkama WordPress ne dolazi s ugrađenom kontakt formom, ali postoje mnogi dodaci koji omogućuju jednostavno stvaranje i dodavanje obrazaca na web-stranicu.

Ne ostavljajte svoju e-adresu pod kontakt!

Spambot-ovi pretražuju web-stranice i traže tag “mailto:”. Kada objavite svoju adresu e-pošte na web-stranici, počet ćete primati puno neželjenih e-poruka.

Prva stvar koju trebate učiniti je, odabrati dodatak za kontakt formu. Postoji nekoliko odličnih besplatnih i plaćenih dodataka.

 

Besplatni Dodaci

Contact Form 7

Počet ćemo s najpopularnijim besplatnim dodatkom, koji je trenutno aktiviran na preko 5 milijuna web-stranica. Ako vam je potrebno jednostavno rješenje kontakt forme, preuzmite i instalirajte navedeni dodatak. Za nešto naprednije čitajte dalje.

Ninja Forms

Evo još jednog primjera dobrog dodatka za kontakt formu, koji je prilagođen i totalnim početnicima. Možete vrlo lako stvoriti kontakt formu, ili bilo koju drugu vrstu forme u roku od nekoliko minuta.

S Ninja Forms, sva magija se događa unutar drag and drop sučelja. Smatrajte ovaj dodatak korak iznad Contact Form 7.

 

Premium Dodatak

Gravity Forms

Gravity Forms je najpopularniji i najmoćniji plaćeni dodatak za izradu kontakt forme. Pomoću njegovih dodatnih dodataka, Gravity Forms može se koristiti i za izradu anketa i kvizova, ili jednostavno prilagoditi izgled forme.

Cijene kreću od 39 dolara godišnje za jednu web-stranicu.

 

Kreiranje Kontakt Forme

Za ovaj vodič koristit ću odličan WPForms Lite jer je besplatan, responzivan i (početnicima) jednostavan za korištenje.

Ovaj dodatak možete instalirati na svoju web-stranicu prijavom u nadzornu ploču, i klikom na Plugins » Add New. Ako trebate pomoć s instaliranjem dodataka, pročitajte članak kako instalirati dodatak.

U polje za pretraživanje upišite WPForms, zatim kliknite na gumb install now. Nakon instalacije, aktivirajte dodatak.

 

instalacija plugina za kontakt formu

 

Sada kada ste aktivirali WPForms, možemo izraditi kontakt formu. U nadzornoj ploči kliknite na WPForms pa na add new.

 

kontakt wordpress

 

Time će se otvoriti WPForms drag and drop sučelje. Prvo upišite naziv vaše kontakt forme, zatim odaberite predložak.

Besplatni WPForms Lite dolazi sa samo četiri unaprijed izgrađena obrasca. No možete koristiti ta četiri kako biste stvorili bilo koji oblik kontakt forme koji vam padne na pamet.

Ja ću za ovaj vodič odabrati simple contact form, automatski će dodati polja za ime, e-adresu i komentar/poruku.

 

kontakt obrazac

 

Možete ih kliknuti kako biste ih uredili tj. prilagodili hrvatskom jeziku. Ako želite dodati novo polje, odaberite jedno ili više njih s lijeve strane, i jednostavno ga povucite i ispustite na desnu stranu.

Kada završite, kliknite na gumb save.

 

kontakt obrazac

 

Sada kada ste stvorili kontakt formu, trebate ju ispravno konfigurirati.

Kliknite na settings s lijeve strane, pod general izmijenite submit button text i submit button processing text.

Confirmation je ono što će posjetitelji vaše web-stranice vidjeti nakon što pošalju obrazac. Možete im ostaviti zahvalnu poruku ili ih možete preusmjeriti na posebnu stranicu.

Kada završite kliknite na save zatim x u gornjem desnom kutu.

 

kontakt forma wpforms

 

Sada kada ste gotovi s konfiguracijom, vrijeme je da ju ugradite na web-stranicu. Kopirajte shortcode, zatim napravite novu stranicu ili uredite postojeću na koju želite dodati kontakt formu.

 

shortcode wpforms

 

Zalijepite shortcode u vizualni editor teksta, i kliknite update.

 

vizualni editor shortcode

 

Evo kako će izgledati jednostavna kontakt forma iz vodiča na web-stranici.

 

kontakt forma u wordpressu

 

Ako samo želite dodati kontakt formu na web-stranicu, gotovi ste, čestitam!

 

Kako Dodati Kontakt Formu na Bočnu Traku ili Podnožje

U nadzornoj ploči, idite na Appearance » Widgets.

Vidjet ćete widget WPForms s lijeve strane koji možete jednostavno povući u bočnu traku, podnožje ili na mjesto koje omogućuje prihvat widgeta, zavisno o vašoj temi.

 

widget kontakt forma footer sidebar

 

Upišite naslov svog widgeta i odaberite kontakt formu koju želite prikazati. Kada ste gotovi, spremite postavke.

Za više detalja, pročitajte članak kako dodati widget u WordPress.