Editor v Studiu

Na čo slúži editor v Studiu

Editor v Studiu je obrazovka, v ktorej upravujete stránky webu aj kroky funnelov. Vľavo je chat s AI, vpravo živý náhľad stránky. Väčšinu zmien napíšete do chatu (zmeň farbu hlavičky, pridaj sekciu s cenníkom) a AI stránku prepíše. Drobnosti — text, farby formulára, obrázok, kam vedie tlačidlo — zmeníte priamo v náhľade bez AI.

Každá zmena sa ukladá do histórie verzií. Kým web alebo funnel ešte nebol publikovaný, zmeny ostávajú v koncepte a návštevníci ich uvidia až po publikovaní.

Publikovaný web sa mení hneď

Ak je web alebo funnel už publikovaný, každá zmena zo Studia (z chatu aj ručná úprava) sa po uložení prejaví aj na stránke, ktorú vidia návštevníci. Netreba znova publikovať.

Kde nájdem editor

1. V ľavom menu kliknite na Obsah → Projekty a otvorte projekt.
2. Na širokej obrazovke (od 1200 px) zvoľte v úzkom páse ikon vľavo ikonu priečinka (Obsah). Na užšej obrazovke kliknite vľavo v hornej lište na Rozbaliť menu — otvorí sa vysúvací panel.
3. V paneli obsahu kliknite na stránku v sekcii Stránky alebo na krok pod funnelom v sekcii Funnely.

Pri stránke webu aj kroku funnelu sú hore v ľavom stĺpci nad chatom záložky Builder (chat) a Nastavenia (nastavenia stránky — pozri Web a stránky).

Čo vidím v editore

Časť	Kde je	Čo robí
chat	záložka Builder vľavo	správy s AI; pole na zadanie zmeny; deliacu čiaru k náhľadu môžete ťahať (Potiahnutím zmeníte šírku chatu — dvojklikom vrátite pôvodnú)
náhľad	pravá časť	stránka tak, ako bude vyzerať
plávajúca lišta nástrojov	dole v strede náhľadu	Vložiť prvok, Označiť oblasť, Označiť element, Upraviť text
Zbaliť menu / Rozbaliť menu	horná lišta úplne vľavo	skryje alebo zobrazí panel so stránkami a funnelmi
prepínač režimov	horná lišta vľavo	Náhľad, v developerskom režime Živá session, Médiá, Editor kódu, Ostatné
prepínač šírky náhľadu	stred hornej lišty	prepína Desktop náhľad → Tabletový náhľad → Mobilný náhľad
Otvoriť na novej karte	pri názve projektu v hornej lište	otvorí stránku v prehliadači
História (ikona hodín)	horná lišta vpravo pri Publikovať	história verzií a návrat zmien
Zatvoriť	horná lišta úplne vpravo	zatvorí Studio

Kým AI pracuje, plávajúca lišta je skrytá, Publikovať, Editor kódu a Živá session sú neaktívne a nad náhľadom vidíte priebeh práce. Medzi stránkami sa môžete presúvať ďalej.

Ako upraviť stránku cez chat

1. Otvorte stránku alebo krok.
2. Do poľa v chate (Uprav stránku... napr. zmeň farbu headera, pridaj sekciu o cenách) napíšte, čo zmeniť.
3. Stlačte Enter alebo kliknite na Odoslať. (Shift+Enter vloží nový riadok.)
4. Počkajte, kým AI zmenu dokončí. Priebeh vidíte nad náhľadom (Čítam obsah stránky, Upravujem obsah stránky, Dolaďujem a kontrolujem stránku…).
5. Náhľad sa obnoví so zmenou.

Ak je server práve vyťažený, uvidíte Čakáš v poradí #… — čakám na voľný slot...; zmena sa spustí sama, keď príde na rad.

Studio môžete počas zmeny zatvoriť (Zatvoriť) — zmena beží ďalej na serveri a po znovuotvorení projektu sa k nej Studio pripojí.

Do chatu môžete cez + v poli pridať Priložiť obrázok, Priložiť dokument alebo Vložiť video. Mikrofónom (Nahrať hlas) môžete zmenu nadiktovať.

Ako priložiť obrázky

