Zavolat na 226 222 222 Můj výběr
Klientská zóna (otevře se v novém okně)
Zavolat na 226 222 222 Klientská zóna (otevře se v novém okně)

← Knihovna bloků

Registrace k odběru + rozcestníkové karty signup · full

Hlavička sekce a pod ní mřížka 1 : 1: vlevo karta registrace k odběru (fotka s navy přechodem zapečeným v exportu, dvě pole, souhlas a žluté CTA), vpravo dvě rozcestníkové karty — jedna na fotce, druhá na ploché krémové barvě. Přes obě strany přesahují dolů dekorativní fotky (telefon, stoh katalogů); telefon se kreslí od 1024 px, katalog u poslední karty už od 500 px (jeho přesah spadne pod mřížku, kde na něj drží rezervu). Pod 500 px se vypínají i s rezervou. Klikatelné je jen tlačítko karty, ne celá karta — a protože s nadpisem karty nijak svázané není, měl by mít cta.title smysl i vytržený ze souvislosti (v seznamu odkazů čtečky). Vzorová data jsou opsaná z grafiky („Zjistit více“, „Přečíst“), CMS by mělo psát popisnější. Formulář v prototypu odesílá js/components/form.ts naoko — CMS tým doplní form.action a skutečné odeslání, kontrakt tříd se nemění. Popisky polí jsou skryté (.screen-reader-text), viditelný text je placeholder — tak je to v grafice. Klíč tag (h2 | h3) přepíná úroveň titulku sekce, titulky karet jdou vždy o stupeň níž. Blok se ve Figmě jmenuje „stay-in-loop“; slovo „newsletter“ se v názvu bloku, tříd ani cest nepoužívá, protože je to past na adblocky. Bez form i bez items se nevykreslí vůbec nic.

Pro integrátora: Formulář odesílá js/components/form.ts na /api/mail/send-registration-form-mail podle atributu data-mail (form.mail: adresát, předmět, odesílatel, šablony mailu a potvrzení se {0} = hodnoty polí oddělené čárkou); po úspěchu dataLayer událost newsletterSignup. Bez data-mail odeslání jen simuluje. Návod a testovací checklist: README § Formuláře. Video vkládá video-bg.ts.

Zdroj: src/_includes/blocks/signup/

Varianta „default“

Vzorová data (JSON) 
{
  "settings": {
    "background": "white",
    "spacing_top": "small"
  },
  "pretitle": "Ostatní",
  "title": "Zůstaňte v obraze",
  "text": "Novinky, inspirace a další obsah, který stojí za pozornost.",
  "form": {
    "title": "Registrujte se",
    "text": "pro přednostní zasílání novinek\na získejte řadu výhod",
    "action": "#",
    "fields": [
      {
        "name": "jmeno",
        "label": "Jméno a příjmení",
        "type": "text",
        "autocomplete": "name"
      },
      {
        "name": "email",
        "label": "Váš e-mail",
        "type": "email",
        "required": true,
        "autocomplete": "email"
      }
    ],
    "consents": [
      {
        "name": "gdpr",
        "textHtml": "Souhlasím se zpracováním <a href=\"https://www.central-group.cz/page/osobni-udaje\" target=\"_blank\" rel=\"noopener\">osobních údajů</a>.",
        "required": true
      }
    ],
    "submit": {
      "title": "Přihlásit k odběru"
    },
    "successMessage": "Děkujeme, registraci k odběru máme. Potvrzovací e-mail dorazí během chvilky.",
    "mail": {
      "type": "registration",
      "endpoint": "/api/mail/send-registration-form-mail",
      "mailTo": "novinkyregform@central-group.cz",
      "subject": "Registrace k odběru novinek CENTRAL GROUP",
      "senderName": "CENTRAL GROUP",
      "senderEmail": "noreply@central-group.cz",
      "messageHtml": "<p>Uživatel se zaregistroval <strong>k odběru novinek CENTRAL GROUP</strong>:</p>\n<br/>\n<p>{0}</p>\n<br/>\n<p>KLIENT SOUHLASÍ SE ZPRACOVÁNÍM OSOBNÍCH ÚDAJŮ</p>",
      "clientMessageHtml": "Vážená paní, vážený pane,<br/><br/>\nděkujeme za zájem o novinky z nabídky naší společnosti. <strong>Vaše registrace byla úspěšně odeslána</strong>.\n<br/><br/>\nCENTRAL GROUP a.s.",
      "errorMessage": "Registrace se nezdařila. Zkuste to prosím znovu.",
      "event": "newsletterSignup"
    },
    "media": {
      "background": {
        "src": "/assets/images/photos/odber-pozadi.jpg",
        "webp": "/assets/images/photos/odber-pozadi.webp",
        "alt": "",
        "width": 689,
        "height": 543
      },
      "overlap": {
        "src": "/assets/images/photos/mobil-423.png",
        "webp": "/assets/images/photos/mobil-423.webp",
        "webp2x": "/assets/images/photos/mobil-847.webp",
        "alt": "",
        "width": 423,
        "height": 430
      }
    }
  },
  "items": [
    {
      "title": "<strong>Koupíme pozemky</strong>",
      "text": "a komerční areály v Praze\npro bytovou výstavbu",
      "cta": {
        "title": "Zjistit více",
        "url": "/pozemky/"
      },
      "media": {
        "video": "signup/koupime-pozemky"
      }
    },
    {
      "title": "<strong>Magazín 2026</strong>",
      "text": "trendy na trhu, inspirace\na novinky pro nové bydlení",
      "cta": {
        "title": "Přečíst",
        "url": "/magazin-2027/"
      },
      "media": {
        "overlap": {
          "src": "/assets/images/photos/magazin-448.png",
          "webp": "/assets/images/photos/magazin-448.webp",
          "webp2x": "/assets/images/photos/magazin-896.webp",
          "alt": "",
          "width": 448,
          "height": 328
        }
      }
    }
  ]
}

