Tovább a tartalomhoz

WP Fluent Forms Styler widget

A Fluent Forms űrlapok megjelenésének testreszabása: cím, mezők, rádiógomb és jelölőnégyzet, csillagos értékelés, szakaszelválasztó, gombok, üzenetek és hibaelhárítás.

A WP Fluent Forms Styler widgettel a Fluent Forms bővítménnyel készített űrlapot az oldalad arculatához igazíthatod, a WordPress felületének elhagyása nélkül. Az Elementor szerkesztőjében kiválasztod az űrlapot, és a panelen beállítod a megjelenését.

  • a mezők stílusa;
  • saját cím és leírás az űrlaphoz, a Fluent Forms felületére való visszalépés nélkül;
  • a rádiógombok és jelölőnégyzetek teljes testreszabása;
  • külön stílus a hiba- és a sikerüzenetnek;
  • csillagos értékelés, szakaszelválasztó és térközök stílusa, tipográfia;
  • a küldés- és a navigációs gombok, valamint a másodlagos gombok stílusa.

A widget akkor jelenik meg a widgetlistában, ha mindhárom teljesül:

  1. A Fluent Forms bővítmény telepítve és aktív (Bővítmények → Telepített bővítmények).
  2. A bővítményed elég új, hogy tartalmazza a widgetet.
  3. A WP Fluent Forms Styler widget be van kapcsolva a UAE Widgetek oldalán.

Az Általános szakaszban választod ki az űrlapot, és itt adhatsz neki címet.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A WP Fluent Forms Styler widget Általános szakasza
Beállítás Mit csinál
Űrlap kiválasztása A megjelenítendő Fluent Forms-űrlap.
Cím és leírás Saját megadása: itt írod be a címet és a leírást, így az űrlapon nem kell módosítanod. Más értékeknél a Fluent Forms űrlap saját szövege vagy semmi nem látszik.
Űrlap címe, Űrlap leírása Csak a Saját megadása értéknél jelennek meg.
Cím és leírás igazítása Balra, középre vagy jobbra.

A beviteli mezők megjelenését ebben a szakaszban állíthatod, hogy az űrlap illeszkedjen az oldalad stílusához.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
Az Űrlapmezők szakasz beállításai
Beállítás Mit csinál
Stílus Például Doboz: a mezőt minden oldalról szegély övezi.
Méret A mezők mérete.
Padding A mező belső térköze.
Háttérszín A beviteli mező háttere.
Címke színe, Beviteli szöveg / helyőrző színe A szövegek színei.
A kötelező mezőket jelölő csillag színe A kötelező mező csillagjának színe.
Szegély stílusa, Keret szélessége, Szegélyszín A szegély típusa, vastagsága és színe.
Aktív szegély színe A szegély színe, amikor a mezőbe kattintasz.
Lekerekített sarkok A sarkok lekerekítése.

A rádiógombok és a jelölőnégyzetek alapból az Űrlapmezők szakasz beállításait kapják. Ha mást szeretnél, kapcsold be az Aktuális stílus felülbírálása kapcsolót: ekkor megjelennek a saját szín- és méretbeállításaik, és bármelyik kinézetet testre szabhatod.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A Rádiógomb és jelölőnégyzet szakasz

A csillagos értékelés mezőnek is külön stílusa van. Az Aktuális stílus felülbírálása kapcsolóval engedélyezheted, hogy a csillagok az alapbeállításoktól eltérő színeket és méreteket kapjanak.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A Csillagos értékelés szakasz

A hosszú űrlapokban a szakaszelválasztó tagolja a mezőket. Itt a Cím és a Leírás tipográfiáját és színét állíthatod.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A Szakaszelválasztó szakasz

A Gomb szakasz a Küldés és navigációs gomb megjelenését adja (többlépéses űrlapoknál a lépések közötti gombokét is), és a többi, másodlagos gombét is.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A Gomb szakasz

Beállíthatod a Küldés gomb igazítását, a Méretet és a Paddinget. A Normál és a Rámutatás fülön külön adhatod meg a szöveg színét, a háttér típusát (szín vagy színátmenet), a szegély típusát és a keretsugarat. A Dobozárnyék a gomb árnyékát adja.

Miután megírtad az űrlap sikeres és hibás küldéséhez tartozó üzeneteket a Fluent Forms-ban, itt alakíthatod a megjelenésüket.

https://minta-bolt.hu/wp-admin/post.php?post=5&action=elementor
A Sikerüzenet / hibaüzenet szakasz

A Mezőellenőrzés csoportban a hibás mezők üzenetének Tipográfia, Üzenet színe és Padding beállításait találod. Az Űrlap sikeres érvényesítése csoportban a sikeres küldés után megjelenő üzenet Igazítása, Tipográfiaja és Paddingje állítható.

Ellenőrizd sorban:

  1. A UAE bővítmény elég új-e, hogy tartalmazza a widgetet.
  2. A Fluent Forms bővítmény telepítve és aktív-e (Bővítmények → Telepített bővítmények).
  3. A WP Fluent Forms Styler widget be van-e kapcsolva a UAE Widgetek oldalán.

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