Vizuální Editor Landing Pages

Upravuj obsah sekcí, 5 barevných schémat, 3-fázový popup formulář, střídavé okraje i pořadí a fonty!

Vizuální Úprava a Řazení Sekcí: mittner.html

⚙️ Měnění Pořadí Sekcí na Stránce

Kliknutím na tlačítka Nahoru ⬆️ nebo Dolů ⬇️ posuneš sekci na požadované místo. Sekce se automaticky přizpůsobí střídavým okrajům (Lichá / Sudá) v reálném čase.

🎨 Barevná Schémata, Střídavé Okraje & Plovoucí Tlačítko

Vyber si jedno z 5 barevných schémat, nastav střídavé okraje pro liché a sudé sekce a uprav plovoucí CTA tlačítko.

🎨 Výběr Barevného Schématu (5 Palet)

🔥 Sklářský Žár (Default)

💎 Křišťálová Noc

👑 Zlatý Cech

🍷 Královská Dílna

☀️ Světlé Studio

🔘 Velikost Tlačítek (4 Velikosti pro PC i Mobil)

Vyber si velikost tlačítka. Velikosti jsou responzivně vyladěné pro desktop i mobil.

Malé (S)

Tlačítko S

Střední (M)

Střední M

Velké (L)

Velké L

Extra (XL)

Extra XL

⚖️ Střídavé Okraje Sekcí (Liché vs. Sudé Sekce)

Liché a sudé sekce se automaticky střídají podle pořadí nastaveného v záložce ⚙️ POŘADÍ SEKCÍ.

🔹 Liché Sekce (1., 3., 5. v pořadí)

Boční odsazení lichých sekcí

Svislé výškové mezerování

🔸 Sudé Sekce (2., 4., 6. v pořadí)

Boční odsazení sudých sekcí

Svislé výškové mezerování

🔝 Zobrazení Prvků v Hlavičce (Header)

Zapni nebo vypni jednotlivé prvky v hlavičce stránky. Pokud nejsou zapnuté žádné prvky, hlavička (proužek) se zcela skryje.

Logo Svobodných Cechů (SVG ikona) – grafický znak v hlavičce Text „SVOBODNÉ CECHY" – textový název v hlavičce (lze kombinovat s logem – nejdřív logo, poté text) Navigační menu – odkazy na sekce stránky v pravé části hlavičky

📌 Plovoucí Tlačítko (Floating Sticky CTA pro PC, Tablet i Mobil)

Zobrazovat plovoucí tlačítko na dně obrazovky (pro PC, Tablet i Mobil)

Nastav, ve kterých sekcích má plovoucí tlačítko automaticky mizet, aby nepřekáželo:

Skrýt tlačítko v úvodní sekci HERO (při nahoře) Skrýt tlačítko v sekci KONTAKT (aby nepřekrývalo formulář)

💬 Nastavení Textů 3-Fázového Popup Formuláře

Tento formulář se zobrazí jako vyskakovací okno po kliknutí na jakékoliv tlačítko s výzvou na stránce.

👁️ Náhled Fáze Popup Formuláře v Živém Náhledu

Klikněte na tlačítko fáze níže pro otevření popupu a přepnutí náhledu v iframe:

Fáze 1: Zachycení E-mailu (Okamžité uložení do DB)

Nadpis 1. fáze 📌 Nadpis H2

Podtitul 1. fáze 📝 Běžný text

Text tlačítka 1. fáze 📝 Běžný text

Fáze 2: Doplňující údaje (Jméno, Telefon, Zpráva & WhatsApp)

Nadpis 2. fáze 📌 Nadpis H2

Podtitul 2. fáze 📝 Běžný text

Text tlačítka pro odeslání 2. fáze 📝 Běžný text

Text tlačítka "Napsat na WhatsApp" 📝 Běžný text

Fáze 3: Poděkování po odeslání

Nadpis poděkování 📌 Nadpis H2

Text poděkování 📝 Běžný text

🌐 Odkaz na web (URL tlačítka v poděkování)

Text tlačítka pro odkaz na web

Popis u tlačítka odkazu na web 📝 Běžný text

Text tlačítka pro zavření modal okna 📝 Běžný text

🎨 Nastavení Stupňů Velikostí Fontů

Vyber stupeň velikosti fontu. Každý stupeň má přesně odladěný poměr pro Mobil i PC. Změna se okamžitě projevuje v živém náhledu!

🚀 Hlavní nadpis Hero (H1) 🚀 Hero H1