Varianta „no-overlap“

Vzorová data (JSON) 
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Ostatní",
  "title": "Zůstaňte v obraze",
  "text": "Varianta bez přesahujících fotek — pod mřížkou nesmí zůstat prázdná rezerva.",
  "form": {
    "title": "Registrujte se",
    "text": "pro přednostní zasílání novinek\na získejte řadu výhod",
    "fields": [
      {
        "name": "jmeno",
        "label": "Jméno a příjmení",
        "type": "text",
        "autocomplete": "name"
      },
      {
        "name": "email",
        "label": "Váš e-mail",
        "type": "email",
        "required": true,
        "autocomplete": "email"
      }
    ],
    "consents": [
      {
        "name": "gdpr",
        "textHtml": "Souhlasím se zpracováním <a href=\"https://www.central-group.cz/page/osobni-udaje\" target=\"_blank\" rel=\"noopener\">osobních údajů</a>.",
        "required": true
      }
    ],
    "submit": {
      "title": "Přihlásit k odběru"
    },
    "media": {
      "background": {
        "src": "/assets/images/photos/odber-pozadi.jpg",
        "webp": "/assets/images/photos/odber-pozadi.webp",
        "alt": "",
        "width": 689,
        "height": 543
      }
    }
  },
  "items": [
    {
      "title": "Koupíme\n<strong>váš pozemek</strong>",
      "text": "Nepotřebujeme úvěry",
      "cta": {
        "title": "Zjistit více",
        "url": "/pozemky/"
      },
      "media": {
        "background": {
          "src": "/assets/images/photos/koupime-pozemek.jpg",
          "webp": "/assets/images/photos/koupime-pozemek.webp",
          "alt": "",
          "width": 688,
          "height": 259
        }
      }
    },
    {
      "title": "<strong>Magazín 2026</strong>",
      "text": "trendy na trhu, inspirace\na novinky pro nové bydlení",
      "cta": {
        "title": "Přečíst",
        "url": "/magazin-2027/"
      }
    }
  ]
}

Varianta „form-only“

Vzorová data (JSON) 
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Ostatní",
  "title": "Zůstaňte v obraze",
  "text": "Varianta jen s registrací — mřížka se smrskne na jeden sloupec.",
  "form": {
    "title": "Registrujte se",
    "text": "pro přednostní zasílání novinek\na získejte řadu výhod",
    "fields": [
      {
        "name": "jmeno",
        "label": "Jméno a příjmení",
        "type": "text",
        "autocomplete": "name"
      },
      {
        "name": "email",
        "label": "Váš e-mail",
        "type": "email",
        "required": true,
        "autocomplete": "email"
      }
    ],
    "consents": [
      {
        "name": "gdpr",
        "textHtml": "Souhlasím se zpracováním <a href=\"https://www.central-group.cz/page/osobni-udaje\" target=\"_blank\" rel=\"noopener\">osobních údajů</a>.",
        "required": true
      }
    ],
    "submit": {
      "title": "Přihlásit k odběru"
    },
    "media": {
      "background": {
        "src": "/assets/images/photos/odber-pozadi.jpg",
        "webp": "/assets/images/photos/odber-pozadi.webp",
        "alt": "",
        "width": 689,
        "height": 543
      },
      "overlap": {
        "src": "/assets/images/photos/mobil-423.png",
        "webp": "/assets/images/photos/mobil-423.webp",
        "webp2x": "/assets/images/photos/mobil-847.webp",
        "alt": "",
        "width": 423,
        "height": 430
      }
    }
  }
}

