# Propojení produktů pomocí banneru

> Místo seznamu variant grafický banner na kartě produktu — s vlastním HTML. Jak ho nastavit a k čemu se hodí.

- **Zdroj:** https://www.webotvurci.cz/navody/propojeni-produktu/propojeni-produktu-pomoci-banneru/
- **Doplněk / kategorie:** Propojení produktů (https://www.webotvurci.cz/navody/propojeni-produktu/)
- **Datum:** 2023-08-01
- **Autor:** Webotvůrci (https://www.webotvurci.cz/)

---

Doplněk [Propojení produktů](https://doplnky.shoptet.cz/propojeni-produktu)umí propojit produkty mezi sebou pomocí banneru s možností využít HTML.

![Karta produktu s propojením ve formě banneru — vlastní text a zelené tlačítko vedoucí na jiný produkt](https://www.webotvurci.cz/uploads/navody/photo_2023-08-02_13-57-56-1024x664.jpg)

## Jak to funguje?

- Vytvoříte si nové propojení produktů.
- Pole „Interní název propojení“ – toto pole slouží jenom pro Vaše pojmenování pravidla.
- Jako „Typ propojení“ vyberete „Banner“.
- Pole „Popis hodnot“ – toto pole je pouze pro interní potřeby, nezobrazuje se na eshopu.
- Vyplníte pole „Z produktů“, definujete, na jakých produktech se bude Banner objevovat.
- Vyplníte pole „Cílový produkt“ – toto pole Vám určuje, na který produkt Banner povede.
- V sekci nastavení vyplníme:
   - Text tlačítka – Určuje, jaký text bude na tlačítku.
   - Banner – Určuje, jaký text bude v banneru.
   - HTML – oba prvky podporují HTML, je možné si tedy banner vytvořit přesně podle Vašich představ. Banner si pomocí CSS můžete dostylovat. Pokud by byly grafické úpravy složitější, doporučujeme je dát na kodéra.
- Nakonec nastavení uložíte.

## Video návod

<div class="video-embed">
  <iframe src="https://www.loom.com/embed/d1cd8392f57a45a5969884ab59c60548?sid=e23ca4ce-c015-4593-bb6b-79f9bfa23b5e" title="Videonávod" loading="lazy" allowfullscreen referrerpolicy="strict-origin-when-cross-origin"></iframe>
</div>

## Příklady využití

- Up-sale – mám levný produkt, na který přivádím lidi z kampaní a ty pak obchoduji na produkt s lepší marží.
- Propagace balíčku – z jednoho produktu odkazuji na výhodnější set produktů.

---

*Návod pochází z webu Webotvůrci — Zlatý a Premium partner Shoptetu.*
*Všechny návody: https://www.webotvurci.cz/navody/ · Kontakt: jsme@webotvurci.cz*