Direct la conținutul principal

Banner pe pagina principală

Plasarea și personalizarea bannerelor pe pagina principală a website-ului, schimbarea tipului, poziției și ordinii bannerelor

Fiecare banner ocupă propriul său bloc pe pagină — o linie de banner. Pentru fiecare linie de banner, trebuie să definiți locația acesteia pe pagină și tipul de banner care va fi configurat pentru ea.

Nu există restricții privind numărul de linii de banner și poziționarea lor pe Pagina principală, ceea ce vă permite să faceți pagina principală informativă și atractivă pentru clienți. Rețineți că un număr mare de bannere poate încetini încărcarea paginii, așa că gândiți-vă bine ce imagini aveți nevoie.

Pentru a plasa un banner pe pagina principală, trebuie să:

  1. Stabiliți ce bannere doriți să afișați pe pagina principală.

  2. Dacă este necesar, creați linii noi sau modificați-le pe cele existente.

  3. Pregătiți imagini de dimensiunea corectă pentru fiecare banner.

  4. Încărcați imaginile, personalizați și activați bannerele în panoul de administrare.

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.

Pregătirea liniilor de banner pentru încărcarea bannerelor

Trebuie să stabiliți numărul de bannere pe care doriți să le plasați pe pagina principală, precum și tipul și dimensiunea acestora.

Exemplu de linii de banner pe pagina principală

Exemplu de linii de banner pe pagina principală — Cartum

Un exemplu de afișare a bannerelor în șablonul galeriei de design Shaniya:

  1. Linia de banner 1: wideblock, dimensiunea L;

  2. Linia de banner 2: 3x, dimensiunea M, padding: S, rotunjire: S;

  3. Linia de banner 3: 2x, dimensiunea: M, padding: S; rotunjire: S;

  4. Linia de banner 4: block, dimensiunea: L.

Puteți vedea și alte combinații de bannere în galeria noastră de șabloane de design.

Crearea sau modificarea liniilor de banner

Pentru a crea linii noi de banner, a modifica parametrii bannerelor din liniile existente sau a le schimba poziția, accesați secțiunea Website Design Editor de design din panoul de administrare și extindeți elementul Homepage. Faceți clic pe Add banner sau extindeți o linie de banner existentă și setați parametrii necesari ai bannerului. O previzualizare în editorul de design vă permite să evaluați imediat modificările efectuate.

Important: Înainte de a modifica liniile de banner, vă recomandăm să salvați imaginile folosite anterior. După aplicarea modificărilor, imaginile dvs. anterioare pot fi șterse.

Pregătirea imaginilor pentru bannere

Pentru a afișa corect bannerele, imaginile trebuie să îndeplinească următoarele cerințe:

  1. Dimensiunea imaginii trebuie să corespundă în totalitate tipului și dimensiunii bannerului selectate.

  2. Imaginea trebuie să fie în format JPEG sau PNG.

  3. Dacă alegeți un banner de tip cover, ar trebui să lăsați indentări de 500px de la marginile stânga și dreapta și să plasați informațiile importante în centru.

  4. Dacă alegeți setarea padded, la pregătirea imaginii ar trebui să permiteți ca 10–15px de la margine să fie acoperiți de indentare.

  5. Imaginile ar trebui să fie de calitate înaltă.

Configurarea și activarea bannerelor pe website-ul dvs.

După ce liniile de banner necesare sunt create, încărcați imaginile în panoul de administrare și activați bannerele.

Interfața nouă

  1. Accesați secțiunea Website → Bannere și faceți clic pe + New banner în linia corespunzătoare.

  2. Completați câmpul Title — încercați să dați bannerului un nume clar, astfel încât să fie mai ușor de găsit ulterior.

  3. Încărcați imaginea bannerului făcând clic pe câmp sau trăgând și plasând un fișier în acesta.

  4. Specificați linkul sau pagina către care utilizatorul va fi redirecționat când face clic pe banner.

  5. Dacă este necesar, specificați culoarea chenarului, textul alternativ și titlul pentru imagine.

  6. Selectați setarea dorită pentru comutatorul Open link in new tab.

  7. Asigurați-vă că comutatorul Show on storefront este activat și faceți clic pe Save.

Încărcarea bannerului de pe pagina principală — Cartum

De asemenea, puteți încărca bannere direct în editorul de design.

  1. Accesați Website → DesignEditor de designPagina principală și extindeți rândul de bannere dorit.

  2. Treceți cursorul peste câmpul de încărcare a imaginii și apăsați + în rândul de miniaturi care apare (pentru primul banner din rând, faceți doar clic pe câmp).

  3. Configurați bannerul în același mod ca în secțiunea Website → Bannere.

Interfața veche

  1. Accesați Website → Bannere și faceți clic pe Adăugați.

  2. În câmpul Pagina, selectați Pagina principală.

  3. În câmpul Plasare , selectați linia dorită.

  4. Asigurați-vă că câmpul Șablon este setat pe Imagine.

  5. Încărcați fișierul bannerului în câmpul Imagine , setați URL-ul și setările suplimentare după necesitate.

  6. Bifați checkbox-ul Activat și faceți clic pe Salvează.

Linkuri

În câmpul Link (URL în interfața veche)puteți seta adresa către care se va face redirecționarea la clic pe banner — o pagină a website-ului sau un link către o resursă terță.

  • Pagina (Numele paginii site-ului în interfața veche) — selectați pagina corespunzătoare din lista derulantă.

  • Link personalizat (Link propriu în interfața veche) — specificați un link către orice pagină (atât pe site-ul dvs., cât și în alte surse).

Dacă un client trebuie să fie redirecționat către pagina unui anumit produs sau către rezultatele filtrării prin clic pe un banner, trebuie să selectați link personalizat și să introduceți un link relativ (fără domeniu) în a doua parte a câmpului.

Dacă un client trebuie să fie redirecționat către pagina unui alt website prin clic pe un banner, linkul trebuie să fie absolut (de exemplu, https://cartum.io/functions/)

Bannere pentru diferite versiuni lingvistice

Pentru fiecare versiune lingvistică a site-ului, puteți încărca imagini diferite, seta linkuri diferite și scrie meta tag-urile alt și title corespunzătoare.

Interfața nouă

Bannere pentru diferite versiuni lingvistice — Cartum

Interfața veche

Bannere pentru diferite versiuni lingvistice — Cartum

Vă rugăm să rețineți:

  • Dacă nu este încărcat niciun banner pentru o versiune lingvistică suplimentară, va fi afișat bannerul setat pentru versiunea lingvistică principală a site-ului.

  • Dacă nu este configurat un banner pentru limba principală a site-ului, bannerele din alte versiuni lingvistice nu vor fi afișate. Dacă un astfel de banner este activat, pe site va fi afișat un spațiu gol.

Crearea unui slider (schimbarea imaginilor)

Pentru bannerele de tip block, wideblock, cover, blockplus (doar bannerele mari), puteți configura un slider — imagini care se schimbă automat la un anumit interval.

Slider de bannere — Cartum

Pentru a configura sliderul, trebuie să creați mai multe bannere într-o singură linie de banner.

Ordinea de afișare a bannerelor într-o linie

Ordinea în care bannerele sunt afișate într-un slider și într-o linie cu mai multe bannere este determinată de pozițiile lor din lista secțiunii WebsiteBannere.

Puteți schimba secvența de afișare trăgând bannerele de marcajele din coloana din stânga.

Interfața nouă

Schimbarea ordinii de afișare a bannerelor — Cartum

Interfața veche

Schimbarea ordinii de afișare a bannerelor — Cartum

Ați primit răspuns la întrebare?