# Zobrazení formuláře v MODAL okně (reinit)

> Jak formulář zobrazit v modálním okně a proč je potřeba reinit — jinak se ve vyskakovacím okně nevykreslí správně.

- **Zdroj:** https://www.webotvurci.cz/navody/kontaktni-formulare/zobrazeni-formulare-v-modal-okne/
- **Doplněk / kategorie:** Kontaktní formuláře (https://www.webotvurci.cz/navody/kontaktni-formulare/)
- **Datum:** 2024-12-30
- **Autor:** Webotvůrci (https://www.webotvurci.cz/)

---

Náš doplněk na vytváření [kontaktních formulářů](https://doplnky.shoptet.cz/kontaktni-formulare) pro Shoptet má mnoho využití. Standardně jej budete chtít vložit přímo do [stránky pomocí shortcode](https://www.webotvurci.cz/navody/kontaktni-formulare/zobrazeni-formulare-v-shoptetu/).

Nyní máte ale i možnost formulář zobrazit ve vašem vlastním modal okně, jenž se například zobrazí až po stisknutí určitého tlačítka. Anebo v případě, že chcete na stránce načíst formulář opakovaně.

**Jsou dvě varianty.**

V případě že již při načtení DOMu bude uveden v kódu (např. ve skrytém divu pro popup) již shortcode formuláře (např.: <p>[w-form-ZSPN3]</p>, tak není potřeba dělat nic dalšího.

Pokud ovšem ten shortcode do DOMu přidáváte skriptem, tak je potřeba následně zavolat funkci wtFormsInstance.reinit(). Volání funkce provede následovně:

```js
wtFormsInstance.reinit();
```

A to je vše. Nyní by se vám měl doplňkem vytvořený formulář zobrazovat přímo v MODAL okně.

---

*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*