Stupeň velikosti hlavní tituly (H1) a jména mistra

📌 Nadpisy sekcí (H2) 📌 Nadpis H2

Stupeň velikosti pro hlavních nadpisů sekcí (UVP, Galerie, CTA...)

🎴 Nadpisy karet a dovedností (H3 & H4) 🎴 Karta H3/H4

Stupeň velikosti pro podnadpisy v kartách, dovednostech a FAQ

📝 Běžný text a odstavce (Body text) 📝 Běžný text

Stupeň základní velikosti textu (odstavce, popisy, citace)

📄 Podtituly (Dlouhý popis nabídky) 📄 Podtitul

Stupeň velikosti pro dlouhé popisy a podtituly pod hlavními nadpisy

🏷️ Malé štítky a tituly (Eyebrows) 🏷️ Štítek

Stupeň velikosti pro horní malé štítky (Eyebrow text) a podtituly mistra

🖼️ Náhledový Obrázek pro Sociální Sítě (OG Image & SEO)

Tento obrázek, titulek a popisek se zobrazí, když odkaz na tuto landing page vložíte na Facebook, WhatsApp, LinkedIn, Twitter/X nebo do jiných aplikací a messengerů. Po kliknutí na náhled se návštěvníkovi přímo otevře tato Landing Page.

Náhledový Obrázek (Open Graph Image)

Doporučený rozměr: 1200 × 630 px (poměr 1.91 : 1). Pokud obrázek nezadáte, automaticky se použije fotka z Hero sekce.

URL obrázku nebo nahrání z počítače

Nahrát OG obrázek

Texty pro Vyhledávače a Sociální Sítě

Titulek stránky a sdíleného příspěvku (Meta / OG Title) Doporučená délka: 50–60 znaků

Popis stránky a sdíleného příspěvku (Meta / OG Description) Doporučená délka: 120–160 znaků

Živá simulace sdílení

Takhle bude odkaz/post vypadat po sdílení. Přepni formát dle platformy:

beta.svobodnecechy.cz

NAUČ SE ŘEMESLO OD MISTRA | Svobodné Cechy

Zajímá tě kovářské řemeslo? Poznej učednictví přímo v kovárně Zdeňka Mittnera

Formáty 1:1, 4:5 a 9:16 platí pro přímé příspěvky/posty. Formát 1.91:1 se zobrazí při sdílení odkazu v chatu nebo na zdi.

🚀 Sekce 1: HERO (Úvodní obrazovka)

Eyebrow (malý text nad nadpisem) 🏷️ Štítek

Hlavní Nadpis (H1) 🚀 Hero H1

Podtitul (Dlouhý popis nabídky) 📝 Běžný text

Text hlavního tlačítka (CTA) 📝 Běžný text

Text druhého tlačítka 📝 Běžný text

Zobrazit druhé tlačítko v HERO sekci

📢 Tlačítka s výzvou na konci sekcí (Section CTA)

Text tlačítka stejný ve všech sekcích (přebírat z Primárního tlačítka HERO)

Pokud je zaškrtnuto, všechna tlačítka na konci jednotlivých sekcí automaticky použijí text primárního tlačítka z HERO. Pokud zrušíte zaškrtnutí, můžete u každé sekce nastavit vlastní text.

Fotka v huti (Hero Obrázek)

Nahrát fotku

💎 Sekce 2: UVP (Proč toto učednictví)

Eyebrow (malý text nad nadpisem) 🏷️ Štítek

Nadpis sekce UVP 📌 Nadpis H2

Podtitul sekce 📝 Běžný text

Argumentační karty:

Karta #1

Titulek karty 🎴 Karta H3

Popis karty 📝 Běžný text

Karta #2

Titulek karty 🎴 Karta H3

Popis karty 📝 Běžný text

Karta #3

Titulek karty 🎴 Karta H3

Popis karty 📝 Běžný text

Karta #4

Titulek karty 🎴 Karta H3

Popis karty 📝 Běžný text

Karta #5

Titulek karty 🎴 Karta H3

Popis karty 📝 Běžný text

Karta #6

Titulek karty 🎴 Karta H3

Popis karty 📝 Běžný text

Zobrazit CTA tlačítko na konci sekce UVP

Text tlačítka pro tuto sekci Můžete zadat vlastní text nebo nechat prázdné pro výchozí.

👑 Sekce 3: O mistrovi

Eyebrow (malý text nad jménem) 🏷️ Štítek

