Navodila za izdelavo prijavnega obrazca

  • Preden se lotite izdelave prijavnega obrazca ustvarite nov seznam, na katerega se bodo beležili novi prejemniki. Navodila, kako ustvariti nov seznam si lahko preberete tukaj.
  • Pred izdelavo obrazca morate imeti določena tudi vnosna polja (polja po meri), ki jih boste vstavili v obrazec. Ta polja ustvarite v Prejemniki > Polja po meri. Navodila za izdelavo novih Prejemnikovih polj si lahko preberete tukaj.
  • Sedaj lahko preidete k izdelavi obrazca, ki je prikazan spodaj:

1. V glavnem meniju izberite Obrazci > Prijavni obrazci (levo).

2. V funkcijskem meniju desno zgoraj izberite Ustvari novo:

Odpre se vnosna maska, kjer v levem stolpcu urejate nastavitve in obliko obrazca, v desnem stolpcu pa je viden predogled obrazca. S klikom na ikono žebljička desno zgoraj, vam bo predogled sledil med urejanjem.

 

Pod predogledom lahko dostopate do HTML oziroma JavaScript kode obrazca, pod gumbom za kodo pa izbirate vnosna polja (polja po meri), ki jih vstavite v obrazec.

 

VNOSNA POLJA

Privzeti obrazec že vsebuje polje za email naslov in polje za soglasje za pošiljanje. Če želite dodati tudi druga vnosna polja (polja po meri), jih izberite s klikom nanje pod predogledom. Navodila, kako ustvarite novo vnosno polje si lahko preberete tukaj.

Vrstni red polj lahko urejate na samem predogledu. Ko se postavite z miško na polje, se pojavijo puščice za premik gor oziroma dol. S klikom na znak X lahko polje tudi odstranite.

Ime oznake, napis v polju ali dodatni opis pod poljem lahko spreminjate s klikom na znak za urejanje, tako, da se z miško postavite na polje.

Odpre se vam novo modalno okno, kjer spremenite tekst in za potrditev sprememb kliknite Shrani. Na ta način lahko prevedete obrazec tudi v katerikoli jezik.

Če ste določenim poljem po meri nastavili pogoje prikaza oziroma privzeto vrednost, se bo na vnosnih poljih izpisalo opozorilo (ko se boste z miško postavili na vnosno polje na prijavnem obrazcu). Vnosna polja, ki se prikazujejo le pod pogojem, morate prav tako vstaviti v obrazec.

Privzeta vrednost polja je vidna šele ko obrazec postavite na spletno stran. Urejate jo v nastavitvah polja po meri. Če ste določili privzeto vrednost se bo ta pokazala kot napis v polju.

 

NASTAVITVE PRIJAVNEGA OBRAZCA

1. Naslov
Vpišite naslov oziroma ime obrazca. Namenjeno je predvsem temu, da ga vi prepoznate. Ta podatek je obvezen.

2. Komentar
Tu lahko vpišete poljuben komentar/opis, ki je viden tudi v seznamu vseh obrazcev.

3. Prijavi prejemnika na sezname
Izberite seznam, na katerega se prijavijo prejemniki preko tega obrazca. Izberete lahko tudi več seznamov hkrati s Ctrl + klik na seznam. Kako ustvarite nov seznam si lahko preberete tukaj.

Prejemniku lahko tudi ponudite možnost, da sam izbere, na katere sezname se želi prijaviti. Če želite omogočiti to funkcionalnost morate ustvariti novo polje po meri tipa Prijava na sezname in ga dodati na prijavni obrazec.

Če želite omogočiti to funkcionalnost, sledite tem korakom:

  1. Ustvarite novo polje po meri Prijava na sezname:
    1. Pojdite na Prejemniki > Polja po meri.

    2. Desno zgoraj izberite Ustvari novo.

    3. Določite ime, na primer Prejemnikova prijava na sezname in izberite tip polja Prijava na sezname.
    4. Polje shranite v funkcijskem meniju desno zgoraj.

  2. Določite »vidnost« seznamov
    Seznamom, na katere se bodo lahko prejemniki prijavili sami, morate urediti »vidnost«. V glavnem meniju zgoraj pojdite na Prejemniki > Seznami in v stolpcu Viden prejemnikom pri želenem seznamu kliknite na X, da se pokaže kljukica. Tako ste nastavili, da je seznam viden tudi prejemnikom in preko povezave {modify}{/modify}.

  3. Dodajte polje na prijavni obrazec in izberite sezname
    Polje Prijava na sezname vstavite v vaš obrazec na enak način, kot ostala vnosna polja. Na predogledu se nato z miško postavite na polje in kliknite na znak za urejanje. V oknu, ki se vam odpre, obkljukajte želene sezname, ki jih želite podati obiskovalcu na izbiro, uredite imena seznamov in oznake ter shranite.
  4. Predogled, kako izgleda izbira seznamov na prijavnem obrazcu:

