Obrasci

Uređivač obrazaca je alat prilagođen korisniku koji vam omogućuje stvaranje različitih vrsta web obrazaca za interakciju s posjetiteljima web-mjesta ili prikupljanje korisničkih podataka. Sa svojim intuitivnim sučeljem, sličnim uređivaču teksta i slika, ali s dodanim opcijama prilagodbe, možete dizajnirati i konfigurirati obrasce kao što su obrasci za povratne informacije, obrasci za pretplatu, ankete i još mnogo toga.

Dodavanje obrasca na web-mjesto

1. Idite na karticu Izradi s lijevog izbornika i odaberite kategoriju Obrasci.
2. Povucite i ispustite element obrasca na željeno mjesto na stranici. Plavo rezervirano mjesto označava najbliže dostupno mjesto ispuštanja.

Komponente obrasca

1. Elementi: Konfigurirajte sadržaj, uključujući polja obrasca, potvrdne okvire, izborne gumbe i gumb poziva na radnju.
2. Postavke: Definirajte što se događa nakon slanja obrasca, kao što je slanje podataka na e-poštu ili u bazu podataka.

Elementi obrasca

1. Polje teksta

Tekstno polje omogućuje korisnicima unos kratkih tekstnih unosa u jednom retku u obrazac.

Vrste polja
Postavka Vrsta određuje vrstu podataka koje korisnici mogu unijeti:

- Tekst – Prikazuje unos točno onako kako je upisan.
- Lozinka – Skriva ulazne znakove prikazujući ih kao *** (npr. za lozinke).
- Skriveno – Pohranjuje informacije povezane sa sustavom (npr. pojedinosti o izvoru prometa ili pregledniku) ili unaprijed popunjene podatke koje korisnici ne bi trebali vidjeti.
- Datoteka* – Omogućuje posjetiteljima prijenos slika, audio, video ili drugih datoteka. Poslane datoteke generiraju e-poštu s poveznicom za preuzimanje na koju se može kliknuti.

Mogućnosti prilagodbe
- Naziv – Jedinstveni identifikator za upućivanje na polje unutar uređivača obrazaca i u porukama e-pošte ili unosima bloga koje generira obrazac.
- Širina – Prilagodite širinu polja unosom vrijednosti ili povlačenjem ručica za promjenu veličine.
- Maksimalna duljina – Postavlja maksimalan broj znakova koje polje može prihvatiti.
- Potvrdi kao – Definira potrebnu vrstu sadržaja (npr. polje e-pošte mora sadržavati ispravno oblikovanu adresu e-pošte). Ako je unos nevažeći, korisnici će vidjeti uputu da ga isprave.
- Savjet – Prikazuje pomoćni tekst kada korisnici kliknu unutar polja, pružajući smjernice ili primjere.
- Zadana vrijednost – Unaprijed popunjava polje unaprijed definiranom vrijednošću koju korisnici mogu izmijeniti.

Prijenos datoteka*

- Za pohranu prenesenih datoteka obrazac mora biti povezan s bazom podataka.
- Datoteke pohranjene u bazi podataka ostat će dostupne i ubrajaju se u ograničenje pohrane računa.
- Veze na datoteke poslane e-poštom ne koriste pohranu, ali istječu nakon 30 dana

2. Područje teksta

Polje obrasca Područje teksta slično je Tekstnom polju, ali omogućuje unos duljeg teksta u više redaka.

Mogućnosti prilagodbe
Osim identičnih za Tekstno polje - Naziv, Oznaka, Širina, Savjet, Potvrdi kao i Zadana vrijednost, postoje sljedeće opcije za Područje teksta:

- Visina – Prilagodite visinu područja teksta promjenom broja u polju za visinu ili povlačenjem kontrola za promjenu veličine područja teksta.
- Prelamanje – Definira kako se tekst prikazuje kada se pošalje na e-poštu ili prikazuje na forumima/blogovima.

• Zadano – Koristi zadane postavke prelamanja teksta preglednika ili klijenta e-pošte.
• Isključeno – Onemogućuje prelamanje teksta, tako da se tekst neće prelomiti na nove retke prilikom upisivanja.
• Fizički – Prikazuje tekst točno onako kako je prelomljen u Području teksta.
• Virtualno – Omogućuje klijentu e-pošte da odluči kako će se tekst prelamati.

3. Polje odabira

Polje odabira omogućuje korisnicima odabir s unaprijed definiranog popisa opcija. Može se prikazati kao padajući izbornik ili popis, ovisno o odabranoj konfiguraciji.

Mogućnosti prilagodbe

- Vrsta – Definira način prikaza opcija:
     - Izbornik – Prikazuje padajući izbornik u kojem korisnici mogu odabrati jednu opciju.
     - Popis – Prikazuje sve dostupne opcije na okomitom popisu.
- Opcije – Predstavlja izbore koji se mogu odabrati u polju.
    - Naziv opcije – Tekst prikazan na padajućem izborniku ili popisu.
    - Vrijednost opcije – Stvarni podaci poslani u e-porukama kada je odabrana opcija.
