Használat

Az űrlap kitűzése

Másold ki az űrlap shortcode-ját a szerkesztő tetejéről, és illeszd be a kívánt oldalra vagy bejegyzésbe, például így: [fluentform id="3"]. Az azonosító az űrlapodé.

Kitöltés az oldalon

https://minta-bolt.hu/szerzodes/

Az aláírás mező egy szegélyezett rajzvászon, alatta a beállított aláírási utasítással. A kötelező mezőket csillag jelöli.

1. A látogató kitölti a többi mezőt.
2. A rajzvásznon egérrel (lenyomott gombbal), érintőpadon vagy ujjal rajzolja az aláírását.
3. A vászon jobb alsó sarkában három kis gomb van: törlés (a teljes aláírás eltűnik), visszavonás (az utolsó vonás eltűnik) és újra (a visszavont vonás visszatér).
4. A Küldés gombbal beküldi az űrlapot.

https://minta-bolt.hu/szerzodes/

Ha az aláírás kötelező, és a vászon üres, az űrlap nem megy el, a mező hibaüzenetet mutat.

Sikeres beküldés után a látogató az űrlap beállításai szerinti megerősítést látja.

https://minta-bolt.hu/szerzodes/

A kép a beküldés utáni üzenetet mutatja, az űrlap helyén.

Az aláírás tárolása

A beküldéskor a rendszer PNG-képet készít az aláírásból, és a wp-content/uploads/fluentform/signatures/ mappába menti véletlen fájlnévvel (signature-….png). A mappa védett: a rendszer .htaccess fájlt és üres index.html fájlt tesz bele, hogy ne lehessen futtatni vagy listázni a tartalmát. A bejegyzésben a kép címe kerül az aláírás mező értékeként.

A beküldött aláírások megtekintése

Nyisd meg az űrlap Bejegyzések fülét, vagy a Fluent Forms → Bejegyzések menüt.

https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=entries&form_id=3

A lista Aláírás oszlopában az aláírás képének címe látszik (itt az Admin mezőcímke szerinti név jelenik meg oszlopfejlécként).

Egy bejegyzés megnyitásához kattints a kék szem ikonra a Műveletek oszlopban.

https://minta-bolt.hu/wp-admin/admin.php?page=fluent_forms&route=entries&form_id=3

A részletekben az Aláírás alatt a beküldött aláírás kisméretű képe látszik a többi mező mellett.