Kreator stranica

Kreirajte upečatljive prilagođene stranice za vašu prodavnicu koristeći Mozhe vizuelni kreator stranica. Pravite landing stranice, stranice o nama, promotivni sadržaj i još mnogo toga bez pisanja koda.

Pregled

Kreator stranica vam omogućava da kreirate i uređujete stranice koristeći drag-and-drop interfejs. Svaka stranica se sastoji od ponovljivo upotrebljivih sekcija koje možete prilagoditi da odgovaraju vašem brendu.

Kreiranje nove stranice

Za kreiranje prilagođene stranice:

1. Idite na Sadržaj > Stranice na kontrolnoj tabli
2. Kliknite dugme Kreiraj stranicu
3. Unesite naslov za vašu stranicu
4. Postavite URL handle (npr. o-nama za /o-nama)
5. Kliknite Sačuvaj da kreirate stranicu

Podešavanja stranice

Pri kreiranju stranice, konfigurišite ova podešavanja:

• Naslov - Naslov stranice prikazan u tabovima pregledača i rezultatima pretrage
• Handle - URL slug za stranicu (automatski generisan iz naslova, može se menjati)
• Status - Nacrt ili Objavljena
• Početna stranica - Postavite ovu stranicu kao početnu stranicu vaše prodavnice

Rad sa sekcijama

Stranice se grade od sekcija. Svaka sekcija predstavlja zaseban blok sadržaja na vašoj stranici.

Dodavanje sekcija

Za dodavanje sekcije na vašu stranicu:

1. Otvorite stranicu u kreatoru
2. Kliknite Dodaj sekciju na dnu stranice
3. Izaberite iz dostupnih tipova sekcija:
   • Unapred izgrađeni šabloni iz biblioteke
   • AI-generisane prilagođene sekcije
   • Prazne sekcije koda za prilagođeni HTML

Tipovi sekcija

Kreator podržava nekoliko tipova sekcija:

Preraspoređivanje sekcija

Prevucite i otpustite sekcije da ih preuredite:

1. Pređite mišem preko sekcije da otkrijete ručicu za prevlačenje
2. Kliknite i držite ručicu
3. Prevucite sekciju na njenu novu poziciju
4. Otpustite da postavite sekciju

Uređivanje sadržaja sekcije

Svaka sekcija ima polja za uređivanje sadržaja zvana "prevodi":

1. Kliknite na bilo koji tekst u sekciji da ga uredite
2. Napravite izmene u panelu za uređivanje
3. Kliknite izvan ili pritisnite Sačuvaj da primenite izmene

Sadržaj se automatski čuva po jeziku, podržavajući višejezično podešavanje vaše prodavnice.

Podešavanja sekcije

Konfigurišite izgled sekcije u panelu podešavanja:

• Boja pozadine - Postavite boju pozadine sekcije
• Boja teksta - Izaberite podrazumevanu boju teksta
• Padding - Kontrolišite vertikalni razmak (kompaktan, podrazumevano, prostran)
• Prilagođeni CSS - Dodajte prilagođene stilove (napredni korisnici)

Korišćenje šablona

Uštedite vreme korišćenjem unapred izgrađenih šablona.

Šabloni sekcija

Za korišćenje šablona sekcije:

1. Kliknite Dodaj sekciju
2. Pregledajte tab Šabloni
3. Pregledajte šablone prelaskom miša preko njih
4. Kliknite na šablon da ga dodate na vašu stranicu

Kreiranje sopstvenih šablona

Sačuvajte sekciju kao šablon za ponovnu upotrebu:

1. Uredite sekciju koju želite da sačuvate
2. Kliknite meni Više (tri tačke)
3. Izaberite Sačuvaj kao šablon

Šabloni stranica

Kreirajte šablon stranice od postojeće stranice:

1. Idite na Sadržaj > Stranice
2. Kliknite meni Više na stranici koju želite da sačuvate
3. Izaberite Sačuvaj kao šablon
4. Konfigurišite podešavanja šablona i sačuvajte

Za kreiranje stranice iz šablona:

1. Kliknite Kreiraj stranicu
2. Izaberite Iz šablona
3. Izaberite vaš šablon
4. Prilagodite sadržaj za vašu novu stranicu

AI generisanje sekcija

Generišite prilagođene sekcije koristeći AI. Pogledajte vodič AI generisanje sadržaja za detalje.

