# Vložené formuláře

Vložené formuláře vám umožňují vložit formulář pro koncové zákazníky do libovolné „cizí" stránky a takto jej bezešvě integrovat. Můžete tak v uživateli takové stránky vyvolat pocit, že se při vyplňování formuláře nikam nepřesouvá. Celé zadání údajů totiž proběhne přímo na dané stránce.

:::note

Vložení formuláře probíhá technologicky prostřednictvím speciálního HTML/JS kódu, který formulář načte přímo do cílové stránky, kde je kód otevřen. Není pro to třeba zvláštních programátorských znalostí, stačí mít pouze přístup ke zdrojovému kódu stránky nebo mít možnost editace HTML kódu obsahu.

:::

![Přehled vložených formulářů](./assets/vlozene-formulare/obr-01-prehled-formularu.png)

<span className="text-muted-foreground">_Přehled vložených formulářů_</span>

Ze zobrazení je nejpodstatnější tlačítko *Vložit nový formulář*, kterým můžete přidat nový formulář a potom tlačítko `</>` na řádku každého formuláře. Tímto tlačítkem zobrazíte dialog s HTML kódem, díky němuž lze formulář do stránky vložit.

## Vytvoření nového vloženého formuláře a editace

![Dialog vytvoření vloženého formuláře](./assets/vlozene-formulare/obr-02-dialog-vytvoreni.png)

<span className="text-muted-foreground">_Dialog vytvoření vloženého formuláře_</span>

V dialogu je nutné vyplnit název formuláře. Název může být jakékoli označení, které vám formulář přiblíží, uživateli se nezobrazuje.

Povinným polem k výběru je značka, jazyk a servisní středisko. Vytvořením vloženého formuláře tedy rovnou nastavujete pro jakou značku má formulář nabízet možnost vytvoření zakázky. Jazyková verze se neřídí vnějším prostředím „kolem formuláře", ale nastavením v dialogu a cílové servisní středisko je nutno nastavit taktéž rovnou zde.

:::note

Povinnost zvolit servisní středisko dopředu je daná tím, že vložený formulář, na rozdíl od formuláře klasického, zobrazuje všechny své kroky naráz, na jedné obrazovce. Vzhledem k tomu, že je pak celý formulář vložen do cizího prostředí, není technologicky spolehlivé dynamicky generovat změny v těle formuláře namísto pevného zobrazení po celou dobu.

:::

## Získání HTML kódu a vložení do stránky

![Zobrazení HTML kódu vloženého formuláře](./assets/vlozene-formulare/obr-03-html-kod.png)

<span className="text-muted-foreground">_Zobrazení HTML kódu vloženého formuláře_</span>

Vygenerovaný kód zkopírujte a vložte do HTML kódu stránky v místě, kde chcete formulář zobrazit. O vše další se postará náš systém. Včetně nastavení vzhledu formuláře, kontroly vložených dat a podobně.

![Příklad vložení do HTML stránky běžící v nástroji JSFiddle. Zdroj příkladového HTML souboru: jakpsatweb.cz](./assets/vlozene-formulare/obr-04-jsfiddle-priklad.png)

<span className="text-muted-foreground">_Příklad vložení do HTML stránky běžící v nástroji JSFiddle. Zdroj příkladového HTML souboru: jakpsatweb.cz_</span>