Egyszerű számításokat végző ajánlatkérő űrlap készítése

A hagyományos kapcsolati űrlapokkal az a legnagyobb gond, hogy nem tudnak „számolni”. Azaz nem lehet pl. úgy megrendelést készíteni velük, hogy tudjon darabszámot kezelni, majd ez alapján végösszeget számolni. Persze ezt különféle szoftverekkel (Gravity Forms, vagy éppen SalesAutopilot rendelési űrlappal) meg lehet oldani, de ezen megoldások többnyire fizetősek. Ez persze nem baj, csak nem mindenkinek van rájuk szüksége, főleg, hogy sok esetben az ágyúval a verébre eset áll fenn. Most mutatok egy megoldást a Contact Form 7 bővítményhez.

Mit tud ez a megoldás?

Számértékű mezőkkel (pl.: szám, legördülő, checklist, számcsúszka, stb.) tud alapműveleteket végezni, és az eredményt kiírja az űrlapon, sőt az e-mailekben is felhasználható (pl.: díjbekérő formájában):

• Összeadni.
• Szorozni.
• Kivonni.
• Osztani.

Tehát ezek segítségével kialakíthatóak a teljesség igénye nélkül az alábbi típusú űrlapok:

• Szállásfoglalás (éjszakák + IFA)
• Több termék rendelés (miből mennyi kell, ezt szorozni, majd összeadni a végösszeg miatt)
• Egy termékből több vásárlása (végösszeg kiszámolása).
• Ételrendelés: igaz, összetett lehet, de a több termékes rendeléstől egy kicsit eltérő.
• Lakásfelújítás esetén méretek megadása, amelyből alapanyagárat és munkadíjat tudunk számolni.
• Költöztető szolgáltató munkadíj kalkulátora. (emberek száma, emeletek száma, km, dobozok száma, stb.)
• Stb.: egy kis kreativitással sok célra használható.

Ha ennél többre van szükséged, akkor a bevezetőben említett megoldásokkal érdemes megismerkedned.

Mit nem tud ez a megoldás?

Például:

• Kedvezményt számítani.
• Feltételes mezőket kezelni. Amit azt jelenti, hogy pl. X legördülő mezőnél Y választ adva a következő kérdés előtt megjelenik Z kérdés. Példa: ha bepipálod a „külföldi telefonszámot adok meg” opciót, akkor az űrlapon előjön egy új mező „külföldi telefonszám” néven. Ezt pl. a SalesAutopilot jól tudja kezelni.
• Kupont érvényesíteni.

2 tipp:

I. Ha sok mezős űrlapot készítesz, nem célszerű követni a Contact Form 7 alapértékeit (pl.: [text text-613] helyett [text kmszam] értéket használni, de ezt megmutatom lejjebb a videóban).

II. A számolás eredménye kiemelhető szépen és látványosan CSS-el. Adok egy letölthető kódot a videóban látott megoldás rekonstruálásához.

A tagsággal rendelkezőknek készítettem a megoldásról egy 10,5 perces videót:

Ajánlott cikkek:

Reszponzív kapcsolati űrlap készítése WordPress webáruház – WooCommerce 12.: Egyszerű és variálható termékek kezelése PDF generálása Contact Form 7-es űrlap adataiból Bonyolult kapcsolati űrlap készítése (csak minta) Köszönőoldalra átirányítás Contact Form 7 űrlap kitöltése után Érdeklődők gyűjtése kapcsolati űrlap segítségével