Dizajn i widgeti

Izgled celog sajta (boje, fontovi, dugmad, efekti) podešava se na jednom mestu: u tabu Dizajn u editoru. Dodaci za ceo sajt, poput chat dugmadi i trake sa obaveštenjem, nalaze se u tabu Widgeti. Izmene se odmah vide u pregledu, a uživo postaju kad klikneš Objavi.

Gotove teme

1. U editoru otvori tab Dizajn (levi panel).
2. Pod Boje, Gotove teme nude kompletne kombinacije boja: Narandžasta, Ponoćno plava, Neon limeta, Ruža, Ljubičasta, Svetli studio i Crno-belo.
3. Klikni jednu da je primeniš. Posle toga možeš da doteraš bilo koju boju ispod.

Savet: kreni od teme koja je najbliža tvom brendu, pa promeni samo Akcentna boja u boju svog brenda. Često je to sasvim dovoljno.

Boje

Tipografija

• Font naslova i Font teksta: biraš sa liste web fontova; pregled ih učitava čim ih izabereš.
• Debljina naslova: od normalne do ekstra podebljane.
• Razmak slova u naslovu: zbijeniji ili razmaknutiji naslovi.
• Veličina naslova: povećava ili smanjuje sve naslove.
• Veličina teksta: osnovna veličina teksta.
• Mali natpisi velikim slovima: da li su mali natpisi iznad naslova napisani velikim slovima.

Oblici

• Zaobljenost kartica i Zaobljenost dugmadi: od četvrtastih do potpuno zaobljenih.
• Stil dugmadi: Puna boja, Prelaz (gradient) ili Obrub.
• Širina sadržaja: koliko širok sadržaj može da bude na velikim ekranima.

Efekti i animacije

• Jačina sjaja: koliko je jak efekat sjaja (0 ga isključuje).
• Animacija pri skrolovanju: kako se sekcije pojavljuju dok se skroluje: Bez animacije, Postepeno pojavljivanje, Pojavljivanje odozdo, Uvećanje ili Izoštravanje.
• Kartice se podignu na hover: kartice se blago podignu kad se mišem pređe preko njih.
• Filmsko zrno (grain) preko sajta: suptilan teksturisan izgled.
• Glatko skrolovanje: mekano skrolovanje kad link skoči na sekciju.

Dodatni CSS

Pod Napredno, polje Dodatni CSS ti omogućava da dodaš svoj CSS za izmene dizajna koje ne postoje kao podešavanja. Primer:

.btn { text-transform: uppercase; }

Dodatni CSS je za napredne korisnike. Ako se nešto pokvari, obriši ono što si dodao ili iskoristi Ctrl+Z.

Dizajn na nivou sekcije

Svaka sekcija ima i svoj izgled u Uredi → Izgled: pozadinu (bez, kartica, sjaj, akcentna), razmake, poravnanje naslova i pozadinsku sliku sa zatamnjenjem. Mnoge sekcije dodaju i svoje opcije, poput kolona, stila kartica ili oblika slike. Pogledaj Sekcije i elementi.

Widgeti

Otvori tab Widgeti. Ima tri grupe: Chat dugmad, Traka sa obaveštenjem i Ostalo.

Chat dugmad

Plutajuća dugmad u uglu ekrana omogućavaju posetiocima da te kontaktiraju jednim dodirom.

1. Uključi Prikaži chat dugmad.
2. Pod Kanali klikni Dodaj stavku za svaki kanal i izaberi Kanal:
   • WhatsApp, Viber, Telegram, Messenger, Instagram;
   • Poziv, SMS, Email;
   • Drugi link (bilo koja https://… adresa, sa tvojom ikonicom).
3. Popuni Broj, korisničko ime ili adresa:
   • WhatsApp, Viber i Poziv: tvoj broj u međunarodnom formatu, na primer +381601234567;
   • Telegram i Instagram: tvoje korisničko ime;
   • Email: tvoja email adresa;
   • Drugi link: puna https://… adresa.
4. Po želji dodaj Unapred napisana poruka (WhatsApp), Tekst pored dugmeta (opciono) i Boja (prazno = boja brenda).

Zatim izaberi kako se dugmad ponašaju:

Traka sa obaveštenjem

Tanka traka na samom vrhu sajta, za novosti ili ponude (Besplatna dostava ove nedelje, Novi kurs je izašao).

1. Uključi Prikaži traku na vrhu sajta.
2. Napiši Tekst, i po želji Tekst linka (opciono) sa Link vodi na.
3. Izaberi Stil: Akcentna, Tamna ili Svetla.
4. Odluči da li Posetilac može da je zatvori.

Ostalo

• Dugme „nazad na vrh”: malo dugme koje na dugačkim stranicama vraća na vrh.
• Linija napretka skrolovanja na vrhu: tanka linija koja se puni dok posetilac skroluje.

Saveti

• Proveri boje i na Telefon i postaraj se da se tekst dobro čita na svakoj pozadini.
• Ne mešaj više od dva fonta; font naslova i font teksta su dovoljni.
• Jedan ili dva chat kanala su obično bolji od pet.