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 gumb, a ova polja se mogu dodavati u proizvoljnom broju. Raspored elemenata je također 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
- Jezici – Određuje jezik na kojem su obrasci prikazani. Izabrani jezik će se koristiti i prilikom kreiranja novog obrasca.
- ID – Jedinstveni identifikator obrasca.
- Naziv – Naziv obrasca.
- Aktivan – Prikazuje da li je obrazac vidljiv kupcima u trgovini. Neaktivni obrasci nisu vidljivi kupcima.
- Kod obrasca – Kod koji je potrebno kopirati i umetnuti u statički sadržaj.
- Kopiraj kod – Kopira kod obrasca.
- Pregled poslatih obrazaca – Prikazuje sve popunjene obrasce za izabrani obrazac.
- Izvoz poslatih obrazaca – Omogućava izvoz poslatih obrazaca u Excel datoteku. Izvoz sadrži identifikator svake prijave, korisnika, datum slanja i sve podatke unesene u obrazac.
- Kloniranje – Kreira kopiju izabranog obrasca sa novim ID-jem.
- Klikom na gumb „Izmeni“, vlasnici trgovine mogu uređivati postojeće obrasce.
- Ako obrazac više nije potreban, vlasnici trgovine ga mogu obrisati klikom na gumb „Obriši“ (korpa).
- Klikom na gumb „Dodaj novo“, administratori mogu kreirati novi obrazac za izabrani jezik.
- Za pretragu obrasca po nazivu, unesite njegov naziv u polje za pretragu i kliknite na ikonu lupe.
- Kreiranje i uređivanje obrazaca
Za kreiranje obrazaca jednostavno prevucite željena polja sa desne strane po vlastitoj želji. Da bi obrazac mogao biti poslat, potrebno je da sadrži gumb za slanje.
- Ime – naziv obrasca
- Aktivno (podrazumevano uključen) – određuje da li je stranica vidljiva kupcima
- E-mail obavijest – ako je uključeno, sustav šalje obavještajni e-mail na navedene adrese nakon uspješnog slanja obrasca
- Kontakt e-mail adrese – sustav šalje obavijesti na unete e-mail adrese tokom popunjavanja obrasca
- Jezik – moguće je izabrati na kom jeziku će obrazac biti dostupan
- Vrsta odgovora – moguće je izabrati kako će stranica preusmeriti korisnika nakon što kupac popuni obrazac
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.
- Obavezno - Ovdje možemo odlučiti da li je polje u formi obavezno za popunjavanje ili opcionalno.
- Etiketa - Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
- Tekst za pomoć - Možemo detaljnije objasniti što mislimo ili što tražimo u datom polju.
- Primjerak teksta - Što treba da se pojavi u tekstualnom polju prije nego što kliknemo na njega.
- Klasa - Ako želimo kasnije dodijeliti stil pomoću koda, vredi dodijeliti prilagođenu klasu.
- Ime - Naziv polja se postavlja ovdje.
- Vrijednost - Ovdje možemo dodijeliti vrijednost tekstualnom polju, ako je potrebno.
- Tip - Možemo postaviti koji tip vrijednosti očekujemo u tekstualnom polju.
- Maksimalna dužina - Možemo odrediti maksimalan broj karaktera koji tekst može imati.
- Š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.
- Obavezno – Ovdje možemo odrediti da li je polje u formularu obavezno za popunjavanje ili je opciono.
- Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
- Tekst za pomoć – Možemo detaljnije objasniti što se traži u tom polju.
- Primjerak teksta – Tekst koji se prikazuje unutar polja dok korisnik ne klikne na njega.
- Klasa – Ako želimo da naknadno dodamo stil putem koda, preporučuje se dodijeliti posebnu CSS klasu.
- Naziv – Ovdje se unosi ime polja.
- Oznaka (za opcije) – Kod opcija možemo podesiti što će pisati iznad polja za unos.
- Vrijednost – Možemo odrediti koliku vrijednost ima određena mera, što je važno za statistiku podataka.
- Select2 - Možemo omogućiti pretragu među ponuđenim opcijama.
- Š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.
- Obavezno – ovdje možemo da odlučimo da li je određeno polje u obrascu obavezno za popunjavanje ili je opciono.
- Etiketa – možemo da unesemo naziv koji će se prikazivati iznad polja za unos teksta.
- Tekst za pomoć – ovdje možemo detaljnije objasniti na što mislimo ili što tražimo u datom polju.
- Primjerak teksta – određuje se što će biti prikazano unutar polja dok korisnik ne klikne na njega.
- Klasa – ako želimo kasnije da primjenimo neki stil putem koda, korisno je dodijeliti polju vlastitu CSS klasu.
- Ime – ovdje unosimo naziv samog polja.
- Vrijednost – možemo navesti kolika je vrijednost nekog podatka. Ovo je važno za statistiku podataka.
- Tip – određuje se koji tip vrijednosti očekujemo u polju za unos teksta.
- Maksimalna dužina – možemo odrediti maksimalan broj karaktera koji se može uneti.
- Redovi – ovdje možemo definirati koliko redova treba da ima okvir za unos teksta.
- Š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.
- Obavezno – Ovdje možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
- Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
- Tekst za pomoć – Možemo detaljnije objasniti što mislimo ili što tražimo u datom polju.
- Primjerak teksta – Tekst koji se prikazuje u polju dok korisnik ne klikne na njega.
- Klasa – Ako želimo kasnije dodati stil putem koda, korisno je dodijeliti vlastitu CSS klasu.
- Ime – Ovdje možemo postaviti naziv polja.
- Vrijednost – Možemo definirati koliku vrijednost ima određeno polje. Ovo je važno za statistiku podataka.
- Tip – Možemo definirati koji tip vrijednosti očekujemo u tekstualnom polju.
- Min – Možemo postaviti najraniji datum koji je moguće izabrati.
- Max – Možemo postaviti najkasniji datum koji je moguće izabrati.
- Korak – Ako unesemo broj x, biće moguće izabrati svaki x-ti datum.
- Flatpickr – Ovim možemo promjeniti izgled forme za unos datuma.
- Širina – Možemo podesiti širinu polja u formularu.
- Kako se prikazuje na frontendu?
Broj
Polje za broj omogućava korisniku da unese numeričku vrijednost.
- Obavezno – Ovdje možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
- Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
- Tekst za pomoć– Možemo detaljnije objasniti što mislimo ili što tražimo u datom polju.
- Primjerka teksta – Tekst koji se prikazuje u polju dok korisnik ne klikne na njega.
- Klasa – Ako želimo kasnije dodati stil putem koda, korisno je dodijeliti vlastitu CSS klasu.
- Ime – Ovdje možemo postaviti naziv polja.
- Vrijednost – Možemo definirati koliku vrijednost ima određeno polje. Ovo je važno za statistiku podataka.
- Tip – Možemo definirati koji tip vrijednosti očekujemo u tekstualnom polju.
- Min – Možemo postaviti najraniji datum koji je moguće izabrati.
- Max – Možemo postaviti najkasniji datum koji je moguće izabrati.
- Korak – Ako unesemo broj x, biće moguće izabrati svaki x-ti broj.
- Š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.
- Obavezno – Ovdje možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
- Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
- Tekst za pomoć – Možemo detaljnije objasniti što točno tražimo u datom polju.
- Prekidač – Ako se ova opcija uključi, umjesto čekboks polja pojavljuje se prekidač (switch).
- U liniji – Podrazumevano se opcije prikazuju ispod jedna druge, ali ako se ova opcija uključi, prikazuju se jedna pored druge.
- Klasa – Ako želimo kasnije da stilizujemo polje putem koda, korisno je dodijeliti mu vlastitu CSS klasu.
- Ime – Ovdje možemo uneti naziv polja.
- Oznaka (za opcije) – Možemo podesiti što će biti prikazano iznad opcija unosa.
- Vrijednost – Možemo odrediti koliku vrijednost ima neka metrika. Ovo je važno za statistiku podataka.
- Širina – Možemo podesiti širinu formularskog polja.
- Kako se prikazuje na frontendu?
Grupa radio gumbi
Grupa radio gumbi omogućava korisniku da izabere jednu opciju među više ponuđenih.
- Obavezno – Ovdje možemo odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
- Etiketa – Možemo uneti naslov koji se prikazuje iznad tekstualnog polja.
- Tekst za pomoć– Možemo detaljnije objasniti što točno tražimo u datom polju.
- U liniji – Podrazumevano se opcije prikazuju jedna ispod druge, ali ako se ovo uključi, prikazuju se jedna pored druge.
- Klasa – Ako želimo kasnije dodati stil pomoću koda, korisno je dodijeliti vlastitu CSS klasu.
- Ime – Ovdje se postavlja ime polja.
- Oznaka (za opcije) – Omogućava da se postavi tekst iznad opcija unosa.
- Vrijednost – Ovdje možemo definirati vrijednost neke metrike. Ovo je važno za statistiku podataka.
- Š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.
- Obavezno – Ovdje možete odlučiti da li je polje u formularu obavezno za popunjavanje ili opciono.
- Etiketa – Možete uneti naslov koji se prikazuje iznad tekstualnog polja.
- Tekst za pomoć – Možete detaljnije objasniti što mislite ili što tražite u datom polju.
- Primjerak teskta – Što treba da se pojavi u tekstualnom polju dok se ne klikne na njega.
- Klasa – Ako želite kasnije primjeniti stil pomoću koda, vredi dodijeliti vlastitu klasu.
- Ime – Ovdje možete postaviti ime polja.
- Više datoteka – Ovdje možete omogućiti postavljanje više fajlova odjednom.
- Dozvoli slike – Možete podesiti da li je dozvoljeno postavljanje slika ili ne.
- Dozvoli dokumente – Možete podesiti da li je dozvoljeno postavljanje dokumenata ili ne.
- Š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 izravno.
- Ime – Možete uneti naziv skrivenog polja.
- Vrijednost – Možete dodijeliti vrijednost skrivenom polju, koju kasnije možete iskoristiti. (Ovo polje neće biti prikazano u formularu)
- Gumb
Pomoću gumbta obrazac se može poslati ili resetovati.
- Etiketa – Možete uneti tekst koji se prikazuje na gumbtu.
- Tip – Možete odrediti koji tip gumbta želite. VAŽNO: Da bi forma mogla da se pošalje, njen tip mora biti postavljen na „Pošalji”.
- Da bi forma mogla da se pošalje, njen tip mora biti postavljen na „Pošalji”.
- Stil – Možete izabrati stil gumbta.
- Klasa – Ako kasnije želite primjeniti vlastiti stil putem koda, preporučuje se dodijeliti posebnu klasu.
- Ime – Ovdje možete uneti naziv polja.
- Vrijednost – Možete odrediti koju vrijednost gumb treba da ima.
- U liniji – Ako se uključi, gumb neće zauzimati cijeli red u formularu.
- Kako se prikazuje na frontendu?
Naslov
Pomoću zaglavlja može se uneti naslov obrasca.
- Etiketa – Možete uneti tekst oznake.
- Tip – Možete odrediti koji tip gumbta želite.
- Klasa – Ako kasnije želite primjeniti vlastiti stil putem koda, preporučuje se dodijeliti posebnu klasu.
- Š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.
- Sadržaj – Možete uneti duži tekst u formi.
- Tip – Možete odrediti koji tip gumbta želite.
- Klasa – Ako kasnije želite primjeniti vlastiti stil putem koda, preporučuje se dodijeliti posebnu klasu.
- Širina – Možete postaviti širinu oznake.
- Kako se prikazuje na frontendu?