Jméno mistra 🚀 Velký nadpis H1

Titul mistra & Sklárna 🏷️ Štítek

Příběh mistra (Popis 1. část) 📝 Běžný text

Citát mistra 📌 Citát / H2

Příběh mistra (Popis 2. část) 📝 Běžný text

Fotka mistra

Nahrát fotku mistra

Zobrazit fotografii mistra pouze černobíle (fotka se na webu i v náhledu zobrazí v černobílé verzi)

Zobrazit CTA tlačítko na konci sekce MISTR

Text tlačítka pro tuto sekci Můžete zadat vlastní text nebo nechat prázdné pro výchozí.

📚 Sekce 4: Co se učedník naučí

Eyebrow (malý text) 🏷️ Štítek

Nadpis sekce 📌 Nadpis H2

Podtitul sekce 📝 Běžný text

Dovednost #1

Ikona (Emoji)

Název dovednosti 🎴 Karta H4

Popis dovednosti 📝 Běžný text

Dovednost #2

Ikona (Emoji)

Název dovednosti 🎴 Karta H4

Popis dovednosti 📝 Běžný text

Dovednost #3

Ikona (Emoji)

Název dovednosti 🎴 Karta H4

Popis dovednosti 📝 Běžný text

Zobrazit CTA tlačítko na konci sekce CO SE NAUČÍŠ

Text tlačítka pro tuto sekci Můžete zadat vlastní text nebo nechat prázdné pro výchozí.

🗺️ Sekce 5: Jak probíhá cesta k učednictví

Eyebrow (malý text) 🏷️ Štítek

Nadpis sekce 📌 Nadpis H2

Podtitul sekce 📝 Běžný text

Krok 01

Číslo kroku

Název kroku 🎴 Karta H4

Popis kroku 📝 Běžný text

Krok 02

Číslo kroku

Název kroku 🎴 Karta H4

Popis kroku 📝 Běžný text

Krok 03

Číslo kroku

Název kroku 🎴 Karta H4

Popis kroku 📝 Běžný text

Krok 04

Číslo kroku

Název kroku 🎴 Karta H4

Popis kroku 📝 Běžný text

Krok 05

Číslo kroku

Název kroku 🎴 Karta H4

Popis kroku 📝 Běžný text

Poznámka pod postupem (Disclaimer) 📝 Běžný text

Zobrazit CTA tlačítko na konci sekce POSTUP

Text tlačítka pro tuto sekci Můžete zadat vlastní text nebo nechat prázdné pro výchozí.

🖼️ Sekce 6: Galerie a Fotky z huti

🛡️ Automatický systém řazení a centrování fotek

Systém automaticky hlídá, aby na jednom řádku byly pouze fotky se stejnou velikostí a poměrem stran. Pokud změníte poměr stran nebo zaškrtnete „Začít nový řádek“, fotka automaticky zahájí další řádek. Každý řádek je na monitoru vždy vycentrován na střed.

Eyebrow (malý text) 🏷️ Štítek

Nadpis sekce 📌 Nadpis H2

Podtitul sekce 📝 Běžný text

Rozvržení řádků galerie

Zobrazit CTA tlačítko na konci sekce GALERIE

Text tlačítka pro tuto sekci Můžete zadat vlastní text nebo nechat prázdné pro výchozí.

💬 Sekce 7: Reference

Eyebrow (malý text) 🏷️ Štítek

Nadpis sekce 📌 Nadpis H2

Podtitul sekce 📝 Běžný text

Reference #1

Nadpis reference (volitelné) 🎴 Karta H4

Citace 📝 Běžný text

Jméno autora 📝 Běžný text

Role / Vztah k dílně 🏷️ Štítek

Reference #2

Nadpis reference (volitelné) 🎴 Karta H4

Citace 📝 Běžný text

Jméno autora 📝 Běžný text

Role / Vztah k dílně 🏷️ Štítek

Reference #3

Nadpis reference (volitelné) 🎴 Karta H4

Citace 📝 Běžný text

Jméno autora 📝 Běžný text

Role / Vztah k dílně 🏷️ Štítek

Zobrazit CTA tlačítko na konci sekce REFERENCE

Text tlačítka pro tuto sekci Můžete zadat vlastní text nebo nechat prázdné pro výchozí.

❓ Sekce 8: Časté otázky

Eyebrow (malý text) 🏷️ Štítek

Nadpis sekce 📌 Nadpis H2

Podtitul sekce 📝 Běžný text

