PHP gibi bir dille back-end yazman gerek. WhatsApp'a direkt mesaj atmak için business hesabı gerek ve belli bir kredisi vardı sanırım. WhatsApp mesaj linki ile yeni sekmede web.whatsapp açtırmayı sağlayabilirsin ama. Bunun için back-end gerekmez.
İstersen formu at, dediğimi yapayım sana.
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Concact Form</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<header>
</header>
<div id="concact_form">
<form>
<input type="text" placeholder="name">
<input type="text" placeholder="email" required>
<textarea placeholder="message" name="message" type="text" rows="4" required></textarea>
<input type="submit" value="send">
</form>
</div>
</body>
</html>
css:
body {
background-color: #141414;
margin: 0;
font-family: arial;
}
header {
background-color: #0d0d0d;
min-height: 40px;
}
form {
margin: 20px;
color: #eee;
}
#concact_form {
background-color: #fafafa;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
width: 340px;
padding: 50px;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 36px -1px rgba(255,255,255,1);
-moz-box-shadow: 3px 3px 36px -1px rgba(255,255,255,1);
box-shadow: 3px 3px 36px -1px rgba(255,255,255,1);
}
[type="text"] {
margin-bottom: 15px;
padding: 10px 10px 10px 50px;
width: 300px;
box-sizing: border-box;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.61);
-moz-box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.61);
box-shadow: 0px 0px 6px -1px rgba(0,0,0,0.61);
}
[type="submit"] {
width: 300px;
padding: 10px;
}
send butonuna basınca mail göndersin weya whatssap nasıl yapabiliriz
jsfiddle.net
www.technopat.net