Za generisanje sekcije sa AI:

1. Kliknite Dodaj sekciju
2. Izaberite tab AI generisanje
3. Opišite šta želite (npr. "hero sekcija sa tamnom pozadinom i centriranim tekstom")
4. Opciono otpremite referentne slike
5. Kliknite Generiši
6. Pregledajte i prilagodite generisanu sekciju

Responzivan dizajn

Sve sekcije su dizajnirane da rade na desktop, tablet i mobilnim uređajima.

Režimi pregleda

Testirajte vašu stranicu na različitim uređajima:

1. Kliknite na ikone uređaja u toolbar-u kreatora
2. Izaberite Desktop, Tablet ili Mobilni
3. Proverite da vaš sadržaj dobro izgleda na svakoj veličini

Saveti za optimizaciju za mobilne

• Držite naslove kratkim i uticajnim
• Koristite rasporede sa jednom kolonom za mobilne
• Uverite se da su dugmad dovoljno velika za dodir
• Testirajte skaliranje slika na različitim uređajima

Upravljanje stranicama

Objavljivanje stranice

Da biste objavili stranicu:

1. Otvorite stranicu u kreatoru
2. Pregledajte sve sekcije i sadržaj
3. Kliknite Objavi u gornjem toolbar-u
4. Stranica će biti odmah dostupna na svom URL-u

Postavljanje početne stranice

Za određivanje stranice kao početne stranice vaše prodavnice:

1. Otvorite stranicu koju želite kao početnu
2. Idite na Podešavanja stranice
3. Uključite Postavi kao početnu stranicu
4. Kliknite Sačuvaj

Napomena: Samo jedna stranica može biti početna. Postavljanje nove početne stranice automatski uklanja oznaku sa prethodne.

SEO stranice

Konfigurišite SEO podešavanja za bolju vidljivost u pretragama:

1. Otvorite stranicu u kreatoru
2. Kliknite na tab SEO u panelu podešavanja
3. Postavite meta naslov (maks 60 karaktera)
4. Postavite meta opis (maks 160 karaktera)
5. Pregledajte kako će vaša stranica izgledati u rezultatima pretrage

Rad sa slikama

Dodavanje slika u sekcije

1. Kliknite na placeholder za sliku u sekciji
2. Izaberite iz:
   • Otpremi - Izaberite sliku sa vašeg računara
   • Biblioteka - Koristite postojeću sliku iz vaše medija biblioteke
   • URL - Unesite URL slike
3. Postavite alt tekst slike za pristupačnost

Optimizacija slika

Slike se automatski optimizuju za web:

• Konvertovane u efikasan WebP format
• Dimenzionirane na odgovarajuće veličine
• Kompresovane za brzo učitavanje
• Servirane sa globalnog CDN-a

Sekcije koda

Za naprednu prilagodbu, koristite sekcije koda sa prilagođenim HTML-om.

Kreiranje sekcije koda

1. Kliknite Dodaj sekciju
2. Izaberite Sekcija koda
3. Napišite vaš HTML u editoru koda
4. Koristite Tailwind CSS klase za stilizovanje
5. Pregledajte vaše izmene u realnom vremenu

Ključevi za prevod

Učinite sadržaj prevodivim korišćenjem ključeva za prevod:

<h2>{{t:heroTitle}}</h2>
<p>{{t:heroDescription}}</p>

Kreator će automatski kreirati polja za prevod za svaki ključ.

Ključevi za resurse

Referencirajte slike korišćenjem ključeva za resurse:

<img src="{{asset:heroImage}}" alt="Hero baner" />

Konfigurišite resurse u panelu resursa sekcije.

Podrška za više jezika

Stranice podržavaju sve jezike omogućene za vašu prodavnicu.

Uređivanje prevoda

1. Promenite jezike korišćenjem birača jezika u toolbar-u
2. Uredite sadržaj na izabranom jeziku
3. Ponovite za svaki jezik

Saveti za prevode

• Uvek prevedite SEO metapodatke za svaki jezik
• Pregledajte tekst dugmadi i pozive na akciju po jeziku
• Proverite da je alt tekst slika preveden

Sledeći koraci

• Blog postovi - Kreirajte blog sadržaj za vašu prodavnicu
• AI generisanje sadržaja - Koristite AI za kreiranje sekcija i sadržaja
• Brendiranje sajta - Konfigurišite boje i fontove