Obrasci

Na administrativnom interfejsu sada postoji mogućnost kreiranja proizvoljnih obrazaca koji se mogu u potpunosti prilagoditi.

Obrasci se mogu slobodno sastavljati od različitih tipova polja, kao što su ime, e-mail, lozinka, otpremanje fajlova, padajuće liste ili dugmad, a ova polja se mogu dodavati u proizvoljnom broju. Raspored elemenata je takođe fleksibilan – polja se mogu postavljati jedno pored drugog i slobodno pomerati. Gotovi obrasci se lako mogu umetnuti u bilo koji tekstualni sadržaj pomoću shortcode-a, kao što su članci, statične stranice, stranice proizvoda, galerije ili stranice brendova.

Lista obrazaca

1. Jezici - Određuje jezik na kojem su forme prikazane. Odabrani jezik će biti korišćen i pri kreiranju nove forme.
2. Naziv - Naziv forme.
3. Aktivno - Pokazuje da li je forma vidljiva kupcima u prodavnici. Neaktivne forme nisu vidljive kupcima.
4. Kod forme - Ovaj kod je potrebno kopirati i postaviti u statički sadržaj.
5. Kopiraj kod - Kopiranje koda forme.
6. Kloniraj - Kreira identičnu formu, ali sa različitim ID-om.
7. Klikom na dugme "Uredi", vlasnici prodavnica mogu da izmene postojeće forme.
8. Ako forma više nije potrebna, vlasnici prodavnica je mogu obrisati klikom na dugme "Kanta".
9. Da biste pretražili formu po nazivu, jednostavno unesite naziv u pretraživač i kliknite na ikonu "lupice".
10. Klikom na dugme "Dodaj novo", administratori mogu kreirati novu formu za odabrani jezik.

Kreiranje i uređivanje obrazaca

Za kreiranje obrazaca jednostavno prevucite željena polja sa desne strane po sopstvenoj želji. Da bi obrazac mogao biti poslat, potrebno je da sadrži dugme za slanje.

1. Ime– naziv obrasca
2. Aktivan – određuje da li je stranica vidljiva kupcima. Neaktivne stranice se ne prikazuju kupcima i njihove navigacione veze se skrivaju iz odgovarajućih menija.
3. Email obaveštenje – ako je uključeno, nakon uspešnog slanja obrasca, sistem šalje obaveštenje na kontakt e-mail adrese, kao i korisniku ako je obrazac sadržao polje sa imenom „email” koje je popunjeno.
4. Jezik - ovde možemo da izaberemo jezik na kojem želimo da kreiramo.
5. Vrsta odgovora – ovde možete izabrati kako će stranica preusmeriti korisnika nakon popunjavanja obrasca.
6. URL za preusmerenje – ovde možete uneti adresu na koju će korisnik biti preusmeren.

Nakon što je obrazac napravljen, jednostavno kopirajte shortcode sa stranice sa listom i postavite ga u statički sadržaj:

---

Polje za tekst

Kada se kreira tekstualno polje, korisnik će imati mogućnost unosa teksta.

1. Obavezno - Ovde možemo odlučiti da li je polje u formi obavezno za popunjavanje ili opcionalno.
2. Etiketa - Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
3. Tekst za pomoć - Možemo detaljnije objasniti šta mislimo ili šta tražimo u datom polju.
4. Primerak teksta - Šta treba da se pojavi u tekstualnom polju pre nego što kliknemo na njega.
5. Klasa - Ako želimo kasnije dodeliti stil pomoću koda, vredi dodeliti prilagođenu klasu.
6. Ime - Naziv polja se postavlja ovde.
7. Vrednost - Ovde možemo dodeliti vrednost tekstualnom polju, ako je potrebno.
8. Tip - Možemo postaviti koji tip vrednosti očekujemo u tekstualnom polju.
9. Maksimalna dužina - Možemo odrediti maksimalan broj karaktera koji tekst može imati.
10. Širina - Možemo postaviti širinu ulaznog polja u formi.

Kako se prikazuje na frontendu?

---

Izaberi

Prilikom odabira korisnik ima mogućnost da izabere između više opcija.

1. Obavezno – Ovde možemo odrediti da li je polje u formularu obavezno za popunjavanje ili je opciono.
2. Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
3. Tekst za pomoć – Možemo detaljnije objasniti šta se traži u tom polju.
4. Primerak teksta – Tekst koji se prikazuje unutar polja dok korisnik ne klikne na njega.
5. Klasa – Ako želimo da naknadno dodamo stil putem koda, preporučuje se dodeliti posebnu CSS klasu.
6. Naziv – Ovde se unosi ime polja.
7. Oznaka (za opcije) – Kod opcija možemo podesiti šta će pisati iznad polja za unos.
8. Vrednost – Možemo odrediti koliku vrednost ima određena mera, što je važno za statistiku podataka.
9. Select2 - Možemo omogućiti pretragu među ponuđenim opcijama.
10. Širina – Možemo podesiti širinu polja za unos u formularu.

