Announcement bar este o bandă subțire, de obicei chiar în partea de sus a paginii, pentru mesaje scurte precum „Livrare gratuită săptămâna aceasta” sau „Plata la livrare disponibilă”. Poate afișa un mesaj sau poate schimba mai multe pe rând.
Adaugă o bară de anunțuri
- Deschide the builder și mergi la pagina dorită.
- În fila Sections, apasă Add new section și alege Announcement bar din grupul Layout.
- Trage-o deasupra antetului dacă o vrei chiar sus.
- Selectează un bloc Announcement și scrie mesajul în Announcement text.
- Apasă Publish.
Poți adăuga până la 2 bare de anunțuri pe pagină, pe orice pagină. Fiecare pagină își păstrează propria copie. Ca să afișezi aceeași bară peste tot, folosește Apply to all pages, vezi Secțiuni și blocuri.
Mesajele
Fiecare mesaj este un bloc Announcement. Apasă Add new block ca să adaugi unul, până la 7 pe bară. Trage-le ca să le schimbi ordinea. Mesajele ascunse și cele goale sunt sărite. Cu un singur mesaj, acesta stă pe loc, centrat.
Setările de animație
Setările Animation apar doar când bara are două sau mai multe mesaje vizibile.
- Mode: Slider arată câte un mesaj, cu săgeți mici pentru înapoi și înainte. Ticker face toate mesajele să defileze pe un singur rând continuu.
- Direction: Left sau Right, sensul în care se mișcă mesajele.
- Time to next announcement: de la 2 la 10 secunde. În modul Slider este timpul cât rămâne fiecare mesaj. În modul Ticker setează viteza: timpul în care rândul traversează ecranul, deci un număr mai mare înseamnă o defilare mai lentă.
- Separator: un caracter scurt sau un emoji pus între mesaje, de exemplu un punct sau o stea. Doar în modul Ticker.
Tickerul se oprește cât timp un cumpărător arată spre el, îl atinge sau ajunge la el cu tastatura, ca să-l poată citi. Cumpărătorii care au activat reducerea mișcării pe dispozitiv îl văd nemișcat.
Aranjare și aspect
- Section width: Page păstrează mesajele în lățimea paginii, Full folosește toată lățimea ecranului.
- Color scheme: culorile fundalului și ale textului barei. Un contrast puternic cu antetul ajută bara să iasă în evidență. Schemele se editează în Scheme de culori.
- Font size: de la 10 la 30 de pixeli.
- Padding: spațiul de deasupra, de dedesubt și din lateralele textului.
- Fila Custom CSS: stilurile tale proprii, doar pentru această bară.
Idei
- Două bare: un mesaj fix (de exemplu promisiunea de livrare) și o a doua bară care schimbă ofertele.
- Mesajele scurte funcționează cel mai bine pe telefoane, unde ecranul e îngust.
- Mesaj sezonier: ascunde bara cu pictograma ochi când oferta se termină și afișeaz-o din nou data viitoare. Mesajele se păstrează.
Bine de știut
- Nu găsesc Mode sau Separator: adaugă mai întâi un al doilea mesaj. Separator are nevoie și ca Mode să fie setat pe Ticker.
- Bara nu apare pe alte pagini: fiecare pagină are propriile secțiuni. Adaug-o acolo sau folosește Apply to all pages pe paginile care au deja o bară.