Koristeči jednostavni Form editor možete sa lakoćom kreirati različite vrste formi odnosno Web obrazaca koji Vam mogu  pomoći u interakciji sa posjetiteljima Vašeg Web sajta. Form editor je veoma sličan interfejsu za upravljanje sadržajem s tim da Form editor posjeduje niz dodatnih opcija za prilagođavanje Web obrazaca odnosno formulara. To Vam omogućava da kreirate sve vrste polja koje su Vam potrebne te iste organizovati prema tipu forme koji želite kreirati (Feedback forma, froma za zahtijev informacija o proizvodu ili uslugi, forma za ankete i upitnike i sl.). Takođe možete definisati i akcije koje će se preduzeti kada određena forma bude popunjena i submitirana gdje će se podaci unijeti u formu poslati na određenu email adresu ili postaviti na forum ili blog. Pored pomenutih opcija treba spomenuti i mogućnost da se korisnik koji popuni formu automatski pridruži određenoj grupi korisnika i time stekne određene benificije i sl.

Kako biste dodali formu na Vaš Web sajt potrebno je otvoriti padajući meni klikom na Add Content u gornjem lijevom uglu te iz padajućeg menija odabrati opciju Form. Zeleni pravougaonici će označiti sve moguće lokacije gdje forma može biti smještena. Klikom na jedan od zelenih pravougaonika odaberite lokaciju za formu nakon čega će se otvoriti Add Form popup prozor.

Unutar praznog Add Form editora Submit dugme će biti automatski dodano. Ovo dugme je obavezan element svake forme i ne može biti obrisano iz iste (služi kako bi se informacije unijete u formu poslale na odredište). Iznad Submit dugmeta možete dodati bilo koju vrstu polja za Vašu formu - polje za tekst, zona za tekst, kućice i dugmići za selektovanje i sl. Takođe pored dugmeta Submit možete dodati Reset dugme koje će omogućiti korisniku da jednim klikom obriše podatke iz svih polja forme (ukoliko postoji potreba za tim).

Tipovi polja koje možete dodati u formu

1. Text Field

Text Field polje se koristi za unos veoma kratkog teksta i to samo u jednom redu. Kako biste dodali tekstualno polje kliknite na Add Text Field ikonu koja se nalazi u alatnoj traci Form Editora. Nakon toga kliknite na tekstualno polje koje ste dodali i sa desne strane pojavit će se panel sa setom opcija.

• Type padajući meni određuje koje informacije korisnik treba unijeti u ovo polje.

1. Text: tekst koji korisnici upišu će se prikazati u istoj formi u kojoj su ga unijeli
2. Password: upisani tekst će se prikazati u formi ***** tako da drugi korisnici ne mogu vidjeti upisani tekst
3. File: korisnici mogu izvršiti upload fotografija, audio i video materijala, dokumenata i sl. Kada korisnik popuni formu i submitira podatke primit ćete email sa informacijama koje između ostalog sadrže i link prema datoteci koju je korisnik putem forme uploadovao.
   
4. Hidden: koristi se prilikom prikupljanja sistemskih podataka kao što su IP adresa korisnika, informacije o nazivu i verziji Web preglednika (Web browser) koji je korišten prilikom submitiranja forme te za dodavanje podataka koji ne smiju biti vidljivi za korisnike. Skriveno polje nikada nije vidljivo za korisnike Vašeg Web sajta. 
   

• Name određuje ime polja koje pripada određenoj formi i koje se koristi za identifikaciju polja unutar te forme. Svako polje forme treba da ima jedinstveno ime kako bi se prilikom transfera informacija iz forme u bazu podataka ili mailing listu, informacije mogle pravilno identifikovati i uputiti na pravo mjesto.

• Width polje služi za podešavanje širine polja unošenjem vrijednosti izražene u pikselima ili povlačenjem kontrola za promjenu širine polja (kontrole će se pojaviti nakon klika napolje).
  

