RESPONSIVE DEIGN BUILDER

Določimo širino našega sporčila - najbolj optimalno je nekje 600 px (da se sporčilo lepo prikaže na mailu kot tudi na mobitelu)

Ostala polja so nam v pomoč in ni nujno, da jih tu nastavimo:

Določimo barvo našega ozadja - lahko kliknemo na izbiro barve ali pa jo vnesemo s pomočjo kode #FFFFF.

Določimo barvo našega ozadja - tam kjer je naša vsebina - lahko kliknemo na izbiro barve ali pa jo vnesemo s pomočjo kode #FFFFF.

Določimo tipografijo našega sporočila.

Določimo barvo za linke v sporočilu.

Gradniki našega sporočila - kako je naše sporočilo oblikovano. Kliknemo na elemente in je spustiomo v polje na levi strani. Vanje vstavljamo CONTENT.

V rowse - gradnike vstavimo vsebino našega sporočila - lahko vstavimo besedilo, sliko, gumb, črte ločnice, ikone za družabne povezave, html vsebino ali pa video.

Ko kliknemo na celotno polje. Nastavimo:

Row background color: barva celotnega ozadja

Content background color: barva ozadja našega sporočila

Row backgound image: slika ozadja

Display condition: ??

COLUMN PROPERTIES

Če imamo en gradnik, potem se postavi COLUMN 1, če je več gradnikov - rows v eni vrstici se pojavi colum1, column2... Nastavimo za vsak gradnik posebaj.

Column background - barva ozadja  stoplca (povozi content background color)

Padding – odmik  od roba našega sporočila, lahko nastavimo vse odmike naenkrat (all slides), lahko pa za vsakega posebej. More options vključimo s potegom v desno stran.

Border - obroba našega sporočila - more options: nastavimo, kje želimo, da se naš rob pojavi, določimo stil in barvo roba ter debelino.

Na desni strani nastavimo:

Text color- barvo besedila

Link color - barvo linka

Line height - razmik med vrsticami

Padding – odmik besedila od roba našega sporočila, lahko nastavimo za vse odmike naenkrat (all slides), lahko pa za vsakega posebej. More options vključimo s potegom v desno stran.

Kar je pomembno, so možnosti za linkanje iz besedila:

Odpre se nam novo okno, kjer nastavimo povezavo (izberemo med večimi možnostmi):

Link type - polje našega linka lahko je to url, e-mail itd

Url - vnesemo spletni naslov našega linka

Underline link - Spodaj je kljukica, če želimo da nam link podčrta

Text to display - na katero besedo se link nanaša

Title: ni pomembno

Target - kje se link odpre. New window - odpre se nam novo okno / none - odpre se na isti strani

Underline link -spodaj je kljukica, če želimo da nam link podčrta 

E-mail - vnesemo mail

Subject - napišemo ime našega sporočila (ni obvezno)

Message - besedilo za sporočilo (no obvezno)

Imamo tudi druge možnosti: filE manager (ko kliknemo na povezano se prenese pdf, naložimo v File warehouse), tel, sms.

Kliknemo, če želimo, da na besedilu ni več linka.

3. Special links 

Vezano na različna polja, ki jih določimo v meetpoint aplikaciji - npr. na registarcijo, messaging, event editing:

Registration with form: prijava na dogodek z registracijskem obrazcem

Decline: isto kot gumb NE PRIDEM

Unsubscribe: odjava od prejemanja novic

View in browser: ogled sporočila v spletnem brskalniku

Invoice / Proforma invoice: če kliknemo, se nam prenese pdf našega računa/preračuna (nastavimo v account)

Add to calendar: shranimo dogodek v koledar, vezano na event editing glej

Add to wallet url: shranimo kodo v mobilno denarnico, vezano na event editing (glej) - na monitelu moramo imeti aplikacijo 

Če želimo imeti perosnalizirana sporočila, uporabimo merge tags - le ta se vežajo na polja, ki jih določimo pod CONTACTS - polja, ki so izpolnjena. Zato je pomembno, kako imamo urejene naše podatke (ali ko vpisujemo podatke ročno ali pa excel)

Na voljo imamo različna polja (Person title, First Name, Last Name itd) 

Polje s sliko nesemo na levo stran. pojavi se gumb BROWSE - izberemo sliko - sliko v sistem uploadamo ali pa importamo. Na koncu kliknemo na gumb INSERT.

Ko kliknemo na sliko urejamo:

Auto width - širina slike

Align - poravnava slike

Dynamic image -

Spodaj imamo gumbe - CHANGE IMAGE (zamenjaj sliko) ali pa APPLY EFFECT AND MORE (sliko lahko obdelamo - spremenimo barvo, zasukamo, obrežemo itd...)

Url - kje v sistemu se naša slika nahaja

Alternate text - ime naše slike. Če se v brskalniku, mailu, naša slika ne pokaže, se prikaže besedilo, ki se pojavi namesto sliko - to je besedilo, ki se pojavi namesto slike!

Kaj se zgodi, ko kliknemo na sliko - akcija, lahko je to povezavan na:

Url - nov spletni naslov

Lahko so to Special links (glej)

Link fail. ?

Padding – odmik slike od roba našega sporočila, lahko nastavimo  vse odmike naenkrat (all slides), lahko pa za vsakega posebej. More options vključimo s potegom v desno stran.

Ko kliknemo na gumb se pojavi orodna vsrtica, kjer nastavmo pisavo, velikost pisave itd

Na levi strani pa se pojavi okno, kjer nastavimo:

Kaj se zgodi, ko kliknemo na gumb - akcija, lahko je to povezavan na:

Url - nov spletni naslov

Lahko so to Special links (glej)

Link file: ?

Auto width - velikost gumba

Background color - barva gumba

Text color - barva besedila

Align - poravnava gumba

Line height - razmik med besedilom, če imao več besedila v gumbu

Border radious - zaobljenost gumba, večji je radius, bolj okrogel je gumb

Content padding - odmik besedila od robu gumba

Border - če želimo dati rob našemu gumbu - lahko naredimo rob po celotnem gumbu naenkrat ali pa samo posamezen rob, npr. samo spodaj. Dočimo še debelino roba in pa barvo roba.

Padding - odmik gumba od roba sporočila. Lahko nastavimo vse odmike naenkrat (all slides), lahko pa za vsakega posebej. More options vključimo s potegom v desno stran.

Hide on mobile -

Postavimo črto za ločnico - uerajmo stil črte, debelino, barvo, poravnavo, odmik od roba.

Vstavimo ikone za družabna omrežja.

Zgoraj izberemo stil ikon (select icon collection).

Spodaj izberemo katere ikone želimo, da se jih vključi - lahko jih dodajamo/odstranimo.

Nastavimo url za posamezno ikono.

Spodaj nastavimo še poravnovo ikon in razmik med ikonami.

Padding – odmik slike od roba našega sporočila, lahko nastavimo vse odmike naenkrat (all slides), lahko pa za vsakega posebej. More options vključimo s potegom v desno stran.

Hide on mobile -

Če želimo oblikovati sporočilo s pomočjo html jezika.

Pomembno kadar vključimo QR KODO.

Vstavimo kodo: <img src="EVENTCODE" width="150" />

Vstavimo video - url naslov.