- Slijed i upravljanje – Koristite strelice gore/dolje za promjenu rasporeda opcija, brisanje neželjenih ili postavljanje zadanog odabira koji se pojavljuje kada se obrazac učita.

4. Potvrdni okviri

Potvrdni okviri omogućuju korisnicima odabir više opcija s popisa ili uključivanje ili isključivanje jedne opcije. Korisni su za predstavljanje odabira s višestrukim izborom gdje se može odabrati više od jedne opcije.

Mogućnosti prilagodbe
- Naziv – jedinstveni identifikator potvrdnog okvira koji se koristi u uređivaču predložaka obrazaca, e-porukama i unosima na blogu. Zamislite to kao pitanje na koje korisnici odgovaraju odabirom ili poništavanjem potvrdnih okvira.
- Vrijednost – Predstavlja odabrani odgovor. Na primjer, ako je vrijednost potvrdnog okvira postavljena na "Da", potvrda okvira znači da je korisnik odgovorio potvrdno.
- Odabrano prema zadanim postavkama – Ako je omogućeno, potvrdni okvir bit će unaprijed označen kada se obrazac učita.
- Obavezno – zahtijeva od korisnika da potvrde okvir prije slanja obrasca. To je korisno za potvrdne okvire ugovora, kao što je zahtijevanje od korisnika da prihvate uvjete i odredbe prije slanja.

5. Izborni gumbi

Izborni gumbi koriste se kada se s unaprijed definiranog popisa može odabrati samo jedna opcija. Za razliku od potvrdnih okvira, odabirom jednog izbornog gumba automatski se poništava odabir bilo koje druge mogućnosti u istoj grupi.

Mogućnosti prilagodbe
- Naziv grupe – Svi izborni gumbi koji predstavljaju izbore za isto pitanje moraju pripadati istoj grupi. Istovremeno se može odabrati samo jedan gumb po grupi.
- Vrijednost – Predstavlja izbor odgovora. Na primjer, ako je pitanje "Sviđa li vam se moje web-mjesto?", naziv grupe mogao bi biti "SviđanjeMojegWebmjesta", s opcijama vrijednosti Da, Ne i Potrebno je više rada. Ako korisnik odabere Da, poslani odgovor prikazat će se kao: SviđanjeMojegWebmjesta: Da.
- Zadano stanje – Omogućuje odabir izbornog gumba unaprijed prilikom učitavanja obrasca.
- Obavezno – Zahtijeva od korisnika da odabere opciju prije slanja obrasca.

6. Obrazac za povratne informacije
Uređivač obrazaca uključuje ugrađeni čarobnjak za Obrazac za povratne informacije, koji se može jednostavno dodati odabirom ikone F.

Ovaj obrazac dolazi unaprijed konfiguriran sa svim potrebnim poljima za slanje povratnih informacija, uključujući gumb Poziv na radnju. Polja su postavljena sa zadanim opcijama, ali ih možete prilagoditi prema potrebi kako bi bolje odgovarala vašim zahtjevima.

7. Poruke o uspjehu/pogrešci
Sustav nakon slanja obrasca prikazuje poruku o uspjehu ili pogrešci. Položaj tih poruka možete kontrolirati tako da odredite njihovu lokaciju u uređivaču.

Pomoću ikone Informacije odaberite mjesto na kojem želite da se poruke prikazuju. U Svojstvima obrasca, kada su omogućene napredne mogućnosti, možete prilagoditi i poruku o uspjehu. Ako polje ostane prazno, prikazat će se zadana poruka o uspjehu. Međutim, ako želite, u Svojstvima obrasca možete unijeti prilagođenu poruku koja će se prikazati vašim posjetiteljima nakon uspješnog slanja obrasca.

8. Gumb za poziv na radnju
Gumb Poziv na radnju (CTA) ključni je element obrasca jer korisnicima omogućuje da pošalju svoj unos i dovrše predviđene radnje obrasca. Bez njega podnošenje obrasca nije moguće.

Da biste umetnuli CTA gumb, pronađite njegovu ikonu u odjeljku Elementi u ravnini na alatnoj traci uređivača obrazaca i kliknite na nju. Nakon dodavanja, kliknite na gumb da biste ga konfigurirali kao gumb za slanje. Na padajućem izborniku Poveznica odaberite {Pošalji obrazac} da biste omogućili slanje obrasca.

Ako vam je potreban gumb za resetiranje, možete ga izraditi slijedeći iste korake i umjesto toga odabrati {Reset}. Osim toga, desna ploča nudi polje koje se može uređivati u kojem možete prilagoditi tekst opisa gumba kako bi odgovarao potrebama vašeg obrasca.

Svojstva i prilagodba gumba za poziv na radnju