• Max Length polje služi za definisanje maksimalnog broja karaktera koje ovo polje može prihvatiti. Vaše polje može biti vizuelno malo, ali ono će prihavtiti onoliko karaktera koliko Vi definišete u Max Length polju.
  

• Validate As padajući meni omogućava Vam da definišete tip sadržaja koji je potrebno unijeti u polje. Ukoliko korisnik ne unese pravilan tip sadržaja koji je definisan za polje neće biti u mogućnosti submitirati podatke. Ako na primjer tekstualno polje definišete da prima samo sadržaj u obliku email adresa svaki unos sadržaja drugog tipa će rezultirati greškom i onemogućiti submitiranje informacija. Polja tekstualnog tipa se mogu definisati da primaju i datum, broj telefona te još mnogo drugih tipova sadržaja.
  

• Default Value polje će biti unaprijed popunjeno nakon pristupa formi. Kojim će tipom sadržaja biti popunjeno ovo polje zavisi od specijalnih riječi koje se unose u Default Value polje. Svaka od dole navedenih specijalnih riječi će biti zamijenjena sa odgovarajućom vrijednošću:

     $date  - Datum u formatu GGGG-MM-DD

     $date_time  - Datum i vrijeme u formatu GGGG-MM-DD HH:MM

     $browser_ver  - Verzija Web preglednika i operativnog sistema

     $referrer  - Web sajt sa kojeg je posjetitelj došao na Vaš Web sajt

     $ip  - IP adresa posjetioca

2. Text Area

 

Text Area polje je veoma slično klasičnom tekstualnom polju s tim da ovo polje može sadržavati mnogo više teksta koji može biti smješten u beskonačno mnogo redova (za razliku od klasičnog tekstualnog polja koji podržava samo jedan red). Text Area (tekstualna zona) polje možete dodati ako kliknete na Add Text Area  ikonu. Kliknite na polje koje ste dodali kako biste vidjeli opcije prilagođavanja prikazane sa desne strane. Opcije Name, Width, Validate As i Default Value su identične kao prethodne kod klasičnog tekstualnog polja. Osim navedenih imamo i slijedeće opcije:

• Height polje omogućava definisanje visine polja tekstualne zone. Visina se može podešavati unošenjem vrijednosti izražene u pikselima u polje Height ili povlačenjem kontrola za promjenu visine.

• Wrap padajući meni omogućava razne opcije preloma teksta koji je submitiran putem Text Area polja i koji se prikazuje u nekom email klijentu, blogu ili forumu . Selektujte opciju Default iz padajućeg menija ukoliko želite da prelom teksta prepustite email klijentu ili Web pregledniku gdje će isti prema svojim zadanim postavkama vršiti prelom teksta. Ukoliko odaberete opciju Physical prelom teksta u email klijentu će biti identičan prelomu u tekst zoni. Opcija Virtual će dopustiti email klijentu da odluči na koji način tekst treba biti prelomljen.
  

    

3. Select Field je polje koje sadrži određeni broj opcija koje su prikazane jedna ispod druge. Select Field možete dodati klikom na Add Select Field ikonu. Kliknite na polje koji ste dodali kako biste vidjeli opcije prilagođavanja sa desne strane. Nove opcije su:

• Type padajući meni nudi dva tipa prikaza opcija za Select Field polje. Ukoliko se odabere Menu tip polje će biti u obliku padajućeg menija sa opcijama. Ako odaberete List tip dostupne opcije će se prikazati u obliku liste, jedna ispod druge.
  
• Options sekcija omogućava prikaz opcija padajućeg menija ili liste. Option Name je naziv opcije koji je prikazan u padajućem meniju ili listi. Option Value je tekst koji će biti poslan na email ili unesen na forum ili blog kada je određena opcija odabrana. Koristeći strelice (gore/dole) možete rearanžirati opcije u padajućem meniju ili listi. Treba spomenuti i mogućnost brisanja opcije i mogućnost odabira određene opcije koja će biti zadana bez interakcije korisnika.

    