1. V poli chatu kliknite na + → Priložiť obrázok.
2. V okne Obrázky presuňte obrázky do plochy Sem presuňte obrázky, alebo na ňu kliknite a vyberte ich — najviac 10 naraz.
3. Voliteľne kliknite na obrázok a upravte ho: Orezať alebo AI úprava (rovnako ako v Ako upraviť obrázok).
4. Kliknite na Pridať. Obrázky sa zobrazia nad poľom chatu; ku každému môžete napísať, čo s ním má AI urobiť.
5. Odošlite chat.

Ako priložiť dokument

Priložiť dokument otvorí okno Priložiť dokumenty: najviac 5 súborov (PDF, Word, Excel, PowerPoint — max 20 MB). Dokumenty sa po pridaní zobrazia nad poľom chatu v zozname Priložené dokumenty; pri každom môžete vyplniť Popis a zaškrtnúť AI má prečítať obsah (len do 5 MB). Dokumenty sú dostupné cez verejný odkaz — nenahrávajte citlivé súbory.

Ako zastaviť zmenu a načítať staršie správy

Bežiacu zmenu zastavíte tlačidlom Zastaviť v chate (Generovanie zastavené). Kláves ESC generovanie nezastaví. Po zastavení môžete hneď poslať ďalšiu správu, stránku nemusíte načítať znova.

Staršie správy sa načítajú pri posúvaní nahor alebo tlačidlom Načítať staršie správy.

Ako presne označiť, čo meniť

Namiesto opisovania tretia sekcia zhora označte miesto v náhľade:

• Označiť element: kliknite v plávajúcej lište na Označiť element a potom na bloky v náhľade. Nad poľom chatu sa zobrazí Označené bloky; ku každému bloku napíšte do Čo tu upraviť… vlastnú úpravu. Do poľa chatu môžete pridať Voliteľná spoločná poznámka pre všetky bloky… Druhým kliknutím blok odznačíte, Zrušiť všetko zruší výber. Pri označenom obrázku je ikona Upraviť obrázok, ktorá otvorí okno úpravy obrázka. Odošlite chat.
• Označiť oblasť: kliknite na Označiť oblasť; prehliadač vás požiada o povolenie zdieľania obrazovky. Ťahaním vyberte výrez (Ťahaním vyberte oblasť) — priloží sa do chatu ako obrázok. Na telefóne nie je.

ESC zruší aktívny nástroj (ESC zruší nástroj), na telefóne tlačidlo Zrušiť.

Ako upraviť text priamo v stránke

Text upravíte bez AI a bez čakania.

1. V plávajúcej lište kliknite na Upraviť text (ikona T).
2. Kliknite do textu v náhľade a píšte.
3. Označte časť textu — nad ňou sa zobrazí lišta formátovania: Tučné (⌘B), Kurzíva (⌘I), Prečiarknuté, Menšie písmo, Väčšie písmo, Písmo nadpisov, Písmo textu, Farba textu.
4. Režim vypnete tou istou ikonou alebo klávesom ESC.

• Ukladá sa automaticky — chvíľu po dopísaní, pri odchode z textu a pri vypnutí režimu.
• Enter vloží zalomenie riadku, nie nový odstavec. Vložený text zo schránky stratí formátovanie.
• Farba textu ponúka farby z palety projektu, Pôvodná farba a Vlastná farba (pridá farbu do palety tlačidlom Pridať).
• Text v navigácii a pätičke sa zmení na všetkých stránkach webu.
• Text vo formulári takto upraviť nejde — pozri Formuláre.
• Na telefóne táto funkcia nie je.

Ako vložiť tlačidlo, formulár alebo video

Tlačidlo alebo formulár

Na stránke webu:

1. V plávajúcej lište kliknite na Vložiť prvok.
2. Vyberte Tlačidlo (Niekam vedie — na ďalší krok, formulár, nákup alebo odkaz.) alebo Formulár (Vloží existujúci formulár priamo do stránky.).
3. Na lište sa zobrazí Označ miesto — …. Kliknite v náhľade na prvok, pri ktorom má nový prvok byť.
4. Vľavo sa otvorí panel (Vložiť tlačidlo alebo Vložiť formulár na stránku).
5. Vyplňte ho podľa tabuľky a zvoľte Umiestnenie: Pred označený element, Za označený element alebo Dovnútra označeného elementu. Voliteľne Poznámka k vzhľadu (voliteľné).
6. Kliknite na Pridať (tlačidlo) alebo Vložiť (formulár).
7. Prvok sa zaradí do Pripravených zmien nad poľom chatu. Odošlite chat (aj bez textu) — AI ho vloží.

