Dodajanje in upravljanje spletnih obrazcev

Spletni obrazci omogočajo interakcijo z obiskovalci ter zbiranje ključnih podatkov (zajem kontaktov oziroma lead generation). V urejevalniku  lahko brez programerskega znanja ustvarite poljubne oblike spletnih obrazcev — kontaktne obrazce, zahteve za ponudbo, naročilnice, anketne vprašalnike ali prijave na e-obveščanje.

Urejevalnik obrazcev je razdeljen na dva dela:

1. Postavitev (Layout): Oblikovanje vnosnih polj, izbirnih gumbov in poziva k dejranju (Call To Action).

2. Lastnosti obrazca (Form Properties): Določitev akcij ob oddaji obrazca (pošiljanje na e-poštni naslov, pošiljanje potrditvenega sporočila ali shranjevanje v podatkovno bazo).

1. Dodajanje obrazca na spletno stran

1. V levem stranskem meniju kliknite Build in izberite razdelek Obrazci (Forms).

2. Gradnik Obrazec (Form) s funkcijo povleci in spusti (drag-and-drop) premaknite na želeno mesto na strani. Modri pravokotniki bodo oznamčili veljavna mestna področja za vgradnjo.

3. Kliknite zunaj ali neposredno v območje obrazca, da odprete vmesnik urejevalnika.

2. Vrste vnosnih polj in nastavitve (Layout)

Za dodajanje elementov uporabite zgornjo orodno vrstico urejevalnika obrazcev (Form Elements). S klikom na dodano polje se na desni strani odpre nastavitvena plošča.

1. Tekstovno polje (Text Field)

Namenjeno je kratkim enovrstičnim vnosom (npr. ime, priimek, telefon).

• Vrsta (Type):

  • Besedilo (Text): Običajen prikaz vnesenih znakov.

  • Geslo (Password): Vneseni znaki se prikažejo kot pikice (****), kar onemogoča vidnost.

  • Skrito (Hidden): Polje na spletni strani ni vidno, omogoča pa zajem sistemskih podatkov obiskovalca (npr. IP-naslov, brskalnik).

  • Datoteka (File): Obiskovalcem omogoča nalaganje slikovnih, zvočnih ali dokumentnih datotek.

• Ime (Name): Unikatno sistemsko ime polja za prepoznavo v sporočilih in podatkovni bazi.

• Širina (Width): Nastavitev širine polja v pikslih ali z vlečenjem stranskih kontrolnikov.

• Največja dolžina (Max Length): Največje dovoljeno število znakov, ki jih polje sprejme.

• Veljavno če (Validate As): Pravilo za preverjanje vnosa (npr. ob izbiri vrste Email mora vnos vsebovati veljaven zapis e-poštnega naslova z znakom @, sicer sistem zavrne oddajo in izpiše opozorilo).

• Namig (Hint): Besedilo z navodili ali primerom, ki se prikaže ob kliku obiskovalca v polje.

• Privzeta vrednost (Default Value): Vnaprej izpolnjeno besedilo. Uporabite lahko sistemske spremenljivke:

  • $date — Trenutni datum v obliki YYYY-MM-DD

  • $date_time — Datum in čas v obliki YYYY-MM-DD HH:MM

  • $browser_ver — Različica brskalnika in operacijski sistem

  • $referrer — Vstopna stran obiskovalca

  • $ip — IP-naslov obiskovalca

Opozorilo glede nalaganja datotek:

Povezave do naloženih datotek, poslane izključno na e-poštni naslov, potečejo po 2 tednih. Za trajno hrambo naloženih datotek mora biti obrazec obvezno povezan s podatkovno bazo (Send to Database).

2. Večvrstično besedilno polje (Text Area)

Namenjeno je daljšim vnosom besedila (npr. sporočila, opombe). Vsebuje enake nastavitve kot tekstovno polje ter dodatni možnosti:

• Višina (Height): Višina polja v pikslih.

• Prelom besedila (Wrap): Določa lomljenje vrstic v e-poštnem sporočilu (Privzeto / Default, Brez / Off, Fizično / Physical, Virtualno / Virtual).

3. Izbirno polje (Select Field)

Omogoča izbiro možnosti s seznama ali iz padajočega menija.

• Vrsta (Type): Izbirate lahko med padajočim menijem (Meni / Menu) ali navpično razprostrtim seznamom (Seznam / List).

• Možnosti (Options): Vnesite Ime možnosti (Option Name - vidno besedilo) ter Vrednost možnosti (Option Value - podatek, poslan ob oddaji). Z puščicama gor/dol nastavite zaporedje možnosti.

4. Izbirni kvadratki (Checkboxes)

Uporabljajo se, kadar obiskovalec lahko izbere več možnosti hkrati ali za potrditev posamezne izjave (npr. "Strinjam se s splošnimi pogoji").

• Ime (Name): Identifikator vprašanja.

• Vrednost (Value): Odgovor, ki se posreduje ob označitvi.

• Označeno privzeto (Selected by Default): Kvadratek je ob nalaganju obrazca že označen.

• Obvezno (Mandatory): Zahteva obvezno označitev pred oddajo obrazca.