4. Checkboxes

Checkboxes elementi se koriste u situacijama kada imamo listu mogućih opcija gdje korisnik može odabrati sve opcije ili samo neke od njih. Stand-alone checkbox je element koji se koristi u situacijama kada se korisniku nudi samo jedna opciju koju on može ukljućiti ili iskljućiti.

Checkbox (kućicu) možete dodati ako kliknete na Add Checkbox ikonu. Kliknite na dodanu kućicu kako biste vidjeli opcije prilagođavanja na desnoj strani.

• Kućice, kao i druga polja, imaju ime koje ih identifikuje. Name polje trebalo bi da sadrži pitanje na koje će korisnici odgovarati selektujući kućice koje se odnose na odgovore.
  
• Value polje je namijenjeno za odgovor na ostavljeno pitanje (npr. ukoliko u polje Value unesete YES, korisnici koji selektuju kućicu su potvrdno odgovorili na pitanje).
  
• Ukoliko selektujete Default State opciju, kućica će biti automatski selektovana kada se učita stranica na kojoj se forma nalazi.
  
• Mandatory opcija obavezuje korisnika da selektuje kućicu kako bi bio u mogućnosti da submitira podatke iz forme. Ova opcija je jako korisna ukoliko postoji potreba da korisnik pristane na uslove korištenja Vašeg Web sajta ili nekog njegovog dijela.
  

5. Radio buttons

Radio buttons elementi se koriste kada postoji popis međusobno isključivih opcija tj. kada korisnik može odabrati samo jednu opciju od navedenih. Radio button možete dodati ako kliknete na Add Radio Button ikonu. Kliknite na dodano dugme kako biste vidjeli opcije prilagođavanja na desnoj strani.

• Svi Radio dugmići predstavljaju opcije za jedno pitanje i svi dugmići moraju pripadati jednoj grupi. Jedna grupa predstavlja pitanje sa setom odgovora u formi dugmića (Radio Buttons). Bilo kada samo jedno dugme može biti selektovano (klik na drugo dugme će deselktovati prvo dugme i selektovati drugo).
  

• Values polje je namijenjeno za aktuelni odgovor na pitanje. Primjer: postavite pitanje: "Da li Vam se dopada moj Web sajt?" i želite korisnicima dati tri odgovora: DA, NE i NIJE LOŠE. Grupu možete imenovati kao "Volite moj Web sajt" dok će vrijednosti dugmadi biti: DA, NE i NIJE LOŠE. Ako korisnik odabere DA opciju, u emailu, na blogu ili forumu ili nekom drugom mjestu gdje će se podaci objaviti dobit će se informacija: Volite moj Web sajt: DA.

• Default State i Mandatory opcije funkcionišu na isti način kao što je opisano u Checkboxes rubrici.
  

6. Reset button

Pritiskom na Reset dugme sve informacije koje je korisnik unio u formu bit će izbrisane. Kako biste dodali ovo dugme potrebno je da kliknete na Add Reset Button ikonu u interfejsu za upravljanje formama (Form Editor). Jedina opcija vezana za ovo polje je opcija odnosno polje Caption. Vrijednost odnosno tekst polja Caption će biti prikazan na dugmetu Reset. Ovo dugme je uglavnom smješteno pored dugmeta Submit.

7. Submit button

Submit dugme je glavni element u formi koji šalje informacije koje je korisnik unio u formu na email, forum, blog ili drugu lokaciju zadanu u formi. Nijedna forma ne može biti funkcionalna bez Submit dugmeta te je zbog toga u interfejsu onemogućeno brisanje istoimenog dugmeta. Jedna forma može imati samo jedno Submit dugme. Klikom na Submit dugme pojavit će se Form panel sa postavkama forme na desnoj strani.