Panel Vložiť tlačidlo (web):

Pole	Povinné	Čo znamená
Text tlačidla	áno	nápis na tlačidle
Čo robí	áno	Posunúť na sekciu, Prejsť na podstránku (pole Podstránka), Spustiť funnel (pole Funnel; ponúka sa len vtedy, keď projekt má funnel) alebo Prejsť na externý web (Adresa, Otvoriť v novom okne)
Cieľová sekcia	pri Posunúť na sekciu	kliknite do poľa (Vybrať sekciu na stránke) a potom na sekciu v náhľade; zmeníte ju cez Vybrať inú sekciu
cieľ akcie	áno	sekcia, podstránka, funnel alebo adresa podľa zvolenej akcie — bez cieľa sa tlačidlo nepridá
Umiestnenie	áno	predvolene Za označený element

Panel Vložiť formulár na stránku: v Formulár vyberte formulár projektu. Ak projekt žiadny nemá, kliknite na Vytvoriť formulár — vznikne Formulár bez názvu, ktorý potom nastavíte v Formulároch. Vložiť je neaktívne bez vybraného formulára.

Na kroku funnelu je postup iný:

1. Kliknite na Vložiť prvok, vyberte Tlačidlo alebo Formulár a označte miesto v náhľade.
2. Otvorí sa panel Čo tlačidlo robí (pri formulári panel Formulár). Umiestnenie tu nie je — prvok sa vloží za označený element.
3. Zvoľte Akcia: Pokračovať ďalej, Kúpiť produkt, Formulár, Odmietnuť ponuku alebo Odkaz. Pri formulári vyberte Ako sa zobrazí (Priamo v stránke alebo Otvorí sa po kliknutí) a Po odoslaní pokračuje na.
4. Kliknite na Uložiť. Prvok sa zaradí do Pripravených zmien; odošlite chat.

Viac pozri v Funnely.

Kým beží AI, plávajúca lišta s Vložiť prvok nie je viditeľná. Vložiť prvok je neaktívne aj vtedy, keď je zapnutá úprava textu alebo výber elementu.

Video

1. V poli chatu kliknite na + → Vložiť video.
2. V okne Vložiť video na stránku kliknite na Vybrať video a vyberte video z Video knižnice.
3. V Kam ho vložiť kliknite na Vybrať sekciu, alebo nechajte AI vyberie vhodné miesto.
4. Voliteľne zapnite Spustiť automaticky (video sa spustí bez zvuku) a vyplňte Poznámka k vzhľadu (voliteľné).
5. Kliknite na Vložiť. Video sa zaradí do Pripravených zmien; odošlite chat.

Ak je knižnica prázdna: Žiadne pripravené videá. Najprv nejaké nahrajte vo Video knižnici.

Pripravené zmeny

Panel Pripravené zmeny nad poľom chatu drží vložené tlačidlá, formuláre, videá a úpravy tlačidiel, kým ich neodošlete. Každú položku odstránite cez Odstrániť; vložené prvky majú aj Upraviť. Naraz môže byť pripravených najviac 8 zmien. Pripravené zmeny sa po obnovení stránky alebo zatvorení Studia stratia.

Ako upraviť tlačidlo, obrázok, video alebo formulár na stránke

Prejdite myšou nad prvok v náhľade (žiadny nástroj nesmie byť zapnutý). Ukáže sa lišta:

Prvok	Voľby	Čo sa stane
tlačidlo alebo odkaz na webe (aj v menu a pätičke)	Upraviť	panel Upraviť tlačidlo; Uložiť alebo Odstrániť tlačidlo; zmena ide do Pripravených zmien
tlačidlo na kroku funnelu	Upraviť	panel Čo tlačidlo robí; Uložiť alebo Zrušiť akciu tlačidla; tlačidlo, ktoré už niekam vedie, sa uloží hneď
obrázok	Upraviť	okno Upraviť obrázok (pozri nižšie)
video	Upraviť (iné video z knižnice), Pridať pre mobil (iné video na mobile), Zjednotiť (zruší rozdelenie), Odstrániť (dialóg Odstrániť video?, tlačidlo Zmazať)	zapíše sa hneď, bez AI
vložený formulár	Farby, Polia, na kroku funnelu aj Akcia	pozri Formuláre