4. Preusmeri po prijavi
Tu lahko izberete, ali prejemnika po prijavi preusmeri na Zahvalno stran ali na vaš poljuben URL naslov.
Če izberete Zahvalno stran lahko tudi uredite besedilo le-te. V polja vstavite naslov zahvalne strani, tekst, ki se bo prikazal pod naslovom in besedilo gumba. Gumb vsebuje povezavo do strani, na kateri je bil prijavni obrazec. Te povezave ni možno spreminjati.
Če izberete Poljuben URL, v polje URL vstavite želeno povezavo.

5. Ob prijavi pošlji obvestilo na
Tukaj lahko vpišite email naslov, na katerega želite prejemati obvestila o novi prijavi na seznam, torej o novem prejemniku. Če ne želite prejemati obvestil, pustite prazno.

 

OBLIKA OBRAZCA

  1. Radij zaobljenosti okna
    S pomočjo spustnega polja lahko izberete poljuben radij zaobljenosti okna.
  2. Širina okna
    Avtomatsko – širina obrazca se bo prilagajala okolju, v katerega boste namestili prijavni obrazec.
    Ročno – vpišite velikost v polje pod gumbom (npr. 350 px).
  3. Odmik elementov od roba okna
    S pomočjo spustnega polja lahko izberete, za koliko pikslov (px) bodo elementi odmaknjeni od notranjega roba obrazca.
  4. Razmik med elementi
    S pomočjo spustnega polja lahko izberete, za koliko pikslov (px) bodo elementi razmaknjeni.
  5. Barva ozadja
    Barvo vpišite v polje (v hex vrednosti) ali jo izberite s klikom na barvno okence, tako da kliknete na želeno mesto na barvni paleti in izberete OK.
    Transparentnost ozadja obrazca
    Nastavite lahko tudi transparentnost barve ozadja. Če želite, da obrazec prevzame barvo in vzorec ozadja spletne strani, nastavite transparentnost barve ozadja na nič.
  6. Barva sence okna
    Barvo vpišite v polje (v hex vrednosti) ali jo izberite s klikom na barvno okence, tako da kliknete na želeno mesto na barvni paleti in izberete OK.
    Transparentnost sence obrazca
    Nastavite lahko tudi transparentnost barve sence. Če želite, da senca obrazca prevzame barvo in vzorec ozadja spletne strani, nastavite transparentnost barve sence na nič.

 

LASTNOSTI SLIKE

Sliko vstavite v obrazec na enak način kot vnosna polja. Pod predogledom obrazca kliknite na polje Slika okna.

  1. URL slike obrazca
    Izberite sliko. S klikom na gumb Izberi se vam odpre Brskalnik slik, kamor lahko naložite novo sliko, jo izberete iz že naloženih slik, ali pa jo vstavite kot URL naslov.
  2. Velikost slike
    S pomočjo spustnega polja izberite velikost slike in jo tako pomanjšajte ali povečajte.
  3. Pozicija slike
    S pomočjo spustnega polja izberite horizontalno pozicijo slike (levo, center, sredinsko). Če želite spremeniti vertikalno pozicijo slike, se z miško postavite na sliko na predogledu in kliknite na puščico gor oziroma dol ali na X za odstranitev.

 

LASTNOSTI VSEBINE

V obrazec lahko dodate dva napisa. Z Napisom 1 na primer sporočite namen prijave (»Prijavite se na prejemanje tedenskih e-novic«) z Napisom 2 pa enostavno možnost odjave (»Odjava je preprosta!«).

Napis vstavite v obrazec na enak način kot vnosna polja. Pod predogledom obrazca kliknite na polje Napis 1 ali Napis 2.

Če ste v obrazec dodali Napis 1 (oz. Napis 2), sedaj uredite njegovo vsebino in obliko:

  1. Vnesite besedilo
    V polje za tekst vnesite poljubno besedilo. Spremembe so takoj vidne na predogledu.
  2. Poravnava
    S pomočjo spustnega polja izberite horizontalno poravnavo napisa (levo, center, sredinsko). Če želite spremeniti vertikalno pozicijo napisa, se z miško postavite nanj na predogledu in kliknite na puščico gor oziroma dol ali na X za odstranitev.
  3. Pisava
    S pomočjo spustnega polja izberite vrsto pisave napisa.
  4. Velikost
    S pomočjo spustnega polja izberite poljubno velikost pisave napisa (majhno, normalno, veliko, zelo veliko).
  5. Barva
    Barvo vpišite v polje (v hex vrednosti) ali jo izberite s klikom na barvno okence, tako da kliknete na želeno mesto na barvni paleti in izberete OK.

 

