Un banner îngust deasupra antetului este afișat pe toate paginile Website-ului și ajută la atragerea unei atenții suplimentare asupra promoțiilor, reducerilor și altor informații importante.
Exemple de bannere deasupra antetului site-ului
Vă rugăm să rețineți: Am creat o nouă interfață de gestionare a bannerelor și actualizăm treptat magazinele clienților noștri.
Următoarele instrucțiuni se aplică atât interfeței vechi, cât și celei noi.
Cum să adăugați un banner deasupra antetului
Interfață nouă:
Accesați secțiunea Website → Bannere, selectați fila Header și faceți clic pe + New banner.
Configurați conținutul bannerului și faceți clic pe Save.
Detalii despre unele setări:
Height — înălțimea bannerului: S (30 pixeli), M (40 pixeli) sau L (50 pixeli). În versiunea mobilă, înălțimea crește automat dacă textul de pe banner nu încape pe o singură linie — pentru a asigura acest lucru, trebuie să încărcați o imagine de fundal cu o înălțime suplimentară.
Show on — afișați bannerul doar pe versiunea desktop, doar pe versiunea mobilă sau peste tot.
Show dismiss button — dacă este activat, vizitatorul site-ului va putea ascunde
bannerul, după care acesta nu va mai apărea.
Text — textul de pe banner; acceptă HTML și CSS.
Interfață veche:
Accesați Website → Bannere și faceți clic pe Adăugați.
În câmpul Pagina, selectați Toate paginile.
Configurați conținutul bannerului, apoi faceți clic pe Salvează.
Detalii despre unele setări:
Imagine — o imagine pentru fundal, plasată în centrul bannerului, decupată pe ecrane înguste.
Text — text pe banner, acceptă HTML și CSS.
Înălțime — înălțimea bannerului: 30, 40 sau 50 pixeli. În versiunea mobilă, înălțimea crește automat dacă textul de pe banner nu încape pe o singură linie — pentru aceasta, trebuie să încărcați o imagine de fundal cu o înălțime suplimentară.
Afișați bannerul pe — afișați bannerul doar pe versiunea desktop, doar pe versiunea mobilă sau peste tot. Folosiți această setare pentru a crea două bannere diferite pentru fiecare versiune a site-ului dvs.
Afișați butonul de închidere — dacă este activat, vizitatorul site-ului va putea ascunde bannerul, după care acesta nu va mai apărea.
Banner în versiunea mobilă
În versiunea mobilă, bannerul este afișat sub antet: rămâne vizibil, iar antetul nu se mută din locul său obișnuit pe ecran. Acest lucru este important pentru utilizarea confortabilă a site-ului.
Când proiectați un banner, asigurați-vă că este clar și lizibil în versiunea mobilă. Recomandăm câteva opțiuni pentru rezolvarea acestei probleme.
1. Setați conținutul bannerului ca text. În versiunea mobilă, textul nu va fi tăiat, ci mutat pe o linie nouă. În același timp, bannerul își poate mări înălțimea dacă imaginea de fundal este încărcată cu o marjă.
2. Proiectați macheta astfel încât conținutul important să se încadreze în lățimea ecranului smartphone-ului. Imaginea va fi decupată pe ambele părți, însă conținutul va rămâne lizibil.
3. Creați un banner separat pentru versiunea mobilă. În setările acestui banner, specificați că trebuie să fie afișat doar în versiunea mobilă, iar bannerul original trebuie să fie afișat doar pe desktop (setarea Afișați bannerul pe ).
Ordinea de afișare a bannerelor
Deasupra antetului poate fi afișat un singur banner — cel care se află cel mai sus în listă în secțiunea din panoul de administrare Website → Bannere → Header (Website → Bannere pentru interfața veche).
Totuși, dacă bannerul cu prioritatea cea mai mare are activat butonul de închidere, atunci după ce acest banner este ascuns, vizitatorul site-ului îl va vedea pe următorul (după reîncărcarea paginii sau accesarea altei pagini).
