רוטר - מחפש קוד HTML לטופס יצירת קשר שנשלח למייל

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"מחפש קוד HTML לטופס יצירת קשר שנשלח למייל"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #11277	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 11277

Gal158
חבר מתאריך 30.11.11
247 הודעות

00:23 04.04.13

מחפש קוד HTML לטופס יצירת קשר שנשלח למייל

אני בונה דף נחיתה לעסק וזקוק לקוד יצירת קשר פשוט
צריך להיות שם תאים: לשם וטלפון - ובסיום כפתור שבלחיצה אליו ישלחו הפרטים למייל שאני אבחר.
אני בונה את הדף ב-HTML פשוט.
משהו בסגנון הזה:
http://netmarketing.co.il/wp-content/gallery/landingpages/rachel.jpg

תודה רבה לעוזרים..

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
יהיה לך שימושי יותר לבנות את זה בשפת צד שרת כגון PHP/ASP	sza	04.04.13 01:09	1
היי צחי, תוכל להסביר בדיוק איך אני מטמיע בעיצוב תכנות שכזה? אשמח ללמוד :)	Rayman	05.04.13 00:06	3
מאוד פשוט :)	sza	05.04.13 01:53	4
השאלה איך נגיד אני לוקח את העיצוב וקובע את השדות ושואל בשביל כולם :)	Rayman	05.04.13 02:16	5
ככה	sza	05.04.13 02:31	6
אני לא מדבר על הוורדרפס	Rayman	05.04.13 12:12	7
אהה את זה עושים עם ה slice tool בפוטושופ	sza	06.04.13 23:30	8
את זה אני יודע, השאלה איך אני מגדיר את התא שיהיה פעיל וכו' :)	Rayman	06.04.13 23:37	9
ככה	sza	07.04.13 02:02	10
OK :)	Rayman	07.04.13 20:44	11
תציץ פה:	asco88	04.04.13 09:00	2
אני אתן לך דוגמא זריזה ... תקסטם אותה אח''כ איך שאתה רוצה	hezhez	08.04.13 16:40	12

sza

חבר מתאריך 26.4.02
12357 הודעות, 22 פידבק

01:09 04.04.13

1. יהיה לך שימושי יותר לבנות את זה בשפת צד שרת כגון PHP/ASP
בתגובה להודעה מספר 0

אם תבנה בPHP הטופס ישלח ישירות למייל (ככה בד"כ עושים את זה)
אם תבנה בHTML לחיצה על הכפתור "שלח" תפתח את הקליינט מייל במחשב של המשתמש והוא יצטרך לשלוח ידנית.
לשיקולך...

--
צחי.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Rayman

חבר מתאריך 2.7.02
61775 הודעות, 6 פידבק

00:06 05.04.13

3. היי צחי, תוכל להסביר בדיוק איך אני מטמיע בעיצוב תכנות שכזה? אשמח ללמוד :)
בתגובה להודעה מספר 1

אני זה אני וטוב לי ככה כמו שאני

אני חושב על העתיד בשביל לחיות את ההוווה טוב יותר מהעבר...
ותגיד זמן והזמן עובר...
1995-2009

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

sza

חבר מתאריך 26.4.02
12357 הודעות, 22 פידבק

01:53 05.04.13

4. מאוד פשוט :)
בתגובה להודעה מספר 3

מבחינת PHP, זו דוגמא לשימוש בפונקצית mail() :

<?php
$to = "[email protected]";
$subject = "Test mail";
$message = "Hello! This is a simple email message.";
$from = "[email protected]";
$headers = "From:" . $from;
mail($to,$subject,$message,$headers);
echo "Mail Sent.";
?>

אם אתה צריך עזרה אתה יודע איפה למצוא אותי

--
צחי.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Rayman

חבר מתאריך 2.7.02
61775 הודעות, 6 פידבק

02:16 05.04.13

5. השאלה איך נגיד אני לוקח את העיצוב וקובע את השדות ושואל בשביל כולם :)
בתגובה להודעה מספר 4

אני זה אני וטוב לי ככה כמו שאני

אני חושב על העתיד בשביל לחיות את ההוווה טוב יותר מהעבר...
ותגיד זמן והזמן עובר...
1995-2009

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

sza

חבר מתאריך 26.4.02
12357 הודעות, 22 פידבק

02:31 05.04.13

6. ככה
בתגובה להודעה מספר 5

ערכתי לאחרונה בתאריך 05.04.13 בשעה 02:36 בברכה, sza

עריכה: ועכשיו שמישהו יסביר לי למה כל הקוד מוצמד ימינה??