5. Radijski gumbi (Radio Buttons)

Uporabljajo se za medsebojno izključujoče odgovore, kjer obiskovalec izbere le en odgovor na posamezno vprašanje.

• Skupina (Group): Vsi radijski gumbi, ki pripadajo istemu vprašanju, morajo imeti enako ime skupine. Klik na drug gumb znotraj iste skupine samodejno odznači predhodno izbiro.

• Vrednost (Value), Privzeto stanje (Default State) in Obvezno (Mandatory) delujejo enako kot pri izbirnih kvadratkih.

6. Čarovnik za kontaktni obrazec (Feedback Form Wizard)

S klikom na ikono Čarovnik za obrazce (Wizard) v orodni vrstici dodate prednastavljen kontaktni obrazec z osnovnimi vnosnimi polji ter gumbom za oddajo.

7. Lokacija obvestil o uspehu in napakah (Success / Error Messages)

S klikom na ikono Informacije (Info) določite mesto prikaza obvestila ob uspešni ali neuspešni oddaji obrazca znotraj postavitve.

3. Nastavitev gumba za poziv k dejanju (Call To Action Button)

Gumb za oddajo je obvezen element vsakega obrazca.

1. V orodni vrstici izberite gumb pod razdelkom medvrstičnih elementov (Inline Elements).

2. Na desni nastavitveni plošči v padajočem meniju Povezava (Link) izberite {Submit Form} za oddajo ali {Reset} za ponastavitev polj.

3. Nastavite vizualne parametre gumba:

   • Napis in podnapis (Button Caption / Sub Caption): Besedilo na gumbu.

   • Velikost (Size) in Najmanjša širina (Min Width): Dimenzioniranje gumba.

   • Besedilo ob preletu z miško (Mouse-over Caption): Besedilo, ki se prikaže ob preletu s kazalcem.

   • Učinek poudarjanja (Highlight Effect): Animacija gumba (se zažene 3 sekunde po nalaganju ter ponovi vsakih 30 sekund).

   • Ikona gumba (Button Icon): Izberite ikono iz knjižnice slik ali naložite lastno sliko.

4. Nastavitve delovanja obrazca (Form Properties)

Do splošnih nastavitev delovanja dostopate s klikom na gumb Nastavitve obrazca (Form Settings).

1. Naslednja stran (Next Page)

V padajočem meniju izberite podstran svojega spletnega mesta, na katero se obiskovalec samodejno preusmeri po uspešni oddaji (npr. stran "Zahvala za oddano povpraševanje").

2. Pošlji na e-poštni naslov (Send to Email)

Omogoča prejemanje podatkov iz obrazca na določen e-poštni naslov. Preklopite stikalo na Vključeno (ON):

• Za e-pošto (To Email): Vnesite prejemnikov e-poštni naslov.

• Od e-pošte (From Email): Vnesite e-poštni naslov pošiljatelja ali izberite sistemsko oznako.

• Zadeva sporočila (Mail Subject): Vnesite naslov e-poštnega sporočila (npr. "Novo spletno povpraševanje").

• Oblika sporočila (Format): Izberite med Navadno besedilo (Plain) ali HTML.

• Uporabi predlogo (Use Template): Omogoča oblikovanje prilagojene strukture e-poštnega sporočila. V urejevalniku predlog vstavite dinamične oznake polj (npr. $Ime$, $Email$) preko padajočega menija Vrednost (Value).

3. Pošlji potrditveni e-mail (Send Confirmation Email)

Pošlje samodejno potrditveno sporočilo obiskovalcu, ki je izpolnil obrazec.

• Za e-pošto (To Email): Izberite polje obrazca, v katerega je obiskovalec vnesel svoj e-poštni naslov.

• Od e-pošte (From Email): Vnesite svoj e-poštni naslov, ki se prikaže kot pošiljatelj.

• Predloga potrditve (Template > Edit): Uredite besedilo sporočila. Dinamična polja dodajte preko menija Oznake za spajanje (Merge Tags). Pravilno vstavljena oznaka dobi temno sivo ozadje.
   

  

4. Pošlji v podatkovno bazo (Send to Database)

Shrani vse oddane podatke v podatkovno bazo spletnega mesta.

• Zahtevaj potrditev (Require Confirmation): Obiskovalec prejme e-poštno sporočilo s potrditveno povezavo. Vnos se v bazo zapiše tek po kliku na povezavo.

• Zahtevaj odobritev (Require Approval): Moderator prejme e-poštno sporočilo z ligo za ročno odobritev vnosa pred zapisom v bazo.

5. Pogoste sistemske napake in odpravljanje težav

Opozorilo — Napaka SCM-156:

Do napake pride, če je polje Od e-pošte (From Email) v razdelku Pošlji na e-poštni naslov prazno, vsebuje neveljavne presledke pred ali za naslovom ali pa se vstavljena dinamična oznaka $tag$ ne ujema s točnim imenom e-poštnega polja.

Opozorilo — Podatki ob oddaji se ne posredujejo:

Težava se običajno pojavi, kadar je omogočena možnost Uporabi predlogo (Use Template), vendar sama predloga v urejevalniku ni bila ustrezno nastavljena ali shranjena.