U polje Name možete upisati ime forme prema kojem će ista biti identifikovana. Submit Caption polje definiše tekst koji će biti prikazan na Submit dugmetu. Next page padajući meni omogućava definisanje stranice na koju će korisnik biti preusmjeren nakon uspješnog submitiranja podataka iz forme (to može biti stranica sa zahvalnicom i sl.). Actions panel koji se nalazi u postavkama forme nudi načine za procesiranje informacija unijetih putem forme od strane korisnika. U nastavku pregledat ćemo sve akcije i njihove postavke.

Akcije za procesiranje informacija
Kako biste kompletirali formu potrebno je odredite šta Submit dugme treba da uradi.

• Da li poslati submitirane informacije na Vaš email?
• Da li objaviti submitirane informacije na forum ili blog Vašeg Web sajta?
• Da li pridružiti email adresu navedenu negdje u formi nekoj od Vaših mailing listi?

Pregledat ćemo svaku od ovih opcija da biste vidjeli kako da podesite Vašu formu da izvršava jednu ili sve navedene akcije.

Kliknite na već dodano Submit dugme. Lista dostupnih akcija za formu pojavit će se u obliku panela sa desne strane interfejsa za upravljanje formama - Send to Email (pošalji na email), Submit to Forum (zaprimi - objavi na forum), Add to Mailing list (dodaj email adresu iz forme na mailing listu - po izboru), Send Confirmation Email (pošalji konfirmacijski email korisniku), Send to Database (pošalji u bazu podataka). Selektovanje bilo koje od navedenih opcija će otvoriti set naprednih opcija.



1. Send to Email - Pošalji na email
Recimo da želite da sadržaj submitiran u formu pošaljete na email. Selektujte Send to Email kućicu kako biste pristupili opcijama ove sekcije. To polje se koristi da definiše email adresu na koju će se slati sve submitirane forme. From polje se koristi za definisanje email adrese sa koje će se vršiti slanje sadržaja. Subject polje određuje nalsov emaila koji sadrži informacije submitirane u formi. Mail Format padajući meni sadrži opcije formatiranja sadržaja emaila. Ukoliko odaberete Plain opciju formatiranje neće biti obavljeno dok će prilikom odabira HTML opcije submitirane informacije biti prikazane u HTML formatu.

 

Kako biste prikazali dodatne informacije i/ili primjenili posebno formatiranje na email sa podacima iz forme, selektujte Use Template kućicu i template editor će se otvoriti.

Template Editor (interfejs za upravljanje templejtima) je pojednostavljeni interfejs za upravljanje sadržajem koji posjeduje vlastite Save (spasi - snimi) i Cancel (poništi-otkaži) linkove koji će Vam omogućiti da spasite templejt ili da se vratite u form editor. Interfejs za upravljanje templejtima će Vam omogućiti da primjenite svoje stilove formatiranja i da u "tijelo" (body) emaila uključite bilo koju vrijednost bilo kojeg polja forme. Koristeći Value padajući meni u gornjem desnom uglu interfejsa možete umetnuti zone za željene vrijednosti polja (gdje su zone nosiocu vrijednosti). Vidjet ćete da su sva polja forme koja ste kreirali smještena u pomenuti padajući meni i sortirana po imenu. Nakon što je Vaš templejt spreman i snimljen svako submitiranje podataka u formu na Vašem Web sajtu će rezultirati primanjem emaila sa podacima iz forme koji će biti uređeni baš onako kako ste definisali u templejtu.

2. Submit to a Forum or Blog - Objavi na forum ili blog
Ukoliko želite da sadržaj iz forme objavite na forumu ili blogu Vašeg Web sajta selektujte Submit to Forum kućicu nakon čega će se na desnoj strani pojaviti panel sa detaljnim opcijama. Iz Forum/Blog padajućeg menija selektujte forum ili blog koji ste kreirali. U Fields Map sekciji definišite mapiranje između polja forme i obaveznih polja za svaku objavu na forumu ili blogu:Posting Title (naslov posta), Posting Content (sadržaj posta) i User Email (email adresa korisnika).