LASTNOSTI POLJ

Tukaj urejate izgled vnosnih polj, kjer nastavite:

  1. Radij zaobljenosti polj
    S pomočjo spustnega polja izberite poljuben radij zaobljenosti robov polj.
  2. Barva pisave polj po meri
    Ta nastavitev velja za posebna vnosna polja, torej tipe polj, kot so Radio gumbi, Potrditveno polje in Prijava na sezname. Tako lahko prilagodite barvo pisave poleg gumbov, tako da je kontrastna barvi ozadja.

 

LASTNOSTI OZNAK

Tukaj urejate izgled oznak vnosnih polj, kjer nastavite:

  1. Predloga obrazca
    S pomočjo spustnega polja lahko izberete horizontalno predlogo (oznaka je poleg polja), vertikalno predlogo (oznaka je nad poljem) ali predlogo brez oznak.
  2. Poravnava oznak
    S pomočjo spustnega polja izberite poravnavo oznak.
  3. Vrsta pisave
    S pomočjo spustnega polja izberite poljubno vrsto pisave oznak.
  4. Velikost pisave
    S pomočjo spustnega polja izberite poljubno velikost pisave oznak.
  5. Barva pisave
    Barvo vpišite v polje (v hex vrednosti) ali jo izberite s klikom na barvno okence, tako da kliknete na želeno mesto na barvni paleti in izberete OK.

 

LASTNOSTI POTRDITVENEGA GUMBA

  1. Tekst gumba
    Vpišite tekst, ki bo prikazan v gumbu (največ 32 znakov).
  2. Vrsta pisave
    S pomočjo spustnega polja izberite poljubno vrsto pisave gumba.
  3. Velikost pisave
    S pomočjo spustnega polja izberite poljubno velikost pisave gumba.
  4. Barva pisave
    Barvo vpišite v polje (v hex vrednosti) ali jo izberite s klikom na barvno okence, tako da kliknete na želeno mesto na barvni paleti in izberete OK.
  5. Barva ozadja
    Barvo vpišite v polje (v hex vrednosti) ali jo izberite s klikom na barvno okence, tako da kliknete na želeno mesto na barvni paleti in izberete OK.
  6. Pozicija
    S pomočjo spustnega polja lahko gumb poravnate na sredino, na levo ali na desno stran obrazca.
  7. Radij zaobljenosti
    S pomočjo spustnega polja izberite radij zaobljenosti gumba v pikslih.
  8. Razred prilagoditve
    Sem lahko vpišete HTML razred gumba (Class), v kolikor želite imeti vaš stil gumba.

 

3. Obrazec shranite s klikom na Shrani v funkcijskem meniju zgoraj desno.

4. Nato obrazec prenesete na vašo spletno stran. Preberite si nadaljnja navodila, kako to storiti.

 

PRENOS PRIJAVNEGA OBRAZCA NA SPLETNO STRAN

Ko ste končali z urejanjem, obrazec najprej shranite s klikom na Shrani v funkcijskem meniju zgoraj desno.

  1. Nato kliknite na gumb Prikaži HTML kodo, ki se nahaja pod predogledom obrazca.
  2. Odpre se modalno okno, kjer lahko izbirate med JavaScript kodo in HTML kodo:
    • Če izberete JavaScript kodo
      Ob morebitnih spremembah na obrazcu vam kode ni potrebno ponovno vstavljati v vašo spletno stran. Ko obrazec shranite se posodobi avtomatsko tudi na vaši spletni strani.
    • Če izberete HTML kodo
      Ob morebitnih spremembah na obrazcu morate kodo ponovno vstaviti v vašo spletno stran. Ko obrazec shranite se le-ta ne posodobi avtomatsko na vaši spletni strani.
  3. Ko izberete vrsto kode, jo izberite s klikom na gumb Označi in kopiraj, ter jo nato prilepite v HTML kodo vaše spletne strani, kjer želite, da se obrazec nahaja.
  4. Obrazec testirajte na spletni strani. Izpolnite ga in preverite med prejemniki v vaši aplikaciji, ali se je email naslov zapisal.