Odznak partnera pro Váš web

Ukažte, že fandíte rodinám s dětmi!

Jste zapojeni v projektu LuckyKids.cz? Přidejte si na web náš oficiální odznáček partnera. Pro vaše návštěvníky je to jasný signál, že jste child-friendly místo, kam se s dětmi nemusí bát vyrazit. Kód pro vložení máte hotový za pár vteřin.

Tmavá varianta

<a href="https://luckykids.cz" target="_blank" rel="noopener" title="Oficiální partner LuckyKids.cz" class="lk-partner-badge">
  <img src="https://luckykids.cz/wp-content/uploads/2026/07/badge_dark.png" alt="Oficiální partner LuckyKids.cz" width="180" height="180">
</a>

<style>
.lk-partner-badge {
  display: inline-block;
  transition: transform 0.2s ease, filter 0.2s ease;
}
.lk-partner-badge:hover {
  transform: translateY(-3px);
}
.lk-partner-badge img {
  max-width: 100%;
  height: auto;
  border: 0;
  display: block;
}
</style>

Tmavá varianta

<a href="https://luckykids.cz" target="_blank" rel="noopener" title="Oficiální partner LuckyKids.cz" class="lk-partner-badge">
  <img src="https://luckykids.cz/wp-content/uploads/2026/07/badge_light.png" alt="Oficiální partner LuckyKids.cz" width="180" height="180">
</a>

<style>
.lk-partner-badge {
  display: inline-block;
  transition: transform 0.2s ease, filter 0.2s ease;
}
.lk-partner-badge:hover {
  transform: translateY(-3px);
}
.lk-partner-badge img {
  max-width: 100%;
  height: auto;
  border: 0;
  display: block;
}
</style>

Jak vložit odznak na váš web?

Vložení odznaku je otázkou 1–2 minut. Níže najdete postup pro nejčastější platformy.

1. WordPress (Nejpoužívanější)

Ve WordPressu máte několik snadných možností podle toho, kam chcete odznak umístit (nejčastěji do patičky nebo do postranního panelu):

• Pomocí Gutenberg editoru (na konkrétní stránku / do příspěvku):
  1. Otevřete úpravu stránky, kam chcete odznak vložit.
  2. Klikněte na tlačítko + (Přidat blok).
  3. Vyhledejte blok Vlastní HTML (Custom HTML).
  4. Vložte zkopírovaný kód a klikněte na Aktualizovat.
• Do patičky nebo widgetu (zobrazí se na celém webu):
  1. V administraci jděte do Vzhled → Widgety (nebo Vzhled → Prispůsobit → Widgety).
  2. Vyberte oblast (např. Patička nebo Sidebar).
  3. Přidejte blok Vlastní HTML.
  4. Vložte kód a uložte změny.
• Pokud používáte Elementor:
  1. V editoru Elementor vyhledejte prvek HTML.
  2. Přetáhněte jej na požadované místo.
  3. Do pole pro kód vložte zkopírovaný HTML kód odznaku.

2. Shoptet

Pokud provozujete e-shop na platformě Shoptet:

1. Jděte do Vzhled a obsah → Editor → HTML kód.
2. Vložte kód odznaku do sekce Zápatí (Patička).
3. Uložte změny.

3. Webnode / Wix / Squarespace

U těchto vizuálních editorů funguje postup velmi podobně:

1. Otevřete editor svých webových stránek.
2. Přidejte nový prvek/blok a vyberte Vložit kód (Embed code / HTML).
3. Vložte kód odznaku a potvrďte.
4. Přetáhněte blok na místo, kde chcete odznak zobrazit, a stránku Publikujte.

4. Vlastní řešení / Web na míru

Pokud vám web spravuje vývojář nebo máte vlastní systém, stačí zkopírovaný snippet vložit přímo do HTML kódování šablony (nejčastěji do souboru footer.php, footer.html nebo příslušného komponentu).

Nevíte si rady? Pokud si s vložením kódu nevíte rady, přepošlete kód a tento návod správci vašich webových stránek – bude přesně vědět, co s tím.