Editor ve Studiu
K čemu slouží editor ve Studiu
Editor ve Studiu je obrazovka, ve které upravujete stránky webu i kroky funnelů. Vlevo je chat s AI, vpravo živý náhled stránky. Většinu změn napíšete do chatu (změň barvu hlavičky, přidej sekci s ceníkem) a AI stránku přepíše. Drobnosti — text, barvy formuláře, obrázek, kam vede tlačítko — změníte přímo v náhledu bez AI.
Každá změna se ukládá do historie verzí. Dokud web nebo funnel ještě nebyl publikovaný, změny zůstávají v konceptu a návštěvníci je uvidí až po publikování.
Publikovaný web se mění hned
Pokud je web nebo funnel už publikovaný, každá změna ze Studia (z chatu i ruční úprava) se po uložení projeví i na stránce, kterou vidí návštěvníci. Znovu publikovat není potřeba.
Kde najdu editor
- V levém menu klikněte na Obsah → Projekty a otevřete projekt.
- Na široké obrazovce (od 1200 px) zvolte v úzkém pásu ikon vlevo ikonu složky (Obsah). Na užší obrazovce klikněte vlevo v horní liště na Rozbalit menu — otevře se výsuvný panel.
- V panelu obsahu klikněte na stránku v sekci Stránky nebo na krok pod funnelem v sekci Funnely.
U stránky webu i kroku funnelu jsou nahoře v levém sloupci nad chatem záložky Builder (chat) a Nastavení (nastavení stránky — viz Web a stránky).
Co vidím v editoru
| Část | Kde je | Co dělá |
|---|---|---|
| chat | záložka Builder vlevo | zprávy s AI; pole pro zadání změny; dělicí čáru k náhledu můžete táhnout (Tažením změníte šířku chatu — dvojklikem vrátíte původní) |
| náhled | pravá část | stránka tak, jak bude vypadat |
| plovoucí lišta nástrojů | dole uprostřed náhledu | Vložit prvek, Označit oblast, Označit element, Upravit text |
| Sbalit menu / Rozbalit menu | horní lišta úplně vlevo | skryje nebo zobrazí panel se stránkami a funnely |
| přepínač režimů | horní lišta vlevo | Náhled, ve vývojářském režimu Živá session, Média, Editor kódu, Ostatní |
| přepínač šířky náhledu | střed horní lišty | přepíná Desktop náhled → Tabletový náhled → Mobilní náhled |
| Otevřít na nové kartě | u názvu projektu v horní liště | otevře stránku v prohlížeči |
| Historie (ikona hodin) | horní lišta vpravo u Publikovat | historie verzí a vracení změn |
| Zavřít | horní lišta úplně vpravo | zavře Studio |
Dokud AI pracuje, plovoucí lišta je skrytá, Publikovat, Editor kódu a Živá session jsou neaktivní a nad náhledem vidíte průběh práce. Mezi stránkami se můžete přesouvat dál.
Jak upravit stránku přes chat
- Otevřete stránku nebo krok.
- Do pole v chatu (Uprav stránku... např. změň barvu headeru, přidej sekci o cenách) napište, co změnit.
- Stiskněte Enter nebo klikněte na Odeslat. (Shift+Enter vloží nový řádek.)
- Počkejte, až AI změnu dokončí. Průběh vidíte nad náhledem (Čtu obsah stránky, Upravuji obsah stránky, Dolaďuji a kontroluji stránku…).
- Náhled se obnoví se změnou.
Pokud je server právě vytížený, uvidíte Čekáš ve frontě #… — čekám na volný slot...; změna se spustí sama, až přijde na řadu.
Studio můžete během změny zavřít (Zavřít) — změna běží dál na serveru a po opětovném otevření projektu se k ní Studio připojí.
Do chatu můžete přes + v poli přidat Přiložit obrázek, Přiložit dokument nebo Vložit video. Mikrofonem (Nahrát hlas) můžete změnu nadiktovat.
Jak přiložit obrázky
- V poli chatu klikněte na + → Přiložit obrázek.
- V okně Obrázky přetáhněte obrázky do plochy Sem přetáhněte obrázky, nebo na ni klikněte a vyberte je — nejvýše 10 najednou.
- Volitelně klikněte na obrázek a upravte ho: Oříznout nebo AI úprava (stejně jako v Jak upravit obrázek).
- Klikněte na Přidat. Obrázky se zobrazí nad polem chatu; ke každému můžete napsat, co s ním má AI udělat.
- Odešlete chat.
Jak přiložit dokument
Přiložit dokument otevře okno Přiložit dokumenty: nejvýše 5 souborů (PDF, Word, Excel, PowerPoint — max 20 MB). Dokumenty se po přidání zobrazí nad polem chatu v seznamu Přiložené dokumenty; u každého můžete vyplnit Popis a zaškrtnout AI má přečíst obsah (jen do 5 MB). Dokumenty jsou dostupné přes veřejný odkaz — nenahrávejte citlivé soubory.
Jak zastavit změnu a načíst starší zprávy
Běžící změnu zastavíte tlačítkem Zastavit v chatu (Generování zastaveno). Klávesa ESC generování nezastaví. Po zastavení můžete hned poslat další zprávu, stránku nemusíte načítat znovu.
Starší zprávy se načtou při posouvání nahoru nebo tlačítkem Načíst starší zprávy.
Jak přesně označit, co měnit
Místo popisování třetí sekce shora označte místo v náhledu:
- Označit element: klikněte v plovoucí liště na Označit element a potom na bloky v náhledu. Nad polem chatu se zobrazí Označené bloky; ke každému bloku napište do Co tu upravit… vlastní úpravu. Do pole chatu můžete přidat Volitelná společná poznámka pro všechny bloky… Druhým kliknutím blok odznačíte, Zrušit vše zruší výběr. U označeného obrázku je ikona Upravit obrázek, která otevře okno úpravy obrázku. Odešlete chat.
- Označit oblast: klikněte na Označit oblast; prohlížeč vás požádá o povolení sdílení obrazovky. Tažením vyberte výřez (Tažením vyberte oblast) — přiloží se do chatu jako obrázek. Na telefonu není.
ESC zruší aktivní nástroj (ESC zruší nástroj), na telefonu tlačítko Zrušit.
Jak upravit text přímo ve stránce
Text upravíte bez AI a bez čekání.
- V plovoucí liště klikněte na Upravit text (ikona T).
- Klikněte do textu v náhledu a pište.
- Označte část textu — nad ní se zobrazí lišta formátování: Tučné (⌘B), Kurzíva (⌘I), Přeškrtnuté, Menší písmo, Větší písmo, Písmo nadpisů, Písmo textu, Barva textu.
- Režim vypnete stejnou ikonou nebo klávesou ESC.
- Ukládá se automaticky — chvíli po dopsání, při odchodu z textu a při vypnutí režimu.
- Enter vloží zalomení řádku, ne nový odstavec. Vložený text ze schránky ztratí formátování.
- Barva textu nabízí barvy z palety projektu, Původní barva a Vlastní barva (přidá barvu do palety tlačítkem Přidat).
- Text v navigaci a patičce se změní na všech stránkách webu.
- Text ve formuláři takto upravit nejde — viz Formuláře.
- Na telefonu tato funkce není.
Jak vložit tlačítko, formulář nebo video
Tlačítko nebo formulář
Na stránce webu:
- V plovoucí liště klikněte na Vložit prvek.
- Vyberte Tlačítko (Někam vede — na další krok, formulář, nákup nebo odkaz.) nebo Formulář (Vloží existující formulář přímo do stránky.).
- Na liště se zobrazí Označ místo — …. Klikněte v náhledu na prvek, u kterého má nový prvek být.
- Vlevo se otevře panel (Vložit tlačítko nebo Vložit formulář na stránku).
- Vyplňte ho podle tabulky a zvolte Umístění: Před označený element, Za označený element nebo Dovnitř označeného elementu. Volitelně Poznámka ke vzhledu (volitelné).
- Klikněte na Přidat (tlačítko) nebo Vložit (formulář).
- Prvek se zařadí do Připravených změn nad polem chatu. Odešlete chat (i bez textu) — AI ho vloží.
Panel Vložit tlačítko (web):
| Pole | Povinné | Co znamená |
|---|---|---|
| Text tlačítka | ano | nápis na tlačítku |
| Co dělá | ano | Posunout na sekci, Přejít na podstránku, Spustit funnel (pole Funnel; nabízí se jen tehdy, když projekt má funnel) nebo Přejít na externí web (Adresa, Otevřít v novém okně) |
| Cílová sekce | u Posunout na sekci | klikněte do pole (Vybrat sekci na stránce) a potom na sekci v náhledu; změníte ji přes Vybrat jinou sekci |
| cíl akce | ano | sekce, podstránka, funnel nebo adresa podle zvolené akce — bez cíle se tlačítko nepřidá |
| Umístění | ano | výchozí Za označený element |
Panel Vložit formulář na stránku: v Formulář vyberte formulář projektu. Pokud projekt žádný nemá, klikněte na Vytvořit formulář — vznikne Formulář bez názvu, který potom nastavíte ve Formulářích. Vložit je neaktivní bez vybraného formuláře.
Na kroku funnelu je postup jiný:
- Klikněte na Vložit prvek, vyberte Tlačítko nebo Formulář a označte místo v náhledu.
- Otevře se panel Co tlačítko dělá (u formuláře panel Formulář). Umístění tu není — prvek se vloží za označený element.
- Zvolte Akce: Pokračovat dál, Koupit produkt, Formulář, Odmítnout nabídku nebo Odkaz. U formuláře vyberte Jak se zobrazí (Přímo ve stránce nebo Otevře se po kliknutí) a Po odeslání pokračuje na.
- Klikněte na Uložit. Prvek se zařadí do Připravených změn; odešlete chat.
Více viz Funnely.
Dokud běží AI, plovoucí lišta s Vložit prvek není vidět. Vložit prvek je neaktivní i tehdy, když je zapnutá úprava textu nebo výběr elementu.
Video
- V poli chatu klikněte na + → Vložit video.
- V okně Vložit video na stránku klikněte na Vybrat video a vyberte video z Video knihovny.
- V Kam ho vložit klikněte na Vybrat sekci, nebo nechte AI vybere vhodné místo.
- Volitelně zapněte Spustit automaticky (video se spustí bez zvuku) a vyplňte Poznámka ke vzhledu (volitelné).
- Klikněte na Vložit. Video se zařadí do Připravených změn; odešlete chat.
Pokud je knihovna prázdná: Žádná připravená videa. Nejprve nějaké nahrajte ve Video knihovně.
Připravené změny
Panel Připravené změny nad polem chatu drží vložená tlačítka, formuláře, videa a úpravy tlačítek, dokud je neodešlete. Každou položku odstraníte přes Odstranit; vložené prvky mají i Upravit. Najednou může být připraveno nejvýše 8 změn. Připravené změny se po obnovení stránky nebo zavření Studia ztratí.
Jak upravit tlačítko, obrázek, video nebo formulář na stránce
Najeďte myší na prvek v náhledu (žádný nástroj nesmí být zapnutý). Ukáže se lišta:
| Prvek | Volby | Co se stane |
|---|---|---|
| tlačítko nebo odkaz na webu (i v menu a patičce) | Upravit | panel Upravit tlačítko; Uložit nebo Odstranit tlačítko; změna jde do Připravených změn |
| tlačítko na kroku funnelu | Upravit | panel Co tlačítko dělá; Uložit nebo Zrušit akci tlačítka; tlačítko, které už někam vede, se uloží hned |
| obrázek | Upravit | okno Upravit obrázek (viz níže) |
| video | Upravit (jiné video z knihovny), Přidat pro mobil (jiné video na mobilu), Sjednotit (zruší rozdělení), Odstranit (dialog Odstranit video?, tlačítko Smazat) | zapíše se hned, bez AI |
| vložený formulář | Barvy, Pole, na kroku funnelu i Akce | viz Formuláře |
Jak upravit obrázek
- Najeďte myší na obrázek a klikněte na Upravit.
- V okně Upravit obrázek zvolte režim:
- Náhled — ikonami vlevo nahoře obrázek otočíte (Otočit doleva, Otočit doprava) a překlopíte (Překlopit vodorovně, Překlopit svisle),
- Oříznout — tažením vyberte výřez a klikněte vpravo dole na Oříznout,
- AI úprava — rychlé volby Odstranit pozadí, Vylepšit, Studiové pozadí, Rozjasnit nebo vlastní pokyn (Popište, jak obrázek upravit…). Dole je rozbalovací seznam Historie s pokyny, které už byly na tento obrázek použity (jen ke čtení).
- Každá úprava vytvoří novou verzi. Má-li obrázek více verzí, přepínáte mezi nimi štítky Originál a Upraveno nad obrázkem.
- Klikněte na Nahradit — na stránku se použije právě zobrazená verze.
- Obrázek se vymění všude, kde je na webu použitý.
- AI úprava spotřebuje kredity podle náročnosti (viz AI kredity). Ořez, otočení a překlopení jsou zdarma. Při nedostatku kreditů uvidíte Došly vám AI kredity. Pro pokračování si je dokupte.
- Pokud právě běží generování, výměna může selhat (Obrázek se nepodařilo vyměnit, zůstal původní…); zkuste to po dokončení.
Jak se vrátit k dřívější verzi
Takto vrátíte zpět změnu, kterou udělala AI nebo vy — například když AI stránku pokazilo. Studio si pamatuje verze webu a každého funnelu zvlášť: po každé změně AI, po ruční úpravě a při obnově. Ruční úpravy téhož místa v průběhu 10 minut se sloučí do jedné verze.
Jak vrátit poslední změnu
- Otevřete stránku nebo krok.
- V horní liště vpravo klikněte na ikonu hodin (Historie).
- V panelu Historie klikněte nahoře na Vrátit poslední změnu.
- Potvrďte Obnovit.
Jak obnovit libovolnou verzi
- Otevřete Historie.
- Verze jsou seskupené podle dne (Dnes, Včera, datum). Každá má štítek: Výchozí stav, Ruční úprava, AI generování nebo Návrat; nejnovější je Aktuální. Další verze načtete tlačítkem Načíst další.
- U verze klikněte na Náhled — otevře se celá obrazovka Náhled — …. Nic se nemění.
- Pokud je to správná verze, klikněte na Obnovit a v dialogu Obnovit tuto verzi? potvrďte Obnovit.
Zobrazí se Obnoveno: …. Nic se nesmaže — vše novější zůstane v seznamu jako samostatná verze. Verzi můžete pojmenovat ikonou tužky (Přejmenovat verzi, pole Název, Uložit).
Obnova se týká i publikovaného webu
Pokud je web nebo funnel publikovaný, obnova verze změní i to, co vidí návštěvníci.
Obnova vrátí celý web (nebo celý funnel), ne jen jednu stránku. Ikona Historie není v SEO a nastavení a na úzkých obrazovkách (pod 600 px). Pokud vidíte Toto nasazení nemá historii verzí., historie není pro tuto instalaci dostupná.
Jak si prohlédnout stránku jako návštěvník
- Šířka: klikněte na přepínač šířky uprostřed horní lišty — každé kliknutí přepne na další (desktop, tablet 768 px, mobil 390 px). Volba platí pro celý projekt, po obnovení stránky se vrátí na desktop. Při úpravě textu je neaktivní, pod šířkou 900 px není.
- V prohlížeči: klikněte na Otevřít na nové kartě u názvu projektu. Pokud má projekt doménu, vyberte Otevřít na vlastní doméně nebo Otevřít na adrese Doubleros.
Nepublikovaná stránka se otevře s proužkem Náhled — tohle ještě není publikované, vidíš to jen ty. Odkaz na náhled platí 15 minut — neposílejte ho zákazníkovi; zveřejněte stránku přes Publikování.
Jak vypadá Studio na telefonu
Na úzké obrazovce (pod 900 px) Studio ukazuje vždy jen jednu plochu najednou. Pod horní lištou je řada záložek: Builder (chat), Náhled a Nastavení (názvy se mění podle toho, co je otevřené). Navigaci s projekty a stránkami otevřete přes Rozbalit menu vlevo v horní liště; po výběru se zavře.
- Na záložce náhledu se točí kolečko, dokud běží generování (Probíhá generování), a tečka, když se náhled změnil (Náhled se změnil). Po běžné změně se na náhled přepnete sami.
- Při prvním sestavení webu se Studio po dokončení samo přepne na náhled. Při označování elementu přejde na náhled a po označení zpět do chatu.
- Enter v chatu na telefonu zprávu neodešle — použijte tlačítko Odeslat.
Na telefonu nejsou: přepínač šířky náhledu, Označit oblast, Upravit text, přepínač režimů (Média, Editor kódu, Ostatní), tažení šířky chatu a Historie (pod 600 px). Označit element a Vložit prvek fungují.
Režimy Média, Editor kódu a Živá session
| Režim | Pro koho | Co dělá |
|---|---|---|
| Média | všichni | obrázky webu — viz Web a stránky |
| Editor kódu | pokročilí | Soubory projektu — ruční úprava sekcí, layoutu (obal každé stránky), design.css, site.json; ukládá se tlačítkem Uložit v hlavičce editoru; chyby se podtrhnou |
| Živá session | jen po zapnutí Vývojářský režim v Nastavení projektu | terminál s AI přímo nad projektem; dokud běží, stojí peníze; ukončíte ho Ukončit session → Ukončit |
| Ostatní | všichni | otevře SEO a nastavení projektu |
Editor kódu a Živá session nejsou dostupné, dokud běží generování. Pro kroky funnelu živá session zatím není (Živá session pro kroky funnelu zatím není na serveru dostupná.). Vývojářský režim si pamatuje prohlížeč — platí pro všechny projekty v tomto prohlížeči.
Kdo může používat editor
| Co chcete dělat | Potřebné oprávnění |
|---|---|
| vidět náhled a historii verzí | Projects → Zobrazit |
| upravovat stránky webu, obnovovat verze | Projects → Upravit |
| upravovat kroky funnelu | Funnely → Upravit |
Časté otázky a problémy s editorem
„Generování selhalo, zkus to znovu“. Změna se nepodařila. Zkuste ji odeslat znovu.
„Čekáš ve frontě #… — čekám na volný slot...“. Server právě zpracovává jiné změny. Počkejte, změna se spustí sama.
AI mi pokazilo stránku. Vraťte změnu přes Historie → Vrátit poslední změnu — viz Jak se vrátit k dřívější verzi.
Lišta nástrojů zmizela. Právě běží změna AI, je zapnutá živá session nebo ořez.
Vložil jsem tlačítko, ale na stránce není. Tlačítko je v Připravených změnách. Odešlete chat.
„Najednou lze připravit nejvýše 8 změn — nejdřív je spusť.“ Odešlete chat, potom připravte další.
„Některé změny se nepodařilo provést — zůstaly připravené, zkus je spustit znovu.“ Odešlete chat znovu.
„Video se nepodařilo upravit — stránka se mezitím změnila.“ Obnovte náhled a zkuste to znovu.
Přepínač režimů nevidím. Jste na telefonu, nebo služba AI momentálně není dostupná.
Změny vidím, ale zákazníci ne. Web nebo funnel ještě nebyl publikovaný — změny jsou v konceptu. Publikujte ho (Publikování). Na už publikovaném webu se změny projeví hned.
Zavřel jsem Studio během změny. Změna běží dál. Po otevření projektu se k ní Studio připojí.