Kako se prikazuje na frontendu?

---

Tekstualna oblast

Okvir za unos teksta je sličan polju za unos, jer korisnik prilikom kreiranja ima mogućnost unosa teksta. Razlika je u tome što je okvir za unos teksta pogodan i za unos dužih tekstova.

1. Obavezno – ovde možemo da odlučimo da li je određeno polje u obrascu obavezno za popunjavanje ili je opciono.
2. Etiketa – možemo da unesemo naziv koji će se prikazivati iznad polja za unos teksta.
3. Tekst za pomoć – ovde možemo detaljnije objasniti na šta mislimo ili šta tražimo u datom polju.
4. Primerak teksta – određuje se šta će biti prikazano unutar polja dok korisnik ne klikne na njega.
5. Klasa – ako želimo kasnije da primenimo neki stil putem koda, korisno je dodeliti polju sopstvenu CSS klasu.
6. Ime – ovde unosimo naziv samog polja.
7. Vrednost – možemo navesti kolika je vrednost nekog podatka. Ovo je važno za statistiku podataka.
8. Tip – određuje se koji tip vrednosti očekujemo u polju za unos teksta.
9. Maksimalna dužina – možemo odrediti maksimalan broj karaktera koji se može uneti.
10. Redovi – ovde možemo definisati koliko redova treba da ima okvir za unos teksta.
11. Širina – omogućava podešavanje širine samog polja u obrascu.

Kako se prikazuje na frontendu?

---

Polje za datum

Pomoću polja za datum korisnici mogu jednostavno da odaberu željeni datum.

1. Obavezno – Ovde možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
2. Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
3. Tekst za pomoć  – Možemo detaljnije objasniti šta mislimo ili šta tražimo u datom polju.
4. Primerak teksta – Tekst koji se prikazuje u polju dok korisnik ne klikne na njega.
5. Klasa – Ako želimo kasnije dodati stil putem koda, korisno je dodeliti sopstvenu CSS klasu.
6. Ime – Ovde možemo postaviti naziv polja.
7. Vrednost – Možemo definisati koliku vrednost ima određeno polje. Ovo je važno za statistiku podataka.
8. Tip – Možemo definisati koji tip vrednosti očekujemo u tekstualnom polju.
9. Min – Možemo postaviti najraniji datum koji je moguće izabrati.
10. Max – Možemo postaviti najkasniji datum koji je moguće izabrati.
11. Korak – Ako unesemo broj x, biće moguće izabrati svaki x-ti datum.
12. Flatpickr – Ovim možemo promeniti izgled forme za unos datuma.
13. Širina – Možemo podesiti širinu polja u formularu.

Kako se prikazuje na frontendu?

---

Broj

Polje za broj omogućava korisniku da unese numeričku vrednost.

1. Obavezno – Ovde možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
2. Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
3. Tekst za pomoć– Možemo detaljnije objasniti šta mislimo ili šta tražimo u datom polju.
4. Primerka teksta – Tekst koji se prikazuje u polju dok korisnik ne klikne na njega.
5. Klasa – Ako želimo kasnije dodati stil putem koda, korisno je dodeliti sopstvenu CSS klasu.
6. Ime – Ovde možemo postaviti naziv polja.
7. Vrednost – Možemo definisati koliku vrednost ima određeno polje. Ovo je važno za statistiku podataka.
8. Tip – Možemo definisati koji tip vrednosti očekujemo u tekstualnom polju.
9. Min – Možemo postaviti najraniji datum koji je moguće izabrati.
10. Max – Možemo postaviti najkasniji datum koji je moguće izabrati.
11. Korak – Ako unesemo broj x, biće moguće izabrati svaki x-ti broj.
12. Širina – Možemo podesiti širinu polja u formularu.

Kako se prikazuje na frontendu?

---

Grupa potvrđenih kućica

Grupa za potvrdu omogućava korisnicima da izaberu više od jedne opcije među ponuđenima.

