Prijeđite na glavni sadržaj

Izrada bannera i klizača

Kako postaviti banner i kako izraditi slider korak po korak

Potrebno vrijeme: od 5 minuta 🕑

Težina: ⭐⭐⬜⬜⬜

Poboljšani baneri pomoći će vam privući pažnju kupaca na promotivne ponude, pogodnosti, popularne proizvode i druge značajke vaše online trgovine.

Napomena: Izradili smo novo sučelje za upravljanje bannerima i postupno ažuriramo trgovine naših klijenata. Više o ovom sučelju možete saznati u članku Što se promijenilo u radu s bannerima.

Sljedeće upute odnose se na staro sučelje.

Pogledajmo pobliže kako raditi s bannerima.



Kako izraditi banner

Novo sučelje

Korak 1.

U odjeljku Web stranicaPoboljšani baneri kliknite New banner.

Korak 2.

U prozoru koji se otvori odaberite lokaciju za novi banner:

  • Homepage — dostupne su prethodno izrađene linije bannera;

  • Header — banner koji se prikazuje na svakoj stranici web-mjesta;

  • Inner pages — banner za stranice kataloga, prikazuje se na vrhu ili dnu stranice.

Korak 3.

Unesite opisni Title bannera. To je potrebno kako biste banner prepoznali u administratorskoj ploči; kupci neće vidjeti naziv bannera.

Korak 4.

Uključite prekidač Show on storefront kako bi se banner prikazivao na web stranici.

Korak 5.

Učitajte sliku za banner prema preporučenim dimenzijama. Dimenzije ovise o vrsti bannera koju ste odabrali.

Napomena: Potrebno je učitati zaseban banner za svaku jezičnu verziju koja je omogućena na web stranici.

Korak 6.

Odaberite boju okvira po želji.

Korak 7.

Ako banner treba biti klikabilan, navedite poveznicu ili stranicu na koju će korisnik biti preusmjeren nakon klika.

Korak 8

Ako je potrebno, uključite opciju Open link in new tab.

Korak 9

Za bannere iznad zaglavlja

Odaberite visinu bannera (S, M ili L), verziju stranice na kojoj se banner treba prikazivati (desktop, mobilna ili obje) te konfigurirajte gumb za zatvaranje bannera na web stranici. Umjesto slike, ili uz nju, možete navesti tekst za banner, njegovu boju i boju pozadine.

Za bannere na početnoj stranici i stranicama kataloga

Ako je potrebno, navedite alternativni tekst i naslov za sliku.

Korak 10.

Kliknite Save.

How to create a banner — Cartum

Savjet: Za bannere na desktop verziji početne stranice web-mjesta možete pratiti iste korake u odjeljku Web stranicaDizajnUređivač dizajnaHomepage.

Staro sučelje

Korak 1.

U odjeljku Web stranicaPoboljšani baneri kliknite + Dodaj.

Korak 2.

U polju Stranica odaberite stranicu za koju izrađujete banner.

Korak 3.

Odaberite liniju bannera u polju Smještaj.

Korak 4.

U polju Predložak odaberite Slika.

Korak 5.

Navedite jasan Naziv za banner. Potreban je kako biste banner prepoznali u administratorskoj ploči; kupci neće vidjeti naziv bannera.

Korak 6.

Označite potvrdni okvir Aktiviraj kako bi se banner prikazivao na web stranici.

Korak 7.

Dodajte sliku za banner prema preporučenoj veličini. Veličina ovisi o odabranoj vrsti bannera.

Napomena: potrebno je učitati zasebne bannere za svaku jezičnu verziju koja je omogućena na vašoj web stranici.

Korak 8.

Odaberite Boju okvira po želji.

Korak 9.

Ako banner treba biti klikabilan, navedite URL na koji će korisnik biti preusmjeren nakon klika.

Korak 10.

Spremite promjene i provjerite kako banner izgleda na web stranici.

How to create a banner — Cartum

Kako izraditi slider

Prezentacije se mogu postaviti za bannere tipova Block, Wide Block, Naslovnica, Block Plus (samo veličina L). Banneri će se automatski mijenjati svakih pet sekundi.

Slider on a website — Cartum

Za slider trebate učitati nekoliko različitih bannera u jednu liniju. Odnosno, trebate proći cijeli ciklus radnji opisan iznad, a zatim ga ponoviti potreban broj puta.

Novo sučelje

Korak 1

U retku u kojem se nalazi prvi banner slidera kliknite + New banner.

Korak 2

Učitajte sljedeći banner i konfigurirajte ga na isti način kao prethodni.

Korak 3.

Kliknite Save.

Staro sučelje

Korak 1

Kliknite + Dodaj.

Korak 2

Učitajte sljedeći banner i konfigurirajte ga na isti način kao prethodni, tako da u odjeljku Smještaj odaberete istu liniju bannera.

Korak 3.

Kliknite Spremi.

How to create a slider — Cartum
Jesmo li odgovorili na vaše pitanje?