Kako prilagoditi početnu stranicu

Ovaj sveobuhvatni vodič će vam pokazati kako dodati i prilagoditi sekcije na početnoj stranici vaše Talon prodavnice. Naučićete kako kreirati atraktivne banere, organizovati proizvode i stvoriti profesionalan izgled koji privlači kupce.

Šta ćete naučiti

• Pristupanje postavkama početne stranice
• Dodavanje novih sekcija i banera
• Izbor tipova banera (Proizvod, Galerija, Grid, Tekst-Slika)
• Prilagođavanje izgleda i pozicija
• Optimizacija za različite veličine ekrana
• Najbolje prakse za dizajn početne stranice

Prije početka

Pristupanje postavkama početne stranice

Navigacija do postavki

U administratorskom panelu:

1. Otvorite meni Prodavnica
2. Kliknite na "Home page sadržaj" (označeno oznakom)

Dostupne opcije u meniju

• Navigacija - Postavke menija
• Tema i dizajn - Vizuelne postavke
• Home page sadržaj ← Vi ste ovdje

Dodavanje nove sekcije

Početak kreiranja sekcije

Na stranici za uređivanje sadržaja:

1. Žuto upozorenje na vrhu vas podsjeća da kompletirati podatke o radnji
2. Kliknite dugme "Dodaj" da započnete kreiranje nove sekcije

Popunjavanje detalja sekcije

Osnovna polja za sekciju

U dijalogu za dodavanje sekcije, popunite:

Obavezna polja

1. Naslov - Glavni naslov sekcije Primjer: "Top Akcije - Iskoristi priliku!" Maksimalno 60 karaktera za optimalnu vidljivost
2. Podnaslov - Dodatni opis sekcije Primjer: "Uštedi sada na najpopularnijim proizvodima!" Maksimalno 120 karaktera

Naslov - Glavni naslov sekcije

• Primjer: "Top Akcije - Iskoristi priliku!"
• Maksimalno 60 karaktera za optimalnu vidljivost

Podnaslov - Dodatni opis sekcije

• Primjer: "Uštedi sada na najpopularnijim proizvodima!"
• Maksimalno 120 karaktera

Opcije linkovanja

1. Sadržaj linka - Tekst koji će biti klikabilan Primjer: "Pogledaj ponudu →" URL adresa: https://demo.talon.ba
2. Tip dugmeta - Stil prikaza linka Primarno - Istaknuto dugme (preporučeno za glavne akcije) Sekundarno - Manje istaknuto dugme

Sadržaj linka - Tekst koji će biti klikabilan

• Primjer: "Pogledaj ponudu →"
• URL adresa: https://demo.talon.ba

Tip dugmeta - Stil prikaza linka

• Primarno - Istaknuto dugme (preporučeno za glavne akcije)
• Sekundarno - Manje istaknuto dugme

Postavke prikaza

• Prikaz preko ekrana - Da li sekcija zauzima punu širinu
• Tip sekcije - Izbor između različitih layouta

Konfiguracija linka

Postavljanje linka sekcije

Kliknite na polje "Link" da definirate gdje će sekcija voditi:

Opcije linkovanja

• Interna stranica - Link na drugu stranicu vaše prodavnice
• Eksterna stranica - Link na vanjski sajt
• Kategorija proizvoda - Direktan link na kategoriju
• Bez linka - Samo informativna sekcija

Izbor stila linka

Vizuelni stil dugmeta

Izaberite kako će link/dugme izgledati:

• Primarni stil - Koristi glavnu boju brenda
• Sekundarni stil - Neutralniji izgled
• Samo tekst - Bez pozadine, samo link

Dodavanje URL-a i dodatnih postavki

Finalizacija linka