1. Obavezno – Ovde možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
2. Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
3. Tekst za pomoć – Možemo detaljnije objasniti šta tačno tražimo u datom polju.
4. Prekidač – Ako se ova opcija uključi, umesto čekboks polja pojavljuje se prekidač (switch).
5. U liniji – Podrazumevano se opcije prikazuju ispod jedna druge, ali ako se ova opcija uključi, prikazuju se jedna pored druge.
6. Klasa – Ako želimo kasnije da stilizujemo polje putem koda, korisno je dodeliti mu sopstvenu CSS klasu.
7. Ime – Ovde možemo uneti naziv polja.
8. Oznaka (za opcije) – Možemo podesiti šta će biti prikazano iznad opcija unosa.
9. Vrednost – Možemo odrediti koliku vrednost ima neka metrika. Ovo je važno za statistiku podataka.
10. Širina – Možemo podesiti širinu formularskog polja.

Kako se prikazuje na frontendu?

---

Grupa radio dugmadi

Grupa radio dugmadi omogućava korisniku da izabere jednu opciju među više ponuđenih.

1. Obavezno – Ovde možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
2. Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
3. Tekst za pomoć– Možemo detaljnije objasniti šta tačno tražimo u datom polju.
4. U liniji – Podrazumevano se opcije prikazuju jedna ispod druge, ali ako se ovo uključi, prikazuju se jedna pored druge.
5. Klasa – Ako želimo kasnije dodati stil pomoću koda, korisno je dodeliti sopstvenu CSS klasu.
6. Ime – Ovde se postavlja ime polja.
7. Oznaka (za opcije) – Omogućava da se postavi tekst iznad opcija unosa.
8. Vrednost – Ovde možemo definisati vrednost neke metrike. Ovo je važno za statistiku podataka.
9. Širina – Možemo podesiti širinu polja u formularu.

Kako se prikazuje na frontendu?

---

Otprema datoteka

Pomoću otpremanja fajlova korisnici mogu jednostavno priložiti i poslati željene dokumente ili slike.

1. Obavezno – Ovde možete odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
2. Etiketa – Možete uneti naslov koji se prikazuje iznad tekstualnog polja.
3. Tekst za pomoć – Možete detaljnije objasniti šta mislite ili šta tražite u datom polju.
4. Primerak teskta – Šta treba da se pojavi u tekstualnom polju dok se ne klikne na njega.
5. Klasa – Ako želite kasnije primeniti stil pomoću koda, vredi dodeliti sopstvenu klasu.
6. Ime – Ovde možete postaviti ime polja.
7. Više datoteka – Ovde možete omogućiti postavljanje više fajlova odjednom.
8. Dozvoli slike – Možete podesiti da li je dozvoljeno postavljanje slika ili ne.
9. Dozvoli dokumente – Možete podesiti da li je dozvoljeno postavljanje dokumenata ili ne.
10. Širina – Možete podesiti širinu polja u formularu.

Kako se prikazuje na frontendu?

---

Skriveni unos

Skriveno polje omogućava slanje podataka putem obrasca koje korisnik ne unosi direktno.

1. Ime – Možete uneti naziv skrivenog polja.
2. Vrednost – Možete dodeliti vrednost skrivenom polju, koju kasnije možete iskoristiti. (Ovo polje neće biti prikazano u formularu)

---

Dugme

Pomoću dugmeta obrazac se može poslati ili resetovati.

1. Etiketa – Možete uneti tekst koji se prikazuje na dugmetu.
2. Tip – Možete odrediti koji tip dugmeta želite.
   VAŽNO: Da bi forma mogla da se pošalje, njen tip mora biti postavljen na „Pošalji”.
3. Stil – Možete izabrati stil dugmeta.
4. Klasa – Ako kasnije želite primeniti sopstveni stil putem koda, preporučuje se dodeliti posebnu klasu.
5. Ime – Ovde možete uneti naziv polja.
6. Vrednost – Možete odrediti koju vrednost dugme treba da ima.
7. U liniji – Ako se uključi, dugme neće zauzimati ceo red u formularu.

Kako se prikazuje na frontendu?

---

Naslov

Pomoću zaglavlja može se uneti naslov obrasca.

1. Etiketa – Možete uneti tekst oznake.
2. Tip – Možete odrediti koji tip dugmeta želite.
3. Klasa – Ako kasnije želite primeniti sopstveni stil putem koda, preporučuje se dodeliti posebnu klasu.
4. Širina – Možete postaviti širinu oznake.

Kako se prikazuje na frontendu?

---

Paragraf

Pomoću pasusa mogu se uneti duži opisi i objašnjenja u obrascu.

1. Sadržaj – Možete uneti duži tekst u formi.
2. Tip – Možete odrediti koji tip dugmeta želite.
3. Klasa – Ako kasnije želite primeniti sopstveni stil putem koda, preporučuje se dodeliti posebnu klasu.
4. Širina – Možete postaviti širinu oznake.

Kako se prikazuje na frontendu?