הנה דוגמא-
אתה שם באתר את הטופס בצורה הבאה (מוסיף את הHTML הבא לדף שלך. במקרה שלך שמדובר בwordpress, אתה יכול לעשות את זה בקלות ע"י יצירת דף בתצוגת קוד- ולא בתצוגת עיצוב.)
קוד הHTML:

<form method="POST" action="landingpage.php">
הכנס שם: <input type="text" name="formName"> </ br>
הכנס דואר אלקטרוני: <input type="text" name="formEmail">
</ br>
</ br>
<input type="submit" value="שגר">
</form>

אתה מעלה לשרת דף בשם landingpage.php
ושם בו את הקוד הבא:

<?php
$to = "[email protected]";
$subject = "New message from my website!";
$message = "Name: " . $_POST['formName'] . "E-mail: " . $_POST['formEmail'];
$from = "[email protected]";
$headers = "From:" . $from;
mail($to,$subject,$message,$headers);
echo "Mail Sent.";
?>

בעצם יצרנו טופס HTML באתר ששולח לקובץ PHP נפרד את מה שהמשתמש הזין בתיבות הטקסט.
כשקובץ הPHP נפתח הוא שולח את המידע לאי מייל...

ייתכנו שגיאות כלשהן, את הקוד כתבתי מהראש בשעה 2 וחצי לפנות בוקר בלי לבדוק אם זה עובד בפועל
--
צחי.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Rayman

חבר מתאריך 2.7.02
61775 הודעות, 6 פידבק

12:12 05.04.13

7. אני לא מדבר על הוורדרפס
בתגובה להודעה מספר 6

אני מדבר על זה שנגיד אני מעצב עמוד נחיתה כמו שהבחור העלה כאן ונגיד חותך אותו.
איך אני מגדיר את התיבות וכו'

אני זה אני וטוב לי ככה כמו שאני

אני חושב על העתיד בשביל לחיות את ההוווה טוב יותר מהעבר...
ותגיד זמן והזמן עובר...
1995-2009

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

sza

חבר מתאריך 26.4.02
12357 הודעות, 22 פידבק

23:30 06.04.13

8. אהה את זה עושים עם ה slice tool בפוטושופ
בתגובה להודעה מספר 7

לחץ כאן לצפיה דרך יוטיוב

--
צחי.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Rayman

חבר מתאריך 2.7.02
61775 הודעות, 6 פידבק

23:37 06.04.13

9. את זה אני יודע, השאלה איך אני מגדיר את התא שיהיה פעיל וכו' :)
בתגובה להודעה מספר 8

אני זה אני וטוב לי ככה כמו שאני

אני חושב על העתיד בשביל לחיות את ההוווה טוב יותר מהעבר...
ותגיד זמן והזמן עובר...
1995-2009

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

sza

חבר מתאריך 26.4.02
12357 הודעות, 22 פידבק

02:02 07.04.13

10. ככה
בתגובה להודעה מספר 9

הפוטושופ ייצר לך קוד עם טבלה של תמונות.
את התא המבוקש (שבו אתה רוצה לשים תיבת טקסט וכדו') אתה משנה בצורה כזו
במקום:

<td><img src="background.jpg"></td>

אתה משנה ל:

<td background="background.jpg"><input type="text" name="privateName"></td>

זה הרעיון הכללי, אם לא הבנת תגיד...
בגדול, 2 דברים שאומר לך מנסיון:
1. השיטה הזו של עבודה בטבלאות לא מומלצת ולא אהובה בקרב מתכנתים כיום (פעם עבדו ככה, היום עובדים עם DIVים, ואת זה אי אפשר לעשות עם פוטושופ בצורה אוטומטית...)
2. אם בכל זאת אתה עובד בצורה הזו, שים את כל השדות של הטופס באותו תא בטבלה כדי למנוע סיבוכים.
בהצלחה

--
צחי.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Rayman

חבר מתאריך 2.7.02
61775 הודעות, 6 פידבק

20:44 07.04.13

11. OK :)
בתגובה להודעה מספר 10

אני זה אני וטוב לי ככה כמו שאני

אני חושב על העתיד בשביל לחיות את ההוווה טוב יותר מהעבר...
ותגיד זמן והזמן עובר...
1995-2009

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

asco88
חבר מתאריך 17.6.04
26757 הודעות

09:00 04.04.13

2. תציץ פה:
בתגובה להודעה מספר 0

http://stackoverflow.com/questions/4415184/simple-form-submit-code

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

hezhez

חבר מתאריך 11.5.02
1123 הודעות, 1 פידבק

16:40 08.04.13

12. אני אתן לך דוגמא זריזה ... תקסטם אותה אח''כ איך שאתה רוצה
בתגובה להודעה מספר 0

כמו שכבר אמרו קודמיי, היום כמעט ולא משתמשים בטבלאות אלא בDIV, אז אנחנו נעבוד בצורה הבא
ניצור טופס:
<form method="POST" action="sendmail.php">
הכנס שם: <input id="fullname" type="text" name="fullname"><br>
הכנס דואר אלקטרוני: <input type="text" name="mail">
<input type="submit" value="שלח">
</form>
ניצור קובץ sendmail.php(צחי ברשותך ):
<?php
$to = "[email protected]";
$subject = "New message from my website!";
$message = "Name: " . $_POST . "E-mail: " . $_POST;
$from = "[email protected]";
$headers = 'From:'. $_POST . "\r\n" .
'Reply-To: [email protected]' . "\r\n" .
'X-Mailer: PHP/' . phpversion();
mail($to,$subject,$message,$headers);
echo "Mail Sent.";
?>
עכשיו הקטע הטריקי(לא באמת) של המיקום של האינפוטים במקום שאתה רוצה לשים:
תיצור קובץ CSS שבו אתה ממקם את האינפוטים איפה שאתה רוצה
לדוגמא:
#fullname{
position;absolute
top:0px;
left:0px;
}
*לא לשכוח לתת ID לאינפוט שהCSS ידע לזהות אותו

זהו

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד