Tovább a tartalomhoz

Ű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 felugró űrlaphoz külön rövidkód kell, nem a megszokott [fluentform]:

[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é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:

[fluentform_modal form_id="228" btn_text="Feliratkozás" css_class="myClass myClassAgain" bg_color="red"]
https://minta-bolt.hu/kapcsolat-felugroval/
Az oldalon csak a felugró űrlapot nyitó gomb látszik

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

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

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.

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.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások