עזרה - בניית טפסים וייצוא כקוד html

איציק דייטש

@הערשלה אתה מתכוון דף נחיתה?

הערשלה

@איציק-דייטש אני רוצה לשלב באתר שלי עמוד צור קשר ויש שם אפשרות להטמעת html.
אני רוצה שזה יראה נורמלי ומותאם אישית ולא נדוש כמו הטפסים להורדה.
נ.ב. ניסיתי עם WYSIWYG Web Builder אבל הוא אמר שהטופס לא מאובטח.
מה לעשת?

איציק דייטש

@הערשלה https://colorlib.com/wp/free-html5-contact-form-templates/
תנסה לקחת מפה משהו ותשנה את זה כרצונך, ואם אתה צריך עזרה עם העריכה של ה html דבר איתי...

מנחם ציון

@הערשלה הכי טוב זה באלמנטור פרו... בחינם יש את poptin די נח לעיצוב ומשתמש בשרטקוד שאותו אתה שם באלמנטור...

הערשלה

@איציק-דייטש מה אני עושה עם קובץ הzip שהם הביאו לי?

דניאל ביטון

@הערשלה נראה לי מעלה בתור תוסף לוורדפרס תתקנו אותי אם אני טועה

הערשלה

@דניאל-ביטון זה לא וורדפרס מה שאני בונה. לא משנה מה. תסתכלו בכותרת. אני צריך קוד של הטופס שאני בונה. פשוט כך.

מנחם ציון

@דניאל-ביטון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה נראה לי מעלה בתור תוסף לוורדפרס תתקנו אותי אם אני טועה

לא נראהלי הגיוני...

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@דניאל-ביטון זה לא וורדפרס מה שאני בונה. לא משנה מה. תסתכלו בכותרת. אני צריך קוד של הטופס שאני בונה. פשוט כך.

על איזה מערכת אתה בונה?

דניאל ביטון

@הערשלה תעלה לפה שנייה את הקובץ שירד לך

איציק דייטש

@הערשלה אמר בבניית טפסים וייצוא כקוד html:

@איציק-דייטש מה אני עושה עם קובץ הzip שהם הביאו לי?

תן לי אותו, ואני יגיד לך

הערשלה

@איציק-דייטש @דניאל-ביטון contact-form-v1.zip

איציק דייטש

@הערשלה

יש לך פה חמש תיקיות וקובץ html
בקובץ html יש את הקוד html...
התיקיות לפי הסדר:

css - עיצוב
fonts - פונטים
images - תמונות
js - ג'אווה סקריפט
vendor - אני לא יודע מה זה....

זה הקוד html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Contact V1</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>

	<div class="contact1">
		<div class="container-contact1">
			<div class="contact1-pic js-tilt" data-tilt>
				<img src="images/img-01.png" alt="IMG">
			</div>

			<form class="contact1-form validate-form">
				<span class="contact1-form-title">
					Get in touch
				</span>

				<div class="wrap-input1 validate-input" data-validate = "Name is required">
					<input class="input1" type="text" name="name" placeholder="Name">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
					<input class="input1" type="text" name="email" placeholder="Email">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Subject is required">
					<input class="input1" type="text" name="subject" placeholder="Subject">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Message is required">
					<textarea class="input1" name="message" placeholder="Message"></textarea>
					<span class="shadow-input1"></span>
				</div>

				<div class="container-contact1-form-btn">
					<button class="contact1-form-btn">
						<span>
							Send Email
							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						</span>
					</button>
				</div>
			</form>
		</div>
	</div>




<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>

<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>

הערשלה

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

הערשלה

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה

יש לך פה חמש תיקיות וקובץ html
בקובץ html יש את הקוד html...
התיקיות לפי הסדר:

css - עיצוב
fonts - פונטים
images - תמונות
js - ג'אווה סקריפט
vendor - אני לא יודע מה זה....

זה הקוד html

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Contact V1</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>

	<div class="contact1">
		<div class="container-contact1">
			<div class="contact1-pic js-tilt" data-tilt>
				<img src="images/img-01.png" alt="IMG">
			</div>

			<form class="contact1-form validate-form">
				<span class="contact1-form-title">
					Get in touch
				</span>

				<div class="wrap-input1 validate-input" data-validate = "Name is required">
					<input class="input1" type="text" name="name" placeholder="Name">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Valid email is required: ex@abc.xyz">
					<input class="input1" type="text" name="email" placeholder="Email">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Subject is required">
					<input class="input1" type="text" name="subject" placeholder="Subject">
					<span class="shadow-input1"></span>
				</div>

				<div class="wrap-input1 validate-input" data-validate = "Message is required">
					<textarea class="input1" name="message" placeholder="Message"></textarea>
					<span class="shadow-input1"></span>
				</div>

				<div class="container-contact1-form-btn">
					<button class="contact1-form-btn">
						<span>
							Send Email
							<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
						</span>
					</button>
				</div>
			</form>
		</div>
	</div>




<!--===============================================================================================-->
	<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/bootstrap/js/popper.js"></script>
	<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
	<script src="vendor/tilt/tilt.jquery.min.js"></script>
	<script >
		$('.js-tilt').tilt({
			scale: 1.1
		})
	</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-23581568-13');
</script>

<!--===============================================================================================-->
	<script src="js/main.js"></script>

</body>
</html>

מה אני אמור לשנות כדי שזה ישלח אלי?

איציק דייטש

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)
HTML למבנה הדף
CSS לעיצוב
וJS גם נצרך הכל שם צריך...

הערשלה

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

@מנחם-ציון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)

@איציק-דייטש , @מנחם-ציון אז מה לעשות?

מנחם ציון

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה קח בחשבון שלא מספיק לך קוד html אתה מאבד את כל העיצוב...

@מנחם-ציון אמר בעזרה - בניית טפסים וייצוא כקוד html:

@הערשלה אמר בעזרה - בניית טפסים וייצוא כקוד html:

@איציק-דייטש מה לעשות תכל'ס? אני צריך קוד להעתקה...

בשביל שזה יעבוד טוב אתה צריך את כולם (נראה לי)

@איציק-דייטש , @מנחם-ציון אז מה לעשות?

מה אתה יכול להעלות? רק קובץ אחד? אין אופציה להעלת CSS?

איציק דייטש

@מנחם-ציון עזוב את css, את זה אפשר להטמיע ב html
@הערשלה js זה הבעיה!