Varianta „items-only“

Vzorová data (JSON) 
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Ostatní",
  "title": "Kam dál",
  "text": "Varianta bez registrace — pravý sloupec sám.",
  "items": [
    {
      "title": "Koupíme\n<strong>váš pozemek</strong>",
      "text": "Nepotřebujeme úvěry",
      "cta": {
        "title": "Zjistit více",
        "url": "/pozemky/"
      },
      "media": {
        "background": {
          "src": "/assets/images/photos/koupime-pozemek.jpg",
          "webp": "/assets/images/photos/koupime-pozemek.webp",
          "alt": "",
          "width": 688,
          "height": 259
        }
      }
    },
    {
      "title": "<strong>Magazín 2026</strong>",
      "text": "trendy na trhu, inspirace\na novinky pro nové bydlení",
      "cta": {
        "title": "Přečíst",
        "url": "/magazin-2027/"
      },
      "media": {
        "overlap": {
          "src": "/assets/images/photos/magazin-448.png",
          "webp": "/assets/images/photos/magazin-448.webp",
          "webp2x": "/assets/images/photos/magazin-896.webp",
          "alt": "",
          "width": 448,
          "height": 328
        }
      }
    }
  ]
}

Varianta „one-item“

Vzorová data (JSON) 
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Ostatní",
  "title": "Zůstaňte v obraze",
  "text": "Jedna rozcestníková karta — nesmí se roztáhnout na dvojnásobnou výšku.",
  "form": {
    "title": "Registrujte se",
    "text": "pro přednostní zasílání novinek\na získejte řadu výhod",
    "fields": [
      {
        "name": "email",
        "label": "Váš e-mail",
        "type": "email",
        "required": true,
        "autocomplete": "email"
      }
    ],
    "consents": [
      {
        "name": "gdpr",
        "textHtml": "Souhlasím se zpracováním <a href=\"https://www.central-group.cz/page/osobni-udaje\" target=\"_blank\" rel=\"noopener\">osobních údajů</a>.",
        "required": true
      }
    ],
    "submit": {
      "title": "Přihlásit k odběru"
    },
    "media": {
      "background": {
        "src": "/assets/images/photos/odber-pozadi.jpg",
        "webp": "/assets/images/photos/odber-pozadi.webp",
        "alt": "",
        "width": 689,
        "height": 543
      },
      "overlap": {
        "src": "/assets/images/photos/mobil-423.png",
        "webp": "/assets/images/photos/mobil-423.webp",
        "webp2x": "/assets/images/photos/mobil-847.webp",
        "alt": "",
        "width": 423,
        "height": 430
      }
    }
  },
  "items": [
    {
      "title": "Koupíme\n<strong>váš pozemek</strong>",
      "text": "Nepotřebujeme úvěry",
      "cta": {
        "title": "Zjistit více",
        "url": "/pozemky/"
      },
      "media": {
        "background": {
          "src": "/assets/images/photos/koupime-pozemek.jpg",
          "webp": "/assets/images/photos/koupime-pozemek.webp",
          "alt": "",
          "width": 688,
          "height": 259
        }
      }
    }
  ]
}

Varianta „long“