Ako upraviť obrázok

1. Prejdite myšou nad obrázok a kliknite na Upraviť.
2. V okne Upraviť obrázok zvoľte režim:
   • Náhľad — ikonami vľavo hore obrázok otočíte (Otočiť doľava, Otočiť doprava) a preklopíte (Preklopiť vodorovne, Preklopiť zvisle),
   • Orezať — ťahaním vyberte výrez a kliknite vpravo dole na Orezať,
   • AI úprava — rýchle voľby Odstrániť pozadie, Vylepšiť, Štúdiové pozadie, Rozjasniť alebo vlastný pokyn (Opíšte, ako obrázok upraviť…). Dole je rozbaľovací zoznam História s pokynmi, ktoré už boli na tento obrázok použité (len na čítanie).
3. Každá úprava vytvorí novú verziu. Ak má obrázok viac verzií, prepínate medzi nimi štítkami Originál a Upravené nad obrázkom.
4. Kliknite na Nahradiť — na stránku sa použije práve zobrazená verzia.

• Obrázok sa vymení všade, kde je na webe použitý.
• AI úprava spotrebuje kredity podľa náročnosti (pozri Kredity). Orezanie, otočenie a preklopenie sú zadarmo. Pri nedostatku kreditov uvidíte Minuli sa vám AI kredity. Pre pokračovanie si ich dokúpte.
• Ak práve beží generovanie, výmena môže zlyhať (Obrázok sa nepodarilo vymeniť, ostal pôvodný…); skúste to po dokončení.

Ako sa vrátiť k skoršej verzii

Takto vrátite späť zmenu, ktorú urobila AI alebo vy — napríklad keď AI stránku pokazilo. Studio si pamätá verzie webu a každého funnelu zvlášť: po každej zmene AI, po ručnej úprave a pri obnove. Ručné úpravy toho istého miesta v priebehu 10 minút sa zlúčia do jednej verzie.

Ako vrátiť poslednú zmenu

1. Otvorte stránku alebo krok.
2. V hornej lište vpravo kliknite na ikonu hodín (História).
3. V paneli História kliknite hore na Vrátiť poslednú zmenu.
4. Potvrďte Obnoviť.

Ako obnoviť ľubovoľnú verziu

1. Otvorte História.
2. Verzie sú zoskupené podľa dňa (Dnes, Včera, dátum). Každá má štítok: Východiskový stav, Ručná úprava, AI generovanie alebo Návrat; najnovšia je Aktuálna. Ďalšie verzie načítate tlačidlom Načítať ďalšie.
3. Pri verzii kliknite na Náhľad — otvorí sa celá obrazovka Náhľad — …. Nič sa nemení.
4. Ak je to správna verzia, kliknite na Obnoviť a v dialógu Obnoviť túto verziu? potvrďte Obnoviť.

Zobrazí sa Obnovené: …. Nič sa nezmaže — všetko novšie zostane v zozname ako samostatná verzia. Verziu môžete pomenovať ikonou ceruzky (Premenovať verziu, pole Názov, Uložiť).

Obnova sa týka aj publikovaného webu

Ak je web alebo funnel publikovaný, obnova verzie zmení aj to, čo vidia návštevníci.

Obnova vráti celý web (alebo celý funnel), nielen jednu stránku. Ikona História nie je v SEO a nastaveniach a na úzkych obrazovkách (pod 600 px). Ak vidíte Toto nasadenie nemá históriu verzií., história nie je pre túto inštaláciu dostupná.

Ako si pozrieť stránku ako návštevník

• Šírka: kliknite na prepínač šírky v strede hornej lišty — každý klik prepne na ďalšiu (desktop, tablet 768 px, mobil 390 px). Voľba platí pre celý projekt, po obnovení stránky sa vráti na desktop. Pri úprave textu je neaktívny, pod šírkou 900 px nie je.
• V prehliadači: kliknite na Otvoriť na novej karte pri názve projektu. Ak má projekt doménu, vyberte Otvoriť na vlastnej doméne alebo Otvoriť na adrese Doubleros.

