# Űrlap felugró ablakban

> Az űrlap megjelenítése modális ablakban (lightbox) egy gombra kattintva, a fluentform_modal rövidkóddal.

Az űrlapot felugró ablakban (modal, popup, lightbox) is megjelenítheted: az oldalon csak egy gomb látszik, a rákattintás után nyílik meg az űrlap. Ez a funkció a Pro bővítmény része.

## A rövidkód

A felugró űrlaphoz külön rövidkód kell, nem a megszokott `[fluentform]`:

```text
[fluentform_modal form_id="228"]
```

A `228` helyére az űrlapod azonosítóját írd. Az azonosítót az **Űrlapok** listán találod: az űrlap rövidkódjában is szerepel.

Illeszd be a rövidkódot arra az oldalra vagy bejegyzésbe, ahol a gombnak meg kell jelennie.

## Paraméterek

| Paraméter | Mit csinál | Példa |
| --- | --- | --- |
| `form_id` | Az űrlap azonosítója. Kötelező. | `form_id="228"` |
| `btn_text` | A gomb felirata. | `btn_text="Írj nekünk"` |
| `bg_color` | A felugró ablak háttérszíne. | `bg_color="green"` |
| `css_class` | Egyéni CSS-osztályok a gombra, a stílusozáshoz. Több osztályt szóközzel válassz el. | `css_class="myClass myClassAgain"` |

Együtt:

```text
[fluentform_modal form_id="228" btn_text="Feliratkozás" css_class="myClass myClassAgain" bg_color="red"]
```

![Az oldalon csak a felugró űrlapot nyitó gomb látszik](./kepek/stilus-modal-gomb.webp)

*Az oldalon csak a felugró űrlapot nyitó gomb látszik* (https://minta-bolt.hu/kapcsolat-felugroval/)

A képen a rövidkód eredménye: az oldalon egy **Írj nekünk** feliratú gomb áll.

![A gombra kattintás után az űrlap felugró ablakban nyílik meg](./kepek/stilus-modal-nyitva.webp)

*A gombra kattintás után az űrlap felugró ablakban nyílik meg* (https://minta-bolt.hu/kapcsolat-felugroval/)

Kattintás után az oldal elsötétül, és az űrlap az oldal fölött, középen jelenik meg. A jobb felső **×** jellel zárhatod be.

## Más felugró-készítővel

Használhatsz külső felugró-készítőt is, például a Popup Makert vagy az Elementor Popupot. Ilyenkor a készítő saját tartalmába a szokásos Fluent Forms rövidkódot (`[fluentform id="1"]`) illeszd be.