Zavírat ostatní otázky při otevření další Jen jedno otevřené okno v jeden okamžik (akordeon efekt).

Otázka #1

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Otázka #2

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Otázka #3

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Otázka #4

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Otázka #5

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Otázka #6

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Otázka #7

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Otázka #8

Otázka 🎴 Otázka H4

Odpověď 📝 Běžný text

Zobrazit CTA tlačítko na konci sekce ČASTÉ OTÁZKY

Text tlačítka pro tuto sekci Můžete zadat vlastní text nebo nechat prázdné pro výchozí.

🎯 Sekce 9: Závěrečná sekce s tlačítkem (CTA Box)

Nadpis v CTA boxu 📌 Nadpis H2

Text v CTA boxu 📝 Běžný text

Text tlačítka v CTA boxu 📝 Běžný text

Zavřít editor

Název / Soubor	Cesta k souboru (pro reklamu)	Akce
mittner	admin/landing_pages/mittner.html	Vizuálně upravit sekce, fotky, fonty, témata & pořadí Zobrazit Smazat
odehnal	admin/landing_pages/odehnal.html	Vizuálně upravit sekce, fotky, fonty, témata & pořadí Zobrazit Smazat

Vizuální Editor Landing Pages

Vizuální Úprava a Řazení Sekcí: mittner.html

⚙️ Měnění Pořadí Sekcí na Stránce

🎨 Barevná Schémata, Střídavé Okraje & Plovoucí Tlačítko

🎨 Výběr Barevného Schématu (5 Palet)

🔘 Velikost Tlačítek (4 Velikosti pro PC i Mobil)

⚖️ Střídavé Okraje Sekcí (Liché vs. Sudé Sekce)

🔹 Liché Sekce (1., 3., 5. v pořadí)

🔸 Sudé Sekce (2., 4., 6. v pořadí)

🔝 Zobrazení Prvků v Hlavičce (Header)

📌 Plovoucí Tlačítko (Floating Sticky CTA pro PC, Tablet i Mobil)

💬 Nastavení Textů 3-Fázového Popup Formuláře

👁️ Náhled Fáze Popup Formuláře v Živém Náhledu

Fáze 1: Zachycení E-mailu (Okamžité uložení do DB)

Fáze 2: Doplňující údaje (Jméno, Telefon, Zpráva & WhatsApp)

Fáze 3: Poděkování po odeslání

🎨 Nastavení Stupňů Velikostí Fontů

🚀 Hlavní nadpis Hero (H1) 🚀 Hero H1

📌 Nadpisy sekcí (H2) 📌 Nadpis H2

🎴 Nadpisy karet a dovedností (H3 & H4) 🎴 Karta H3/H4

📝 Běžný text a odstavce (Body text) 📝 Běžný text

📄 Podtituly (Dlouhý popis nabídky) 📄 Podtitul

🏷️ Malé štítky a tituly (Eyebrows) 🏷️ Štítek

🖼️ Náhledový Obrázek pro Sociální Sítě (OG Image & SEO)

Náhledový Obrázek (Open Graph Image)

Texty pro Vyhledávače a Sociální Sítě

Živá simulace sdílení

🚀 Sekce 1: HERO (Úvodní obrazovka)

📢 Tlačítka s výzvou na konci sekcí (Section CTA)

💎 Sekce 2: UVP (Proč toto učednictví)

Argumentační karty:

Karta #1

Karta #2

Karta #3

Karta #4

Karta #5

Karta #6

👑 Sekce 3: O mistrovi

📚 Sekce 4: Co se učedník naučí

Dovednost #1

Dovednost #2

Dovednost #3

🗺️ Sekce 5: Jak probíhá cesta k učednictví

Krok 01

Krok 02

Krok 03

Krok 04

Krok 05

🖼️ Sekce 6: Galerie a Fotky z huti

Fotka #1

Fotka #2

Fotka #3

Fotka #4

Fotka #5

Fotka #6

Fotka #7

Fotka #8

Fotka #9

Fotka #10

💬 Sekce 7: Reference

Reference #1

Reference #2

Reference #3

❓ Sekce 8: Časté otázky

Otázka #1

Otázka #2

Otázka #3

Otázka #4

Otázka #5

Otázka #6

Otázka #7

Otázka #8

🎯 Sekce 9: Závěrečná sekce s tlačítkem (CTA Box)

Živý Náhled Stránky

Přehled Landing Pages

Duplikovat Landing Page

Vytvořit novou Landing Page pro dalšího mistra