Keresés a blogban

2010. február 3.

Kapcsolat - Contact form

Egy egyszerű Kapcsolat űrlap elkészítési módját adom itt meg. Számtalan ingyenes online formgenerátort találsz a neten, melyekkel magad is készíthetsz űrlapokat. Ez az űrlap az általad megadott emailcímre küldi el az üzenetet, és te emailben tudsz válaszolni rá.
Készíts egy új oldalt. Add meg az oldal nevét, válts HTML írásmódra és a tartalomrészbe másold be azt a kódot, melyet készítettél.
Én így készítettem el az űrlapot:


(A tutoriálképek kattintásra nagyobbak lesznek!)

Menj a Saját fiók-ba, és válaszd ezt: Dokumentumok (Google Docs)

Új létrehozása - Űrlap

Töltsd ki, ahogy itt látod:


Jöhet a következő: Rakd a 2. mintakérdés fölé a kurzort:



Ezt is töltsd ki, nyomd meg a Kész gombot.


Kérj új elemet, válaszd a Hosszabb szöveg típust.


Ezt is töltsd ki így, majd nézd meg, mit csináltál eddig.:


Válassz hátteret:




Nézd meg, hogyan néz ki most.

Most megerősítő üzenetet készítünk, ezt látja az, aki elküldte az üzenetet. Írj, amit szeretnél.





Ezt a részt is töltsd ki:


Most kérjük ki a kódot:


Másold ki az ablakból, és illeszd be az oldalad tartalomrészébe HTML írásmódban.


Add meg a szélességet. Ne legyen szélesebb, mint a posztok. Általában 500 pixel körüli érték. A width mögötti számot módosítsd. Add meg a magasságot is. Ha nem elég magas, akkor dobozszerűen jelenik meg, egy oldalsó gördítősávval. A height mögötti számot módosítsd.


Az űrlapod a mentéssel eltárolódott a Dokumentumokban, bármikor szerkesztheted, változtathatod, kódot kérhetsz.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady

13 megjegyzés:

PAMIS Takarító Kft. írta... [Válasz erre...]

Köszi.
A megerősítő dologig eljutottam, aztán annyi. Se kép se hang. A html-t se adta meg.
Béna vagyok.

Wise Lady írta... [Válasz erre...]

Dehogynem. A További műveletek - Beágyazás ezt kell választani.

Ha mindent pontosan így csináltál, biztosan jó lesz. Tanulmányozd nagyobb méretben a képeket.

PAMIS Takarító Kft. írta... [Válasz erre...]

Ezt választottam, de semmi, nekem nem jött elő a megerősítő üzenet panel.
Este megpróbálom megint, ha nem megy és megkérlek rá megcsinálod nekem?

Wise Lady írta... [Válasz erre...]

Nem létezik. Egyszerűen lehetetlen.

Én nem tudom megírni a te kódod, mert a te fiókodban kell, azért, hogy a te emailedre érkezzenek a levelek.

PAMIS Takarító Kft. írta... [Válasz erre...]

Hát megadom a belépési kódot.
Csak ne írj az otthoni fűrdőszoba takarításról egy storyt:D

yoen írta... [Válasz erre...]

Szia WL! Kipróbáltam, sikerült!
Nagyon jó tanár vagy:)
Köszi, Kinga

Wise Lady írta... [Válasz erre...]

Admin gratulálok!

Unknown írta... [Válasz erre...]

Szia!

Nagyon szeretek blogokat írni, nagyon sok hasznos dolgot tudok róla magam is.
Hát, de ez a Te blogod...?
Soha nem találkoztam még jobbal, őszintén gratulálok, igazán!

Bogriella írta... [Válasz erre...]

Sikerült, köszönöm szépen!
És még lehet ezt tovább is cifrázni, egy oldalt csúszkáló kis kütyüvel.

http://www.mybloggertricks.com/2009/05/create-floating-feedback-and-back-to.html

Most ezen fáradozom. :)

Wise Lady írta... [Válasz erre...]

Nagyszerű!
Nagyon profi módon alakul a blogod.

yoen írta... [Válasz erre...]

Szia! Egy fontos kérdésem van az űrlapokkal kapcsolatban: a tanácsaid alapján egyre jobb űrlapokat szerkesztek, de azt nem tudom, hogyan lenne arra mód, hogy az űrlapok kitöltéséről e-mailben vagy más módon(?) értesüljek, és ne mindennap a google dokumentumokban kelljen ellenőrizni, bejelentkezett-e valaki azon a bizonyos űrlapon.
Előre is köszönöm a válaszodat!
Yoen

Wise Lady írta... [Válasz erre...]

@yoen
Itt találod:
http://www.bloggersbloggers.com/2010/08/email-notification-for-forms-in-google.html

Szivárvány Étkezés írta... [Válasz erre...]

Köszönöm , jó összeállítás. Azt szeretném kérdezni, hogy az űrlap aljáról, hogyan tüntetted el a powered by részt?
Illetve egy kicsit szebb, egyszerűbb captcha modult hogyan lehet beilleszteni?
Előre is köszönöm a választ!

Megjegyzés küldése

Text Widget

Magyar nyelvű Blogger helpblog

-