- Opis i dodatni opis gumba: Postavite glavni tekst i neobavezni podtekst prikazan na gumbu.
- Veličina: Birajte između malih, srednjih ili velikih veličina gumba.
- Minimalna širina: Definirajte minimalnu širinu gumba za dosljednost u izgledu.
- Opis i dodatni opis pod pokazivačem miša: Navedite zamjenski tekst koji se pojavljuje kada korisnici zadrže pokazivač miša iznad gumba.
- Tranzicija teksta: Ako je postavljen opis pod pokazivačem miša, odaberite efekt prijelaza za glatku vizualnu promjenu.
- Efekt isticanja: Dodajte animacijski efekt koji se aktivira 3 sekunde nakon učitavanja stranice i ponavlja svakih 30 sekundi.
- Boja: Odaberite između tri unaprijed definirane boje gumba.
- Poravnanje: Poravnajte gumb unutar sadržaja (lijevo, u sredini ili desno).
- Udaljenost od ruba: Podesite udaljenost gumba od ruba u pikselima za optimalan razmak.
- Ikona gumba: Odaberite ikonu iz biblioteke komercijalno dostupnih slika ili prenesite prilagođenu sliku.
- Ikona pod pokazivačem miša: Po želji dodajte drugu ikonu koja se pojavljuje pri zadržavanju pokazivača miša.
- Lokacija ikone: Postavite ikonu ispred ili iza opisa gumba.

Postavke obrasca

1. Sljedeća stranica
Navedite stranicu koja bi se trebala otvoriti nakon uspješnog slanja obrasca. To može biti namjenska stranica zahvale ili bilo koja druga relevantna stranica na vašoj web-lokaciji. Prema zadanim je postavkama obrazac postavljen tako da korisnici nakon uspješnog slanja ostaju na istoj stranici. Da biste to promijenili, odaberite željenu stranicu putem Vrste poveznice.

2. Pošalji na e-poštu
Omogućite Pošalji na e-poštu za primanje obrazaca od posjetitelja vašeg web-mjesta putem e-pošte. To će proširiti dodatne mogućnosti:

- Na e-poštu – Unesite adresu e-pošte na koju treba dostaviti obrasce, npr. [e-mail].
- Iz e-pošte – Kako bismo osigurali isporučivost poslanih obrazaca, onemogućili smo opciju navođenja adrese e-pošte pošiljatelja.
- Predmet pošte – Definirajte redak predmeta e-pošte (npr. "Novi zahtjev za informacije"). Možete koristiti i zamjenske znakove $xxxxx$ za personalizaciju predmeta na temelju unosa korisnika.

3. Format e-pošte i uređivač predložaka
Odaberite format e-pošte:

- Običan – Šalje e-poštu samo s tekstom, uklanjajući bilo kakvo oblikovanje.
- HTML – Šalje formatirane e-poruke, pod uvjetom da vaš klijent e-pošte podržava HTML.

Za prilagođene izglede e-pošte odaberite Koristi predložak, čime se otvara uređivač predložaka:

- Uređivač predložaka funkcionira kao pojednostavljeni uređivač teksta i slika.
- Pomoću padajućeg izbornika Vrijednost umetnite rezervirana mjesta koja odgovaraju poljima obrasca.
- Nakon spremanja, svako slanje obrasca generirat će e-poštu na temelju strukture vašeg predloška.

4. Pošalji e-poštu potvrde
Ova značajka šalje automatski odgovor posjetiteljima, potvrđujući njihovo slanje.

- Na e-poštu – Unesite adresu e-pošte na koju treba dostaviti obrasce, npr. [e-mail].
- Iz e-pošte – Kako bismo osigurali isporučivost poslanih obrazaca, onemogućili smo opciju navođenja adrese e-pošte pošiljatelja.
- Predmet pošte – Definirajte redak predmeta e-pošte (npr. "Novi zahtjev za informacije").
- Sadržaj poruke – Omogućite putem Koristi predložak > Uredi za otvaranje uređivača tekstualnih predložaka, gdje možete prilagoditi poruku potvrde. Koristite Spoji oznake za umetanje podataka polja obrasca (npr. $Email$).

5. Pošalji u bazu podataka
Omogućite Pošalji u bazu podataka za pohranu poslanih podataka obrasca u bazu podataka hostanu na web-mjestu. Obrazac automatski stvara namjensku bazu podataka s potrebnim stupcima koji odgovaraju nazivima polja obrasca i vrstama podataka. Možete koristiti i uvezenu bazu podataka, ali provjerite ima li podudarne nazive i vrste stupaca.

Dodatne postavke:
- Zahtijeva potvrdu – šalje e-poštu s poveznicom za potvrdu koju korisnici moraju kliknuti da bi potvrdili svoje slanje.
- Zahtijevaj odobrenje – obavještava moderatora putem e-pošte, zahtijevajući od njega da odobri ili odbije podnesak prije nego što se pohrani. To pomaže u sprječavanju neželjene pošte ili slučajnih slanja.

Dodatne pojedinosti potražite u vodiču za aplikaciju Uređivač baze podataka.