Vzorová data (JSON) 
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Ostatní a další užitečné odkazy",
  "title": "Zůstaňte v obraze o všem, co se u nás i na pražském trhu s bydlením děje",
  "text": "Novinky z našich projektů, akční nabídky bytů, přehled dění na pražském trhu s bydlením, pozvánky na dny otevřených dveří a informace o zahájení prodeje nových etap vám pošleme e-mailem. Píšeme jednou za měsíc a odhlásit se můžete kdykoli jedním kliknutím přímo z patičky zprávy.",
  "form": {
    "title": "Registrujte se k odběru novinek",
    "text": "Nechte nám na sebe kontakt a nic vám neuteče — novinky posíláme\njednou za měsíc a nikdy je nepředáváme třetím stranám.",
    "fields": [
      {
        "name": "jmeno",
        "label": "Jméno a příjmení",
        "type": "text",
        "autocomplete": "name"
      },
      {
        "name": "email",
        "label": "Váš e-mail",
        "type": "email",
        "required": true,
        "autocomplete": "email"
      }
    ],
    "consents": [
      {
        "name": "gdpr",
        "textHtml": "Souhlasím se zpracováním <a href=\"https://www.central-group.cz/page/osobni-udaje\" target=\"_blank\" rel=\"noopener\">osobních údajů</a> za účelem zasílání novinek a beru na vědomí, že souhlas mohu kdykoli odvolat.",
        "required": true
      }
    ],
    "submit": {
      "title": "Přihlásit k odběru novinek"
    },
    "media": {
      "background": {
        "src": "/assets/images/photos/odber-pozadi.jpg",
        "webp": "/assets/images/photos/odber-pozadi.webp",
        "alt": "",
        "width": 689,
        "height": 543
      },
      "overlap": {
        "src": "/assets/images/photos/mobil-423.png",
        "webp": "/assets/images/photos/mobil-423.webp",
        "webp2x": "/assets/images/photos/mobil-847.webp",
        "alt": "",
        "width": 423,
        "height": 430
      }
    }
  },
  "items": [
    {
      "title": "Koupíme\n<strong>váš pozemek v Praze i ve středních Čechách</strong>",
      "text": "Hledáme pozemky v Praze a okolí pro novou bytovou výstavbu, ideálně s platným územním plánem. Ozvěte se nám a nabídku posoudíme do dvou týdnů — včetně orientační ceny.",
      "cta": {
        "title": "Více informací o výkupu pozemků",
        "url": "/pozemky/"
      },
      "media": {
        "background": {
          "src": "/assets/images/photos/koupime-pozemek.jpg",
          "webp": "/assets/images/photos/koupime-pozemek.webp",
          "alt": "",
          "width": 688,
          "height": 259
        }
      }
    },
    {
      "title": "Magazín <strong>2026</strong> je na světě",
      "text": "Nové vydání našeho magazínu o bydlení — rozhovory s architekty, novinky z projektů, přehled dokončených etap a reportáž z předávání bytů na Rohanském nábřeží.",
      "cta": {
        "title": "Prolistovat magazín online",
        "url": "/magazin-2027/"
      },
      "media": {
        "overlap": {
          "src": "/assets/images/photos/magazin-448.png",
          "webp": "/assets/images/photos/magazin-448.webp",
          "webp2x": "/assets/images/photos/magazin-896.webp",
          "alt": "",
          "width": 448,
          "height": 328
        }
      }
    }
  ]
}

Varianta „no-media“

Vzorová data (JSON) 
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Ostatní",
  "title": "Zůstaňte v obraze",
  "text": "Varianta bez jediné fotky — navy podklad formuláře a krémová karta musí zůstat čitelné.",
  "form": {
    "title": "Registrujte se",
    "text": "pro přednostní zasílání novinek\na získejte řadu výhod",
    "fields": [
      {
        "name": "jmeno",
        "label": "Jméno a příjmení",
        "type": "text",
        "autocomplete": "name"
      },
      {
        "name": "email",
        "label": "Váš e-mail",
        "type": "email",
        "required": true,
        "autocomplete": "email"
      }
    ],
    "consents": [
      {
        "name": "gdpr",
        "textHtml": "Souhlasím se zpracováním <a href=\"https://www.central-group.cz/page/osobni-udaje\" target=\"_blank\" rel=\"noopener\">osobních údajů</a>.",
        "required": true
      }
    ],
    "submit": {
      "title": "Přihlásit k odběru"
    }
  },
  "items": [
    {
      "title": "Koupíme\n<strong>váš pozemek</strong>",
      "text": "Nepotřebujeme úvěry",
      "cta": {
        "title": "Zjistit více",
        "url": "/pozemky/"
      }
    },
    {
      "title": "<strong>Magazín 2026</strong>",
      "text": "trendy na trhu, inspirace\na novinky pro nové bydlení",
      "cta": {
        "title": "Přečíst",
        "url": "/magazin-2027/"
      }
    }
  ]
}

Varianta „empty“

Vzorová data (JSON) 
{}