Formular designer – Basis Efterår 2016 Tilst

Præsentationer af emnet: "Formular designer – Basis Efterår 2016 Tilst"— Præsentationens transcript:

1 Formular designer – Basis Efterår 2016 Tilst
etrack1 Academy Formular designer – Basis Efterår 2016 Tilst

2 Dagens program 09:00 Velkomst
09:05 Gennem gang af hvad vi skal nå i dag, og hvad kan I når I går herfra. 09:15 Forskel imellem simpelform og masterform. 09:30 Gennem gang fane blade (master/simpel) 10:30 Pause (15 Min) 10:45 Gemmen gang af felter i designer. 12:00 Frokost. (30 min) 12:30 Felter forsat 13:30 Formular live på jeres hjemmeside (simpel, master (kategori grupper, Customer form)) 13:45 Styling, hvordan kommer min formular se rigtig ud. 14:00 Felt skabeloner 14:30 Pause (15 min) 14:45 Byg en formular. (Opgave) 15:30 Snak om opgaven. 15:45 Spørgsmål 16:00 Tak for i dag

3 Hvad har du gjort… Jeg kan logge ind i Backoffice Jeg kan finde formular designer Jeg har før oprette en formular Jeg har oprette flere formularer Jeg har brugt feltet Credit card masked DB, og kan forklare hvad det bruges til.

4 Hvor i Backoffice finder jeg formular designer

5 Masterform Simpel form En simpel form er en enkel stående formular
En simpel formular er helt sin egen Du kan lave flere simpelforms ned i en kategori En Simpel form kan styles individuelt En master formular er et kontakt univers En master formular er en formular med under formularer I en master formular kan en kategori kun havde en formular Hele master formularen er stylet på sammen måde

6 Gennem gang fane blade

7 Pause 10: :45

8 Sider og sektioner Felter Sider Sektioner

9 Felter 43 forskellige Felter i vores formular…
Det er ikke dem alle sammen i kan/skal bruge. Undervejs kommer der en lille opgave, og frokost.

10 Standard indstillinger
Felt navn – æåø mellerum Regular Expression, Begræns hvad folk kan skrive CssClass- Til Styling Hvordan skal feltet se ud/ opføre sig Cookie navn- Lad kunden slippe for at udfylde feltet Browser Window - popup Floating DVI -

11 Mest brugt Felter Name - Kundens navn
- kundens (den der svares på) Mobile - Kunden mobil nummer Phone - kunden telefonnummer Subject - Emme, på sagen Message - Kundes besked

12 Adresse felter Address: Address international

13 Knapper Submit. (Send) Cancel Next page Previous page Add Remove
Goto ULR

14 Lav en formular Navn Adresse Besked felt Send knap 10 min

15 Andre meget brugte felter
Textbox Textbox Masked Chekbox Confirmation Chekbox Date Hvis kunden skal sætte krydset kan der skrives **Checked i Regular expression

16 Flere valg til kunden Radio button list Kunden kan lave ET valg
Item List

17 File upload

18 Få formularen til at se flot ud
Paragraph Indsæt HTML kode på formularen. Bruges Eks på ”Ring til os” sider, eller til at sætte billede ind Label Bruges til at lave en overskrift Label

19 FAQ FAQ Tager fra FAQ database i den kategori der er valgt FAQ search

20 Lad kunden vælge Flag/Kategori
Flag (lader kunden sætter et flag på sagen) Sub Category Selector (lader kunden vælger underkategorier, som er valgt til at være underkategori) Category (Lader kunden vælge en kategori, som er på kategori skift listen))

21 Ikke så brugt Felter Captcha (Er du en Robot)
CC (Hvis man ønsker en anden skal havde sagens akter også) Echat session (lader kunden start en Chat med jer) Confirm compare (kunden skal bekræfte eks ved at skrive denne igen) Hyperlink (laver et LINK )

22 Felter, som i sikkert kun skal bruge med vores hjælp
Marketing Questions Credit card masked Credit card masked DB Customer look up Customfield Dropdown data list Product Price Item Purchase order receiver B2B user selection

23 SÅDAN 43

24 Opbygning af formularen
Forkert Rigtigt

25 Formularen live Simpel: Link skal gives til webmaster. Master:
(Husk SSL / ikke SSL) Master: Formular skal være tilknytte kategori Kategorien skal havde et skill Kategorien skal være med i den rette kategori gruppe (hvis i bruger dette) Opsætte formularen i Customer form

26 Styling Husk 3 (4) ting: Fane: Titel Fane blad: Knapper
På feltet CssClass Enkelte kunden skal huske &dev=1 på link eks:

27 Felt skabeloner Kan bruges hvis i skal bruger en sektion på flere formularer I de fleste tilfælde vil man bare kopiere formularen

28 Pause 14:30 – 14: 45

29 Opgave… I skal lave en formular i master formular Academy
Du skal tilknytte formularen den kategori der passer til din brugers nummer Formularen skal havde 2 sider Formularen skal ligges ”live” i vores kontakt univers ”undervisning” Side 1: FAQ – Chat – Skriv til og – Ring til os Side 2: Kundes oplysninger, 1 Radio button, 1 item list, 1 message felt, og en stylet send knap, kundes kunde nummer er vores Account Ref Ekstra credit…. Lave en sektion der kan gentages.

30 The End is near Spørgsmål ?

31 Tak for i Dag Dem af jer der skal på ”Formular designer Proff” den 9/ Sørg nu for at lege lidt med formularen inden så i følger jer hjemme med basis opsætningen. Og får mest muligt ud af dagen.

32 Frokost Pause 30 min

33 Opgave Lav en formular, med to sider. En ring til Os knap En send knap Tekst felt og en radio button list

34 Lav en formular, En send knap Et billede og en item list
Opgave Lav en formular, En send knap Et billede og en item list