Ezt a kis PHP scriptet még a saját oldalamhoz írtam, viszont az egyik ismerősöm is hasznát venné ennek a kis feature-nek így gondoltam megosztom mindenkivel akinek szüksége van rá. :)
És ez miért lesz jó nekem? Azért mert nem csak egy email cím van kiírva a weboldaladra mailto: hivatkozással, ami idegesítően megnyitja az alapértelmezett levelezőprogramot a gépen. Valamint azért, mert szép, profibb, kulturáltabb megoldás a fent említettnél és azért mert maximalisták vagyunk! :) Alap esetben így fog kinézni az űrlap ahogy itt a képen is, természetesen lehetőség van a kinézet teljes testreszabására, ezt a CSS fájlban meg is tudod tenni.
PHP programozási tudás nem szükséges, a tutorial elolvasása bőven elég. Leginkább HTML alapú oldalakba javaslom a bellesztést, esetleg saját fejlesztésű PHP rendszerbe. CMS rendszerekhez nem szükséges ez a fajta megoldás, mindegyik kínál egy saját beépülő modult amivel üzeneteket lehet küldeni.
1. lépés
- Ha egy felugró fancybox ablakba kívánod illeszteni, mint ahogy nálam van, akkor nincsen más dolgod, mint bemásolni a mellékelt fájlokat a megfelelő mappába és hivatkozni a form.html-re
- Ha egy már meglévő aloldalba szeretnéd beültetni az űrlapot, akkor a form.html-ből kimásolod a mailform divet (a közte lévő űrlappal együtt) és beilleszted a megfelelő helyre.
2/A. lépés
Ha felugró fancybox-ba illesztetted az űrlapot, akkor nincs más hátra, mint a form-style.css-t a saját igényeidnek megfelelően átalakítani. Ebben az egy fájlban minden formázással kapcsolatos dolgot megtalálsz.
2/B. lépés
Amennyiben különálló aloldalra illesztetted be a form-ot, abban akkor a következő lépés a mail.php elkészítése lesz. A legegyszerűbb, ha duplikálod az eredeti aloldalt amibe már beillesztetted az űrlapot, de helyette most a mail.php-ból másolod ki a tartalmat a div kezdetétől a végéig.
3. lépés – Finomhangolás
A mail.php-ben a következő adatokat mindenképpen módosítanod kell a script helyes működéséhez:
- Add meg azt az email címet(ket) amikre szeretnéd, hogy érkezzenek a levelek
- Módosítsd a kiküldött levél tárgyát, illetve az üzenet struktúráját ha mást szeretnél
- A biztonsági kérdés módosítása: a biztonsági kérdés a $_POST['secquest'] változó, ide akármit megadhatsz. Ügyelj arra, hogy ha NEM szám a helyes válasz, ‘aposztrofok közé’ kell tenni a betűket mert különben nem tudja értelmezni a kódot a webszerver.
4. lépés
- Módosítsd a form-style.css fájlt az igényeidnek megfelelően.
- Ne felejtsd el az oldalak HEAD tagjei közé megadni a CSS fájl pontos elérési útvonalát!
Fontos!
- Ha módosítod a form.html-ben az űrlap szerkezetét, kinézetét, ugyan ezeket a módosításokat végre kell hajtanod a mail.php fájlban is, mert az esetlegesen hibás kitöltés miatt ha visszadobja az űrlapot, akkor is rendesen jelenjen meg.
- A scriptben kétféle hibavizsgálat van, az egyik a biztonsági kérdésre adott helyes választ vizsgálja, a másik pedig azt, hogy valamennyi mező nem üres-e. Hibás kitöltés esetén a hibaüzenet megjelenítése után visszadobja az űrlapot, valamint a már begépelt sorokat is beilleszti, így a kitöltő nem veszti el a levele tartalmát mondjuk azért, mert nem írt a semmit sem a tárgy mezőbe.