Nepublikovaná stránka sa otvorí s pásikom Náhľad — toto ešte nie je publikované, vidíš to len ty. Odkaz na náhľad platí 15 minút — nepošlite ho zákazníkovi; zverejnite stránku cez Publikovanie.

Ako vyzerá Studio na telefóne

Na úzkej obrazovke (pod 900 px) Studio ukazuje vždy len jednu plochu naraz. Pod hornou lištou je rad záložiek: Builder (chat), Náhľad a Nastavenia (názvy sa menia podľa toho, čo je otvorené). Navigáciu s projektmi a stránkami otvoríte cez Rozbaliť menu vľavo v hornej lište; po výbere sa zavrie.

• Na záložke náhľadu sa točí koliesko, kým beží generovanie (Prebieha generovanie), a bodka, keď sa náhľad zmenil (Náhľad sa zmenil). Po bežnej zmene sa na náhľad prepnete sami.
• Pri prvom zostavení webu sa Studio po dokončení samo prepne na náhľad. Pri označovaní elementu prejde na náhľad a po označení späť do chatu.
• Enter v chate na telefóne správu neodošle — použite tlačidlo Odoslať.

Na telefóne nie sú: prepínač šírky náhľadu, Označiť oblasť, Upraviť text, prepínač režimov (Médiá, Editor kódu, Ostatné), ťahanie šírky chatu a História (pod 600 px). Označiť element a Vložiť prvok fungujú.

Režimy Médiá, Editor kódu a Živá session

Režim	Pre koho	Čo robí
Médiá	všetci	obrázky webu — pozri Web a stránky
Editor kódu	pokročilí	Súbory projektu — ručná úprava sekcií, layoutu (obal každej stránky), design.css, site.json; ukladá sa tlačidlom Uložiť v hlavičke editora; chyby sa podčiarknu
Živá session	len po zapnutí Developerský režim v Nastaveniach projektu	terminál s AI priamo nad projektom; kým beží, stojí peniaze; ukončíte ho Ukončiť session → Ukončiť
Ostatné	všetci	otvorí SEO a nastavenia projektu

Editor kódu a Živá session nie sú dostupné, kým beží generovanie. Pre kroky funnelu živá session zatiaľ nie je (Živá session pre kroky funnelu zatiaľ nie je na serveri dostupná.). Developerský režim si pamätá prehliadač — platí pre všetky projekty v tomto prehliadači.

Kto môže používať editor

Čo chcete robiť	Potrebné oprávnenie
vidieť náhľad a históriu verzií	Projects → Zobraziť
upravovať stránky webu, obnovovať verzie	Projects → Upraviť
upravovať kroky funnelu	Funnely → Upraviť

Časté otázky a problémy s editorom

„Generovanie zlyhalo, skús to znova“. Zmena sa nepodarila. Skúste ju odoslať znova.

„Čakáš v poradí #… — čakám na voľný slot...“. Server práve spracúva iné zmeny. Počkajte, zmena sa spustí sama.

AI mi pokazilo stránku. Vráťte zmenu cez História → Vrátiť poslednú zmenu — pozri Ako sa vrátiť k skoršej verzii.

Lišta nástrojov zmizla. Práve beží zmena AI, je zapnutá živá session alebo orezávanie.

Vložil som tlačidlo, ale na stránke nie je. Tlačidlo je v Pripravených zmenách. Odošlite chat.

„Naraz sa dá pripraviť najviac 8 zmien — najprv ich spusti.“ Odošlite chat, potom pripravte ďalšie.

„Niektoré zmeny sa nepodarilo vykonať — ostali pripravené, skús ich spustiť znova.“ Odošlite chat znova.

„Video sa nepodarilo upraviť — stránka sa medzitým zmenila.“ Obnovte náhľad a skúste to znova.

Prepínač režimov nevidím. Ste na telefóne, alebo služba AI momentálne nie je dostupná.

Zmeny vidím, ale zákazníci nie. Web alebo funnel ešte nebol publikovaný — zmeny sú v koncepte. Publikujte ho (Publikovanie). Na už publikovanom webe sa zmeny prejavia hneď.

Zatvoril som Studio počas zmeny. Zmena beží ďalej. Po otvorení projektu sa Studio k nej pripojí.

Súvisiace

• Web a stránky
• Funnely
• Formuláre
• Publikovanie
• Nastavenia a SEO projektu
• Kredity