Kao kod Send to Email (Pošalji na email) opcije možete koristiti templejt umjesto opcija iz Posting Content padajućeg menija. Ukoliko selektujete Use Template opciju biti ćete u mogućnosti koristiti svoje stilove formatiranja i uključiti u sadržaj informaicje iz bilo kojeg polja forme.



3. Add to Mailing list - Dodaj email adresu iz forme na mailing listu
Selektujući Mailing List kućicu sve email adrese zaprimljene putem forme na Vašem Web sajtu će biti dodane u određenu mailing listu koju ste kreirali. U setu opcija u sklopu panela sa desne strane u polje Name unesite ime maling liste u koju će se submitirane email adrese dodavati. U Fields Map sekciji definišite koja polja u formi trebaju biti mapirana sa kao Email i Subscribe polja. Ukoliko želite da samo verifikovane email adrese budu dodane u mailing listu selektujte kućicu Confirmation (verifikovanje email adrese će se vršiti uz pomoć confirmacijskog linka koji će biti poslan na email adresu i na koji će korisnik morati kliknuti kako bi izvršio proces verifikacije).



Navedene opcije su jednostavne akcije forme te se zavisno od svrhe forme može izvoditi i nekoliko akcija nakon submitiranih informacija.

4. Send Confirmation Email - Pošalji konfirmacijski email korisniku
Ova opcija Vam omogućava da poašeljete odgovor Vašim korisnicima obavještavajući ih da su njihovi podaci zaprimljeni i da će biti obrađeni ubrzo. Nakon selektovanja Send Confirmation Email kućice sekcija sa dodatnim opcijama će se pojaviti na desnoj strani interfejsa. It To padajućeg menija odaberite naziv polja u koje će posjetitelji unositi svoju email adresu. Ovo će osigurati da se konfirmacija pošalje na email adresu koju je korisnik unio u formi. Preporučuje se korištenje email validacije za ovo polje kako bi bili sigurni da će korisnik unijeti email adresu u pravilnoj formi. U From polje unesite email adresu sa koje će se konfirmacijski emailovi slati korisnicima. U polje Subject unesite naslov konfirmacijskog emaila. Iz Mail Format padajućeg menija odaberite Plain ili HTML format. Ukoliko želite da izmjenite tekst konfirmacijske poruke kliknite na Template Edit opciju.



5. Send to Database - Pošalji u bazu podataka
Ova opcija omogućava da podatke iz forme proslijedite u bazu podataka na Vašem Web sajtu. Iz Database padajućeg menija odaberite bazu podataka koju ste kreirali i u koju želite pohraniti podatke iz forme. Ukoliko nemate kreiranu bazu onda odaberite opciju New Database nakon čega će se ispod padajućeg menija pojaviti polje Database Name u koje je potrebno unijeti ime baze. Require Confirmation opcija je identična kao kod ranijih primjera. Require approval opcija nakon uključenja zahtijeva unos moderatorske email adrese u polje Moderator's email, gdje će moderator putem emaila koji zaprimi morati odobriti svaki unos sadržaja iz forme u bazu podataka.



Čarobnjaci za forme
Editor za upravljanje formama posjeduej dva čarobnjaka za forme: Feedback form and Mailing list form. Ove forme dolaze sa gotovim poljima i predefinisanim postavkama koje možete prilagoditi po potrebi. Kako biste dodali neku od navedenih gotovih formi kliknite na ikonu za Mailing list form ili  na ikonu za Feedback form. Obe ikone se nalaze na alatnoj traci editora za forme. Primjenite modifikacije, ukoliko je potrebno, premjestite već kreirano Submit dugme na dno forme i definišite odgovarajuću akciju. Sve je podešeno.