Přehled obsahových bloků
Průvodce všemi obsahovými bloky v editoru, od nadpisů a obrázků po reference, časté dotazy a formuláře, s tím, k čemu slouží a jaká jsou jejich hlavní nastavení.
Každá stránka vašeho e-shopu je složena z bloků. Tento článek uvádí obsahové bloky v levém panelu editoru, k čemu každý slouží a jaká má hlavní nastavení. Bloky, které zobrazují produkty a řeší košík a pokladnu, najdete v článku Bloky e-shopu.
Nastavení, která má každý blok
Kliknutím na blok na stránce otevřete jeho nastavení. Většina bloků je seskupuje do částí Obecné, Vzhled a Typografie. Každý blok má také Velikost a poloha, kde nastavíte jeho místo v mřížce a můžete ho skrýt na tabletech nebo telefonech, a Správa s tlačítky Duplikovat a Smazat. Viz Přidání, přesun a změna velikosti bloků a Jak zobrazit váš web správně na telefonech a tabletech.
Kde má blok nastavení Typografie, je vždy stejné: Písmo, Velikost písma, Tloušťka, Barva, Kurzíva, Velikost písmen, Mezery mezi písmeny a Výška řádku. V tabulkách níže je uvádíme jednou jako „Typografie“.
Základy
| Blok | K čemu slouží | Hlavní nastavení |
|---|---|---|
| Nadpis | Titulek nebo nadpis sekce. | Text, Velikost (Nadpis 1 až Nadpis 6), Zarovnání, Typografie. |
| Text | Odstavec základního textu. | Text, Zarovnání, Typografie. |
| Seznam | Krátký seznam bodů, například to, co je v ceně. | Položky (jedna na řádek), Značka (Fajfka, Odrážka, Pomlčka, Číslo nebo Žádné), Mezera mezi položkami, Typografie. |
| Tlačítko | Tlačítko, které vede na stránku nebo adresu. | Popisek, Odkaz, Styl (Plný, Obrys nebo Jemný), Zarovnání, barvy, Zaoblení rohů, velikost textu, odsazení a Celá šířka. |
| Emoji | Jeden velký emoji jako jednoduchá dekorace. | Emoji (vyberte jedno nebo napište vlastní), Velikost písma, Zarovnání. |
Více o textu a tlačítkách najdete v článku Úprava textu, nadpisů a tlačítek. Odkaz tlačítka funguje jako odkaz v menu: viz Úprava odkazů v menu.
Média
| Blok | K čemu slouží | Hlavní nastavení |
|---|---|---|
| Obrázek | Jedna fotka nebo grafika. | Obrázek, Alternativní text (krátký popis pro lidi, kteří obrázek nevidí), Tvar (Široký 16:9, Standardní 4:3, Čtvercový nebo Původní), Přizpůsobení obrázku (Vyplnit rámeček nebo Vejít se do rámečku), Zaoblení rohů. |
| Galerie | Mřížka obrázků, které se po kliknutí mohou otevřít v plné velikosti. | Obrázky, Počet sloupců (1 až 6), Mezera v mřížce, Tvar, Zaoblení rohů, Po kliknutí otevřít v plné velikosti. |
| Video | Video z YouTube, přehrávané na vaší stránce. | Odkaz na YouTube. Payly nikdy nehostuje soubory s videem. |
| Mapa | Mapa Google vašeho ateliéru, obchodu nebo místa vyzvednutí. | Adresa nebo místo, Přiblížení, Tvar, Zaoblení rohů. Adresu zadejte stejně, jako byste ji hledali. |
V bloku Galerie se každý obrázek přidá svou webovou adresou, s popisem a volitelným odkazem. Chcete-li použít fotku, kterou jste nahráli, zkopírujte její adresu z obrazovky Média. Viz Přidání obrázků a použití knihovny médií.
Rozložení
| Blok | K čemu slouží | Hlavní nastavení |
|---|---|---|
| Kontejner | Rámeček, který drží další bloky, takže je můžete stylovat a přesouvat jako jeden celek. | Rozložení uvnitř (Volná mřížka, Pod sebou nebo Vedle sebe), Mezera v mřížce, Zarovnat položky, Barva pozadí, Barva ohraničení, Zaoblení rohů, odsazení, Minimální výška. |
| Mřížka | Tabulka řádků a sloupců s blokem v každé buňce. Na telefonu se změní na jeden sloupec. | Počet sloupců a Počet řádků (každé 1 až 8), Mezera v mřížce, Zarovnat položky, Obrys buňky, barvy, odsazení. |
| Oddělovač | Tenká čára mezi dvěma částmi stránky. | Barva, Tloušťka. |
| Mezera | Prázdný prostor mezi bloky. | Výška. |
Viz Vytváření rozložení pomocí kontejnerů a mřížek.
Marketing
| Blok | K čemu slouží | Hlavní nastavení |
|---|---|---|
| Oznamovací lišta | Úzký barevný pruh pro krátké sdělení, například nabídku doručení, s volitelným odkazem. | Text, Text odkazu, Odkaz, Zarovnání, Barva pozadí, Barva textu, Velikost písma. |
| Reference | Citát zákazníka se jménem, krátkým popisem, fotkou a hodnocením hvězdičkami. | Co řekli, Název, Popis, Fotografie, Hvězdičky (0 až 5), Zarovnání, barvy, Typografie. |
| Pás log | Řada log, například obchodů, které prodávají vaši práci, nebo článků v tisku. | Loga, Počet sloupců, Mezera v mřížce, Výška loga, Ztlumit barvy, dokud na ně nenajedete myší. |
| Odpočítávání | Časovač odpočítávající do data, například k akci nebo spuštění. | Odpočítává do, Zpráva po vypršení času, Zobrazit popisky dní a hodin, Zarovnání, Velikost číslic, barvy. |
| Odkazy na sociální sítě | Ikony, které vedou na vaše účty na sociálních sítích. | Účty (síť a adresa u každé), Styl (Vyplněný kruh, Kruh s obrysem nebo Jen ikona), Velikost ikony, Mezera v mřížce, Zarovnání, Barva kruhu, Barva ikony. |
Chcete-li zobrazit oznamovací lištu na každé stránce, vložte ji do záhlaví. Odpočítávání čte datum v časovém pásmu každého návštěvníka, takže půlnoc znamená jeho půlnoc. Odkazy na sociální sítě nabízejí Instagram, Facebook, TikTok, X, YouTube, LinkedIn, Pinterest, WhatsApp, Email a Web.
Menu a formuláře
| Blok | K čemu slouží | Hlavní nastavení |
|---|---|---|
| Formulář | Kontaktní formulář, jehož zprávy se posílají na váš e-mail. | Název formuláře, Popis, Pole, Text tlačítka pro odeslání, Zpráva po odeslání, barvy. |
| Časté dotazy | Otázky, které se po rozbalení ukážou s odpověďmi. | Nadpis, Otázky (otázka a odpověď u každé), Otevřít první odpověď, Otevřená vždy jen jedna odpověď, Barva pozadí, Typografie. |
| Navigace | Vaše logo a menu. Už je ve vašem záhlaví. | Logo webu, Textové logo, Výška loga, Rozložení, Zobrazit tlačítko košíku, Odkazy, barvy. |
| Seznam odkazů | Nadepsaný sloupec odkazů, jaký se používá v zápatí. | Nadpis sloupce, Odkazy, Barva pozadí, Písmo, Barva, Velikost písma. |
Viz Přidání kontaktního formuláře, Úprava odkazů v menu a Úprava záhlaví a zápatí.