Prijeđite na glavni sadržaj

Banner na početnoj stranici

Postavljanje i prilagodba bannera na početnoj stranici web stranice, promjena vrste, položaja i redoslijeda bannera

Svaki banner zauzima vlastiti blok na stranici — banner liniju. Za svaku banner liniju morate definirati njezinu lokaciju na stranici i vrstu bannera koja će se za nju konfigurirati.

Ne postoje ograničenja u broju banner linija i njihovoj lokaciji na Početna stranica, što vam omogućuje da početnu stranicu učinite informativnom i privlačnom kupcima. Imajte na umu da velik broj bannera može usporiti učitavanje stranice, pa pažljivo razmislite koje su vam slike potrebne.

Da biste postavili banner na početnu stranicu, potrebno je:

  1. Odredite koje bannere želite prikazati na početnoj stranici.

  2. Ako je potrebno, izradite nove linije ili promijenite postojeće.

  3. Pripremite slike ispravne veličine za svaki banner.

  4. Učitajte slike, prilagodite i omogućite bannere u administracijskoj ploči.

Napomena: Izradili smo novo sučelje za upravljanje bannerima i postupno ažuriramo trgovine naših klijenata.

Sljedeće upute vrijede i za staro i za novo sučelje.

Priprema banner linija za učitavanje bannera

Morate odrediti broj bannera koje želite postaviti na početnoj stranici, kao i njihov tip i veličinu.

Primjer banner linija na početnoj stranici

Example of banner lines on the main page — Cartum

Primjer prikaza bannera u predlošku Shaniya galerije dizajna predložaka:

  1. Banner linija 1: wideblock, veličina L;

  2. Banner linija 2: 3x, veličina M, razmak: S, zaobljenje: S;

  3. Banner linija 3: 2x, veličina: M, razmak: S; zaobljenje: S;

  4. Banner linija 4: block, veličina: L.

Ostale kombinacije bannera možete vidjeti u našoj galeriji dizajnerskih predložaka.

Izrada ili promjena banner linija

Kako biste izradili nove banner linije, promijenili parametre bannera u postojećim linijama ili promijenili njihov položaj, idite u odjeljak Web stranica Dizajn Uređivač dizajna u administracijskoj ploči i proširite stavku Homepage. Kliknite Add banner ili proširite postojeću banner liniju i postavite potrebne parametre bannera. Pregled u uređivaču dizajna omogućuje vam da odmah procijenite napravljene promjene.

Važno: Prije promjene banner linija preporučujemo da spremite slike koje ste ranije koristili. Nakon primjene promjena, vaše prethodne slike mogu biti obrisane.

Priprema slika za bannere

Kako bi se banneri ispravno prikazivali, slike moraju ispunjavati sljedeće zahtjeve:

  1. Veličina slike mora u potpunosti odgovarati odabranoj vrsti i veličini bannera.

  2. Slika treba biti u formatu JPEG ili PNG.

  3. Ako odaberete banner tipa cover, trebali biste ostaviti uvlake od 500px s lijevog i desnog ruba te važne informacije smjestiti u središte.

  4. Ako odaberete postavku s razmakom, pri pripremi slike trebali biste predvidjeti da će 10–15px od ruba biti prekriveno uvlakom.

  5. Slike trebaju biti visoke kvalitete.

Postavljanje i omogućavanje bannera na vašoj web stranici

Kada su potrebne banner linije izrađene, učitajte slike u administracijsku ploču i omogućite bannere.

Novo sučelje

  1. Idite na odjeljak Web stranica → Poboljšani baneri i kliknite + New banner u odgovarajućoj liniji.

  2. Ispunite polje Title — pokušajte banneru dati jasan naziv kako biste ga kasnije lakše pronašli.

  3. Učitajte sliku bannera klikom na polje ili povlačenjem i ispuštanjem datoteke u njega.

  4. Navedite poveznicu ili stranicu na koju će korisnik biti preusmjeren kada klikne na banner.

  5. Ako je potrebno, navedite boju okvira, alternativni tekst i naziv za sliku.

  6. Odaberite željenu postavku za prekidač Open link in new tab.

  7. Provjerite je li prekidač Show on storefront uključen i kliknite Save.

Uploading the homepage banner — Cartum

Bannere možete učitati i izravno u uređivaču dizajna.

  1. Idite na Web stranica → DizajnUređivač dizajnaHomepage i proširite željeni redak bannera.

  2. Postavite pokazivač miša iznad polja za učitavanje slike i pritisnite + u retku minijatura koji se pojavi (za prvi banner u retku samo kliknite na polje).

  3. Konfigurirajte banner na isti način kao u odjeljku Web stranica → Poboljšani baneri.

Staro sučelje

  1. Idite na Web stranica → Poboljšani baneri i kliknite Dodaj.

  2. U polju Stranica odaberite Početna stranica.

  3. U polju Smještaj odaberite željenu liniju.

  4. Provjerite je li polje Predložak postavljeno na Slika.

  5. Učitajte datoteku bannera u polje Slika , postavite URL i dodatne postavke prema potrebi.

  6. Odaberite potvrdni okvir Aktiviraj i kliknite Spremi.

Poveznice

U polju Poveznica (URL u starom sučelju)možete postaviti adresu na koju će se preusmjeriti klikom na banner — stranicu web stranice ili poveznicu na resurs treće strane.

  • Stranica (Naziv stranice web-mjesta u starom sučelju) — odaberite odgovarajuću stranicu s padajućeg popisa.

  • Prilagođena poveznica (Own link u starom sučelju) — navedite poveznicu na bilo koju stranicu (i na vašoj web stranici i u drugim izvorima).

Ako se kupac klikom na banner treba preusmjeriti na stranicu s određenim proizvodom ili na rezultate filtriranja, morate odabrati prilagođenu poveznicu i u drugi dio polja unijeti relativnu poveznicu (bez domene).

Ako se kupac klikom na banner treba preusmjeriti na stranicu druge web stranice, poveznica treba biti apsolutna (na primjer, https://cartum.io/functions/)

Banneri za različite jezične verzije

Za svaku jezičnu verziju stranice možete učitati različite slike, postaviti različite poveznice te napisati odgovarajuće alt i title meta oznake.

Novo sučelje

Banners for different language versions — Cartum

Staro sučelje

Banners for different language versions — Cartum

Napomena:

  • Ako banner nije učitan za dodatnu jezičnu verziju, prikazat će se banner postavljen za glavnu jezičnu verziju stranice.

  • Ako banner nije postavljen za glavni jezik stranice, banneri iz drugih jezičnih verzija neće se prikazivati. Ako je takav banner omogućen, na web stranici će se prikazati prazan prostor.

Izrada slidera (promjena slika)

Za bannere tipa block, wideblock, cover, blockplus (samo veliki banneri) možete postaviti slider — slike koje se automatski mijenjaju u određenom intervalu.

Banner slider — Cartum

Kako biste postavili slider, trebate izraditi nekoliko bannera u jednoj banner liniji.

Redoslijed prikaza bannera u liniji

Redoslijed prikaza bannera u slideru i u liniji s više bannera određuje se prema njihovim pozicijama na popisu u odjeljku Web stranicaPoboljšani baneri.

Redoslijed prikaza možete promijeniti povlačenjem bannera za markere u lijevom stupcu.

Novo sučelje

Changing the order of displaying banners — Cartum

Staro sučelje

Changing the order of displaying banners — Cartum

Jesmo li odgovorili na vaše pitanje?