Web a stránky
Na čo slúži web projektu
Každý projekt môže mať jeden web — domovskú stránku a ľubovoľný počet ďalších stránok, ktoré zdieľajú spoločnú navigáciu (hlavičku) a pätičku. Web postaví AI podľa vášho zadania; potom ho upravujete v editore Studia.
Aj samostatná pristávacia stránka (landing page) je dnes web s jednou stránkou v projekte. Samostatné obrazovky Moje weby a Stránky v menu už nie sú.
Kde nájdem web a jeho stránky
- V ľavom menu kliknite na Obsah → Projekty.
- Kliknite na kartu projektu. Otvorí sa Studio.
- V úzkom páse ikon vľavo zvoľte ikonu priečinka (Obsah).
- Prvá sekcia panelu obsahu je Stránky. Domovská stránka má ikonu domčeka.
- Kliknite na stránku — otvorí sa v editore (vľavo chat, vpravo náhľad).
Pás ikon je len v širokom okne (od 1200 px). V užšom okne kliknite v hornej lište na Rozbaliť menu — panel obsahu sa otvorí ako bočný panel a SEO a Nastavenia sú v ňom pod nadpisom Projekt. Medzi stránkami môžete prepínať aj prepínačom v strede hornej lišty.
Ak web ešte nemá stránky, v sekcii je Zatiaľ žiadne stránky. Počas prvého generovania je tam riadok Domovská stránka — kliknutím sa vrátite k priebehu generovania.
Ako vygenerovať web
Predtým než začnete
- Musí existovať projekt.
- Potrebujete oprávnenie Projects → Upraviť v matici oprávnení.
- Pripravte si podklady: logo, fotky, cenník alebo brand manuál (PDF, Word, Excel, PowerPoint) a prípadne adresu webu, ktorého vzhľad sa vám páči.
- Ak má web zbierať kontakty alebo predávať, môžete si vopred pripraviť formulár a produkty; dajú sa doplniť aj neskôr.
- Kredity sa za generovanie webu ani úpravy v chate nestrhávajú; platí sa len AI úprava obrázka.
Postup
- Otvorte projekt. V prázdnom projekte sa zobrazí Čo postavíme v projekte „…“? — kliknite na kartu Webstránka. (V projekte, ktorý už má funnel alebo formulár, kliknite v paneli obsahu pri nadpise Stránky na +.)
- Zobrazí sa Aký web ideme postaviť?
- Do poľa napíšte vlastnými slovami, čo je to za web, pre koho, aké stránky má mať a aký má mať charakter, napríklad Web pre kaviareň v centre Bratislavy — raňajky, vlastná pražiareň, tichý dvor. Pokojný, teplý dizajn.
- Voliteľne pridajte podklady a nastavenia pod poľom (pozri tabuľku).
- Kliknite na Postaviť.
| Prvok | Čo robí | Obmedzenia |
|---|---|---|
| pole zadania | popis webu | aspoň jedna veta (min. 8 znakov) |
| + → Priložiť obrázok | logo, fotky; otvorí obrázkové štúdio s orezaním a AI úpravami | najviac 10; JPG, PNG, GIF, WebP do 20 MB |
| + → Priložiť dokument | cenník, brand manuál, PDF — okno Priložiť dokumenty, potvrdíte Pridať | najviac 5; PDF, Word, Excel, PowerPoint do 20 MB; obsah AI prečíta len pri súbore do 5 MB; dokumenty sú dostupné cez verejný odkaz |
| + → Referenčný web | okno Web, z ktorého sa má vychádzať: do Adresa webu zadajte adresu a kliknite na Potvrdiť; AI prevezme farby, písmo a rozostupy, obsah nekopíruje | platná adresa webu |
| + → Priložiť dizajn z Claude | export .html z Claude; web sa postaví presne podľa neho a generovanie sa spustí hneď | len .html / .htm |
| čip Vzhľad | okno Vzhľad: Nech vyberie AI (predvolené) alebo jeden z pomenovaných štýlov (napr. Editoriál, Bento mriežka, Tmavý prémiový, Čistý SaaS); kliknutím na kartu sa štýl vyberie | — |
| čip jazyka | jazyk webu: Slovenčina, Čeština, English, Deutsch, Polski | — |
| Pomôž mi s vytvorením | panel Poradím ti, čo napísať s otázkami (Ďalej, Preskočiť, Späť); na konci Vložiť zadanie vloží hotové zadanie do poľa — nespustí ho | — |
| Vybrať hotové zadanie (pri Nevieš, ako to napísať?) | okno Vyber si, z čoho začneš s hotovými zadaniami: Kaviareň s vlastnou pražiarňou, Online kurz, Stavebná firma, Služby na objednávku, Portfólio a referencie; kliknutie vloží text do poľa | — |
Priložené položky vidíte pod poľom ako čipy (Obrázok 1, názov dokumentu, doména); krížikom ich odoberiete.
Čo sa deje počas generovania
- Plátno ukáže Staviam tvoj web a okno s priebehom (Inicializujem..., Čítam obsah stránky, Upravujem obsah stránky, … Dolaďujem a kontrolujem stránku…).
- Generovanie trvá niekoľko minút. Okno môžete zavrieť — web sa dopíše na serveri. Po návrate uvidíte Pripájam sa k prebiehajúcej generácii...
- Zastaviť ho môžete tlačidlom Zastaviť v chate. Zobrazí sa Generovanie zastavené; čo AI stihla, ostane.
- Ak generovanie zlyhá, v chate uvidíte Generovanie zlyhalo, skús to znova.
Ako overiť, že to funguje
- Po dokončení sa v sekcii Stránky objavia stránky webu a v náhľade domovská stránka.
- Kliknite v hornej lište na ikonu Otvoriť na novej karte. Uvidíte web s pásikom Náhľad — toto ešte nie je publikované, vidíš to len ty.
- Web ešte nie je verejný. Zverejníte ho podľa Publikovania.
Ako pridať stránku do webu
Nová stránka sa vypýta v chate — AI z popisu odvodí jej názov aj adresu a pridá ju do navigácie.
- V paneli obsahu kliknite pri nadpise Stránky na + (tooltip Nová stránka).
- Otvorí sa okno Novú stránku si vypýtaj v chate.
- Kliknite na jeden z príkladov (napr. Vytvor stránku Kontakt s mapou, otváracími hodinami a formulárom.) — vloží sa do chatu. Alebo okno zavrite a napíšte vlastnú vetu.
- Vetu v chate upravte podľa seba a odošlite.
Po dokončení sa stránka objaví v sekcii Stránky aj v navigácii webu. Ak web ešte nie je publikovaný, návštevníci stránku uvidia až po publikovaní; na publikovanom webe hneď.
Ako zmeniť názov, adresu a SEO stránky
- V sekcii Stránky kliknite na stránku.
- V záložkách nad chatom prepnite z Builder na Nastavenia. (Na telefóne prepnite v prepínači plôch Builder / Nastavenia / Náhľad na Nastavenia.)
- Upravte polia v kartách.
- Kliknite dole na Uložiť (aktívne až po zmene). Zobrazí sa Uložené.
| Karta / pole | Povinné | Čo znamená | Obmedzenia |
|---|---|---|---|
| Stránka → Názov | áno | názov stránky v Studiu | najviac 255 znakov; prázdny: Stránka potrebuje názov |
| Stránka → Adresa | áno | časť adresy za adresou webu | len malé písmená, číslice a pomlčky, najviac 120 znakov; zmena nerozbije odkazy; na domovskej stránke sa nedá meniť (Domovská stránka JE adresa webu.) |
| Stránka → Povoliť v module Ambasádor | — | stránku môžu propagovať ambasádori | — |
| Vo výsledkoch hľadania → Titulok | nie | titulok vo vyhľadávači | odporúčaných 60 znakov, najviac 255 |
| Vo výsledkoch hľadania → Popis | nie | popis vo vyhľadávači | odporúčaných 155 znakov, najviac 500 |
| Vo výsledkoch hľadania → Jazyk | nie | jazyk stránky | — |
| Vo výsledkoch hľadania → Povoliť indexovanie | — | Podľa projektu (indexovať) (alebo Podľa projektu (neindexovať), ak má projekt indexovanie vypnuté), Indexovať túto stránku alebo Neindexovať | — |
Skripty v <head> → HTML pre <head> | nie | kód len pre túto stránku; ak je vyplnený, projektové skripty sa na stránke nevypíšu | najviac 20 000 znakov |
Skripty pred </body> → HTML na koniec stránky | nie | to isté na koniec stránky | najviac 20 000 znakov |
| Meranie a pixely | nie | GTM, GA4, Meta Pixel len pre túto stránku; nahradí projektové meranie | tvar ID ako v Nastaveniach a SEO projektu |
| Obrázok pri zdieľaní | nie | obrázok pri zdieľaní odkazu na stránku | PNG, JPG, WebP do 5 MB, ideálne 1200 × 630 px; ukladá sa hneď po nahratí |
Spoločné SEO, favicon a meracie kódy pre celý web nastavíte v Nastaveniach a SEO projektu.
Ako zmeniť, ktorá stránka je domovská
V Nastavenia projektu (ozubené koleso v páse ikon) → karta Domovská stránka → pole Otvorí sa vyberte stránku alebo funnel. Pozri Nastavenia a SEO projektu.
Ako upraviť navigáciu a pätičku webu
Navigácia (hlavička) a pätička sú spoločné pre všetky stránky webu — zmena sa prejaví na každej stránke naraz. Samostatný formulár na ne nie je; upravujú sa priamo v editore:
- Text (napr. názov položky menu, kontakt v pätičke): v náhľade zapnite Upraviť text a prepíšte ho — pozri Editor v Studiu.
- Kam vedie položka alebo tlačidlo: prejdite myšou nad položku, kliknite na Upraviť a v paneli Upraviť tlačidlo zmeňte cieľ.
- Čokoľvek iné (pridať položku, zmeniť rozloženie, logo): napíšte to do chatu, napríklad Do menu pridaj odkaz na stránku Cenník a logo zväčši.
Ako zmeniť farby, písmo a dizajn webu
Samostatný formulár na farby a písmo webu nie je. Vzhľad meníte týmito cestami:
- Chatom (hlavná cesta). Napíšte vetu o vzhľade celého webu, napríklad Zmeň dizajn celého webu — nech je tmavší a elegantnejší. AI spozná, že ide o celý web, a navrhne novú paletu, písma, navigáciu a pätičku a potom prerobí každú stránku. Texty ostanú. Trvá to niekoľko minút.
- Nejasná veta zmení len jednu stránku. Ak z vety nie je jasné, že myslíte celý web (napr. zmeň farbu nadpisu), AI upraví len otvorenú stránku. Ak chcete zmeniť celý web, napíšte to výslovne.
- S označeným blokom sa celý web neprerába. Keď máte v náhľade označený blok, zmena sa týka len neho. Pred zmenou celého webu výber zrušte.
- Čip Vzhľad pri zadaní webu (pozri Ako vygenerovať web) platí len pre prvé generovanie. Pri hotovom webe sa štýl mení chatom.
- Panel nástrojov v režime Upraviť text. V náhľade zapnite Upraviť text a označte text. V paneli nájdete Farba textu (farby webu aj Vlastná farba, ktorá novú farbu pridá do palety webu), Písmo nadpisov, Písmo textu, Väčšie písmo, Menšie písmo, tučné, kurzívu a Prečiarknuté. Mení sa len označený text.
- Editor kódu (pre pokročilých). V prepínači režimov v hornej lište zvoľte Editor kódu. Súbor
site.json(stránky, navigácia, farby) obsahuje farby a písma webu; dodesign.css(vlastné CSS — prepíše generované) môžete dopísať vlastné CSS.
Zmenu vidíte hneď v náhľade. Na publikovanom webe ju hneď vidia aj návštevníci, inak až po publikovaní.
Ako zmazať stránku webu
Stránka sa maže cez chat, aby AI najprv presmerovala alebo odstránila odkazy, ktoré na ňu vedú z navigácie, pätičky a sekcií.
- V sekcii Stránky kliknite na stránku.
- Prepnite na záložku Nastavenia.
- Dole kliknite na červené Zmazať.
- Otvorí sa okno Stránku „…“ zmaž cez chat. Kliknite na jednu z viet, napríklad Zmaž stránku „…“ a všetky odkazy na ňu presmeruj na „…“.
- Veta sa vloží do chatu. Upravte ju a odošlite.
Tlačidlo Zmazať sa nezobrazí pri domovskej stránke a keď má web jedinú stránku. Bez oprávnenia Projects → Upraviť ho nevidíte vôbec.
Ak otvoríte zmazanú stránku zo starého odkazu, uvidíte Táto stránka už neexistuje a tlačidlo Späť.
Kde nájdem obrázky webu
- V hornej lište Studia kliknite v prepínači režimov na ikonu Médiá.
- Zobrazí sa Médiá webu — všetky obrázky, ktoré web používa.
- Prejdite myšou nad obrázok, kliknite vpravo hore na ⋮ → Použiť v chate. Do chatu sa vloží veta Použi obrázok asset:… a doplníte, kam ho dať. Kliknutím na samotný obrázok ho otvoríte na novej karte.
Médiá sa dajú otvoriť len na počítači, na telefóne prepínač režimov nie je.
Nahrávať a mazať sa v médiách nedá. Nový obrázok priložte v chate (+ → Priložiť obrázok) — po použití sa v médiách objaví.
Kto môže pracovať s webom
| Čo chcete robiť | Potrebné oprávnenie |
|---|---|
| vidieť stránky webu a náhľad | Projects → Zobraziť |
| generovať web, pridávať, upravovať a mazať stránky, publikovať web | Projects → Upraviť |
Riadky Moje weby a Stránky v matici oprávnení web projektu neovládajú.
Časté otázky a problémy s webom
„Napíš aspoň vetu — AI z dvoch slov nič nepostaví.“ Zadanie je kratšie ako 8 znakov.
„Stránku som vytvoril, ale podklady sa nepodarilo nahrať — prilož ich v chate.“ Dokumenty z okna Priložiť dokumenty sa nenahrali. Nahrávajú sa hneď po potvrdení, ešte pred Postaviť — generovanie teda nezačalo. Skúste ich priložiť znova.
AI ignorovala môj PDF dokument. Dokument má viac ako 5 MB — AI prečíta len menšie. Na stránke sa naň dá odkázať.
„Toto nevyzerá ako adresa webu“. Pri referenčnom webe zadajte celú adresu, napríklad https://example.com.
„Web sa nepodarilo načítať“. Kliknite na Skúsiť znova.
Zmenil som text v pätičke na jednej stránke a zmenil sa všade. Pätička aj navigácia sú spoločné pre celý web.
Nevidím tlačidlo Zmazať pri stránke. Je to domovská stránka alebo jediná stránka webu, prípadne nemáte oprávnenie Projects → Upraviť.
Upravujeme web dvaja naraz. Studio nezamyká projekt pre jedného človeka. Kým beží zmena AI jedného z vás, druhý sa k nej pripojí; ďalšiu zmenu spustite až po jej dokončení, inak uvidíte Generovanie zlyhalo, skús to znova.
Súvisiace
- Projekty
- Editor v Studiu — úpravy chatom, v texte, vkladanie, obrázky, história
- Nastavenia a SEO projektu — favicon, SEO, meranie, domovská stránka
- Vlastná doména
- Publikovanie
- Formuláre
- Postup: Ako spustiť web na vlastnej doméne