1. Unesite potpuni URL (npr. https://vasa-stranica.com/akcija)
2. Postavite dodatne opcije: Otvori u novom tabu - Da/Ne Prati klikove - Za analitiku

• Otvori u novom tabu - Da/Ne
• Prati klikove - Za analitiku

Opcije prikaza sekcije

Kako će sekcija biti prikazana

Izaberite način prikaza:

• Prilagodljivo - Automatski se prilagođava ekranu
• Puna širina - Proteže se preko cijelog ekrana
• Kontejner - Ograničena širina sa marginama

Izbor tipa banera

Dostupni tipovi banera

Talon nudi četiri glavna tipa banera za vašu početnu stranicu:

Tip 1: PROIZVOD BANER

Karakteristike:

• Prikazuje kartice proizvoda u redu
• Automatski pokazuje cijene i dugmad "U korpu"
• Idealno za: Istaknute proizvode, akcije, novo u ponudi

Najbolje prakse:

• Koristite za 3-6 proizvoda
• Grupirajte slične proizvode
• Dodajte atraktivan naslov iznad

Primjer naslova: "Top Akcije - Iskoristi priliku!"

Tip 2: GALERIJA BANER

Karakteristike:

• Fleksibilne kartice sa slikama i tekstom
• Možete dodati custom linkove
• Idealno za: Kategorije, brendove, kolekcije

Najbolje prakse:

• Koristite visokokvalitetne slike
• Održavajte konzistentan stil
• Maksimalno 4-6 kartica za optimalnu preglednost

Tip 3: GRID BANER

Karakteristike:

• Napredni kolaž layout
• Različite veličine kartica
• Potpuna kontrola nad rasporedom
• Responsive dizajn za sve ekrane

Najbolje prakse:

• Planirajte layout unaprijed
• Koristite za storytelling
• Testirajte na različitim uređajima

Savjet: Grid baner je odličan za kreiranje vizuelno atraktivnih priča o vašem brendu.

Tip 4: TEKST-SLIKA BANER

Karakteristike:

• Kombinacija teksta i slike
• Fleksibilno pozicioniranje (lijevo/desno/centar)
• Idealno za: Promocije, obavještenja, brend priče

Opcije pozicioniranja:

• Slika lijevo, tekst desno
• Slika desno, tekst lijevo
• Slika pozadi, tekst preko

Najbolje prakse:

• Održavajte dobar kontrast
• Koristite kratke, jasne poruke
• Dodajte CTA (Call-to-Action) dugme

Odabir sadržaja za baner

Tipovi sadržaja

Nakon što izaberete tip banera, definirajte sadržaj:

1. Proizvodi - Prikaz konkretnih proizvoda
2. Kategorije - Link na kategorije proizvoda
3. Custom sadržaj - Vaš vlastiti sadržaj
4. Promocije - Specijalne ponude

Izbor kategorije

Filtriranje po kategorijama

Ako ste izabrali prikaz proizvoda:

1. Izaberite kategoriju iz padajućeg menija
2. Sistem će automatski učitati proizvode
3. Možete prikazati do 12 proizvoda po sekciji

Finalni izbor tipa banera

Potvrda vašeg izbora

Pregledajte i potvrdite:

• Tip banera koji ste izabrali
• Sadržaj koji će biti prikazan
• Opcije prikaza

Čuvanje postavki sekcije

Finalizacija sekcije

Kliknite dugme "Sačuvaj" da:

• Sačuvate sve postavke
• Aktivirate sekciju na početnoj stranici
• Omogućite pregled promjena

Uspjeh! Vaša sekcija je dodana.

Dodavanje banera u sekciju

Dodavanje sadržaja

Nakon kreiranja sekcije:

1. Kliknite "Dodaj baner"
2. Sistem će otvoriti novi dijalog
3. Možete dodati više banera u istu sekciju

Pretraživanje proizvoda

Pronalaženje proizvoda za baner

U polju za pretragu:

1. Ukucajte naziv proizvoda
2. Sistem prikazuje rezultate u realnom vremenu
3. Možete pretraživati po: Nazivu SKU kodu Kategoriji

• Nazivu
• SKU kodu
• Kategoriji

Odabir proizvoda

Finalni izbor

1. Kliknite na željeni proizvod
2. Provjerite prikaz cijene
3. Potvrdite izbor

Napomena: Uvijek provjerite da su cijene ažurne prije dodavanja na početnu stranicu.

Unos detalja banera

Personalizacija banera

Unesite:

• Naziv banera - Za internu organizaciju
• Tekst na baneru - Što će kupci vidjeti
• Alt tekst - Za SEO optimizaciju

Dodavanje podnaslova

Dodatne informacije

Dodajte podnaslov koji:

• Pojašnjava glavnu poruku
• Daje dodatne informacije
• Motiviše na akciju

Primjer: "Samo danas - 30% popusta!"

Pozicioniranje sadržaja

Definiranje pozicije

Izaberite gdje će se sadržaj prikazati:

• Gore lijevo
• Gore centar
• Gore desno
• Centar
• Dolje lijevo
• Dolje centar
• Dolje desno

Boje pozadine

Vizuelno usklađivanje

Postavite boju pozadine:

1. Kliknite na selektor boje
2. Izaberite boju koja se slaže sa vašim brendom
3. Možete unijeti HEX kod za preciznost

Savjet: Koristite boje vašeg brenda za konzistentnost.

Boja teksta

Čitljivost je ključna

Izaberite boju teksta koja:

• Ima dobar kontrast sa pozadinom
• Je lako čitljiva
• Odgovara vašem brendu

Čuvanje banera

Finalizacija

Kliknite "Sačuvaj" da:

• Aktivirate baner
• Primijenite sve postavke
• Omogućite prikaz na stranici

Responsive opcije

Prilagođavanje za mobilne uređaje

Definirajte prikaz za:

• Small - Mobilni telefoni
• Medium - Tableti
• Large - Desktop računari

Važno: Testirajte izgled na svim veličinama ekrana!

Najbolje prakse i savjeti

Strategije za uspješnu početnu stranicu

Hijerarhija sadržaja

1. Hero sekcija - Najvažnija poruka/proizvod
2. Kategorije - Lakša navigacija
3. Istaknuti proizvodi - Bestselleri
4. Promocije - Trenutne akcije
5. Testimonijali - Povjerenje kupaca
6. Newsletter - Prikupljanje emailova

Optimizacija performansi

• Koristite optimizovane slike (max 200KB)
• Održavajte 5-7 sekcija maksimalno
• Budite konzistentni sa bojama
• Prioritet dajte mobilnom prikazu

SEO optimizacija

• Dodajte alt tekstove svim slikama
• Koristite deskriptivne naslove
• Uključite ključne riječi
• Održavajte brzo učitavanje stranice

Mjerenje uspjeha

Pratite:

• Bounce rate - Da li ljudi ostaju na stranici
• Konverzija - Koliko posjetilaca kupuje
• Vrijeme na stranici - Angažovanost
• Klikovi na banere - Efikasnost CTA

Redovno ažuriranje

• Mijenjajte hero baner sedmično
• Ažurirajte proizvode mjesečno
• Testirajte različite layoute
• Pratite trendove u dizajnu

Zaključak

Početna stranica je vaš najvažniji prodajni alat. Sa ovim vodičem možete:

Kreirati profesionalan izgled Organizovati sadržaj efikasno Povećati konverziju Poboljšati korisničko iskustvo