WhatsApp Contact Form

Author: Puneet Mehta Category: PHP, Tutorials, WhatsAPI

In this tutorial you will see How to Create a WhatsApp Contact Form using PHP & WhatsAPI.

In this Contact Form, you can insert your WhatsApp credentials, every time someone contacts you through this Contact Form, it will send a WhatsApp message to a mobile number you specify notifying you instantly wherever you are!

Live Demo

Prerequisite’s :-

WhatsAPI PHP Library.
WA Password.

If You haven’t Download WhatsAPI PHP Library, so Download it Now as we gonna use it in the Process of Obtaining WA Password.

Download “WhatsAPI.zip” master.zip – Downloaded 57383 times –

If You Dont Have WA Password, Refer this :- How to Get WhatsApp Password

So Let’s Get Started !

WhatsApp Contact Form

Contact Form Model :-

<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<form class="form-horizontal" role="form" method="post" action="index.php">
<?php echo "<p class='text-danger'>$errWhatsAppConfig</p>";?>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="name" placeholder="First & Last Name" value="<?php echo htmlspecialchars($_POST['name']); ?>">
<?php echo "<p class='text-danger'>$errName</p>";?>
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" name="email" placeholder="example@domain.com" value="<?php echo htmlspecialchars($_POST['email']); ?>">
<?php echo "<p class='text-danger'>$errEmail</p>";?>
</div>
</div>
<div class="form-group">
<label for="message" class="col-sm-2 control-label">Message</label>
<div class="col-sm-10">
<textarea class="form-control" rows="4" name="message"><?php echo htmlspecialchars($_POST['message']);?></textarea>
<?php echo "<p class='text-danger'>$errMessage</p>";?>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<input id="submit" name="submit" type="submit" value="Send" class="btn btn-primary">
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<?php echo $result; ?>	
</div>
</div>
</form> 
</div>
</div>

<?php echo "<p class='text-danger'>$errWhatsAppConfig</p>";?>

<?php echo "<p class='text-danger'>$errName</p>";?>

</div>

<label for="email" class="col-sm-2 control-label">Email</label>

<?php echo "<p class='text-danger'>$errEmail</p>";?>

</div>

<label for="message" class="col-sm-2 control-label">Message</label>

<?php echo "<p class='text-danger'>$errMessage</p>";?>

</div>

</div>

<?php echo $result; ?>

</div>

</form>

</div>

PHP Part for Processing Contact Form & Sending WhatsApp Message :-

if (isset($_POST["submit"])) {
#WhatsAPI Config
$WhatsAppUsername="";
$WhatsAppPassword="";
$to = ""; // Contact Form Submission Recipient ( without 0 or + )
if(empty($WhatsAppUsername) || empty($WhatsAppPassword) || empty($to)){
$errWhatsAppConfig="Please Configure WhatsAPI Details First";	
}
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$subject = 'Message from Contact Demo ';
$body ="From: $name\n E-Mail: $email\n Message:\n $message";
// Check if name has been entered
if (!$_POST['name']) {
$errName = 'Please enter your name';
}
// Check if email has been entered and is valid
if (!$_POST['email'] || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
$errEmail = 'Please enter a valid email address';
}
//Check if message has been entered
if (!$_POST['message']) {
$errMessage = 'Please enter your message';
}
// If there are no errors, send the email
if (!$errWhatsAppConfig && !$errName && !$errEmail && !$errMessage) {
require_once("src/whatsprot.class.php");
$wa = new WhatsProt($WhatsAppUsername, "WhatsApp", false);
try {
$wa->connect();
$wa->loginWithPassword($WhatsAppPassword);
} catch(Exception $e) {
$result='<div class="alert alert-danger">Sorry there was an error sending Your Message. Please Check your WhatsAPI Config Details.</div>';
goto END; break;
}
try {
$wa->sendMessage($to, $body);
while($wa->pollMessage());
$result='<div class="alert alert-success">Thank You! I will be in touch</div>';
} catch(Exception $e) {
$result='<div class="alert alert-danger">Sorry there was an error sending Your Message.</div>';
}
END:
}
}

if (isset($_POST["submit"])) {

#WhatsAPI Config

$WhatsAppUsername="";

$WhatsAppPassword="";

$to = ""; // Contact Form Submission Recipient ( without 0 or + )

if(empty($WhatsAppUsername) || empty($WhatsAppPassword) || empty($to)){

$errWhatsAppConfig="Please Configure WhatsAPI Details First";

}

$name = $_POST['name'];

$email = $_POST['email'];

$message = $_POST['message'];

$subject = 'Message from Contact Demo ';

$body ="From: $name\n E-Mail: $email\n Message:\n $message";

// Check if name has been entered

if (!$_POST['name']) {

$errName = 'Please enter your name';

}

// Check if email has been entered and is valid

if (!$_POST['email'] || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {

$errEmail = 'Please enter a valid email address';

}

//Check if message has been entered

if (!$_POST['message']) {

$errMessage = 'Please enter your message';

}

// If there are no errors, send the email

if (!$errWhatsAppConfig && !$errName && !$errEmail && !$errMessage) {

require_once("src/whatsprot.class.php");

$wa = new WhatsProt($WhatsAppUsername, "WhatsApp", false);

try {

$wa->connect();

$wa->loginWithPassword($WhatsAppPassword);

} catch(Exception $e) {

$result='<div class="alert alert-danger">Sorry there was an error sending Your Message. Please Check your WhatsAPI Config Details.</div>';

goto END; break;

}

try {

$wa->sendMessage($to, $body);

while($wa->pollMessage());

$result='<div class="alert alert-success">Thank You! I will be in touch</div>';

} catch(Exception $e) {

$result='<div class="alert alert-danger">Sorry there was an error sending Your Message.</div>';

}

END:

}

Complete Code :-

<?php
if (isset($_POST["submit"])) {
#WhatsAPI Config
$WhatsAppUsername="";
$WhatsAppPassword="";
$to = ""; // Contact Form Submission Recipient ( without 0 or + )
if(empty($WhatsAppUsername) || empty($WhatsAppPassword) || empty($to)){
$errWhatsAppConfig="Please Configure WhatsAPI Details First";	
}
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$subject = 'Message from Contact Demo ';
$body ="From: $name\n E-Mail: $email\n Message:\n $message";
// Check if name has been entered
if (!$_POST['name']) {
$errName = 'Please enter your name';
}
// Check if email has been entered and is valid
if (!$_POST['email'] || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {
$errEmail = 'Please enter a valid email address';
}
//Check if message has been entered
if (!$_POST['message']) {
$errMessage = 'Please enter your message';
}
// If there are no errors, send the email
if (!$errWhatsAppConfig && !$errName && !$errEmail && !$errMessage) {
require_once("src/whatsprot.class.php");
$wa = new WhatsProt($WhatsAppUsername, "WhatsApp", false);
try {
$wa->connect();
$wa->loginWithPassword($WhatsAppPassword);
} catch(Exception $e) {
$result='<div class="alert alert-danger">Sorry there was an error sending Your Message. Please Check your WhatsAPI Config Details.</div>';
goto END; break;
}
try {
$wa->sendMessage($to, $body);
while($wa->pollMessage());
$result='<div class="alert alert-success">Thank You! I will be in touch</div>';
} catch(Exception $e) {
$result='<div class="alert alert-danger">Sorry there was an error sending Your Message.</div>';
}
END:
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WhatsApp Contact Form - PHPHive</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="bootstrap/html5shiv.js"></script>
<script src="bootstrap/respond.min.js"></script>
<![endif]-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="bootstrap/js/jquery-1.9.0.min.js"></script>
</head>
<body>
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" target="_blank"><span class="glyphicon glyphicon-home"></span> MobTools - PHPHive</a>
</div>
<div class="collapse navbar-collapse pull-right" id="bs-example-navbar-collapse-1" >
<ul class="nav navbar-nav">
<li><a href="http://www.phphive.info/category/php-for-beginners/">PHP for Beginners</a></li>
<li><a href="http://www.phphive.info/category/snippets/">Snippets</a></li>
<li><a href="http://www.phphive.info/about/">About</a></li>
<li><a href="http://www.phphive.info/contact/">Contact Us</a></li>
<li><a href="http://www.phphive.info/request-tutorial/">Request Tutorial</a></li>			
</ul>
</div>
</div>
</div>
<div class="container mainbody">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">WhatsApp Contact Form</h3>
</div>
<div class="panel-body">
<div class="col-lg-12" >
<div >
<span class="pull-left">  
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<form class="form-horizontal" role="form" method="post" action="index.php">
<?php echo "<p class='text-danger'>$errWhatsAppConfig</p>";?>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="name" placeholder="First & Last Name" value="<?php echo htmlspecialchars($_POST['name']); ?>">
<?php echo "<p class='text-danger'>$errName</p>";?>
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="email" name="email" placeholder="example@domain.com" value="<?php echo htmlspecialchars($_POST['email']); ?>">
<?php echo "<p class='text-danger'>$errEmail</p>";?>
</div>
</div>
<div class="form-group">
<label for="message" class="col-sm-2 control-label">Message</label>
<div class="col-sm-10">
<textarea class="form-control" rows="4" name="message"><?php echo htmlspecialchars($_POST['message']);?></textarea>
<?php echo "<p class='text-danger'>$errMessage</p>";?>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<input id="submit" name="submit" type="submit" value="Send" class="btn btn-primary">
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<?php echo $result; ?>	
</div>
</div>
</form> 
</div>
</div>		  
</div>
</div>
<BR><BR><BR><BR><BR>
</body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

<?php

if (isset($_POST["submit"])) {

#WhatsAPI Config

$WhatsAppUsername="";

$WhatsAppPassword="";

$to = ""; // Contact Form Submission Recipient ( without 0 or + )

if(empty($WhatsAppUsername) || empty($WhatsAppPassword) || empty($to)){

$errWhatsAppConfig="Please Configure WhatsAPI Details First";

}

$name = $_POST['name'];

$email = $_POST['email'];

$message = $_POST['message'];

$subject = 'Message from Contact Demo ';

$body ="From: $name\n E-Mail: $email\n Message:\n $message";

// Check if name has been entered

if (!$_POST['name']) {

$errName = 'Please enter your name';

}

// Check if email has been entered and is valid

if (!$_POST['email'] || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) {

$errEmail = 'Please enter a valid email address';

}

//Check if message has been entered

if (!$_POST['message']) {

$errMessage = 'Please enter your message';

}

// If there are no errors, send the email

if (!$errWhatsAppConfig && !$errName && !$errEmail && !$errMessage) {

require_once("src/whatsprot.class.php");

$wa = new WhatsProt($WhatsAppUsername, "WhatsApp", false);

try {

$wa->connect();

$wa->loginWithPassword($WhatsAppPassword);

} catch(Exception $e) {

$result='<div class="alert alert-danger">Sorry there was an error sending Your Message. Please Check your WhatsAPI Config Details.</div>';

goto END; break;

}

try {

$wa->sendMessage($to, $body);

while($wa->pollMessage());

$result='<div class="alert alert-success">Thank You! I will be in touch</div>';

} catch(Exception $e) {

$result='<div class="alert alert-danger">Sorry there was an error sending Your Message.</div>';

}

END:

}

<!DOCTYPE html>

<head>

<title>WhatsApp Contact Form - PHPHive</title>

<!--[if lt IE 9]>

<![endif]-->

</head>

<body>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="#" target="_blank"><span class="glyphicon glyphicon-home"></span> MobTools - PHPHive</a>

</div>

<li><a href="http://www.phphive.info/category/php-for-beginners/">PHP for Beginners</a></li>

<li><a href="http://www.phphive.info/category/snippets/">Snippets</a></li>

<li><a href="http://www.phphive.info/about/">About</a></li>

<li><a href="http://www.phphive.info/contact/">Contact Us</a></li>

<li><a href="http://www.phphive.info/request-tutorial/">Request Tutorial</a></li>

</ul>

</div>

<h3 class="panel-title">WhatsApp Contact Form</h3>

</div>

<div >

<?php echo "<p class='text-danger'>$errWhatsAppConfig</p>";?>

<?php echo "<p class='text-danger'>$errName</p>";?>

</div>

<label for="email" class="col-sm-2 control-label">Email</label>

<?php echo "<p class='text-danger'>$errEmail</p>";?>

</div>

<label for="message" class="col-sm-2 control-label">Message</label>

<?php echo "<p class='text-danger'>$errMessage</p>";?>

</div>

</div>

<?php echo $result; ?>

</div>

</form>

</div>

</body>

</html>

Live Demo

Download “whatsapp-contact-form.zip” whatsapp-contact-form.zip – Downloaded 9011 times – 637 KB

Was this article/content helpful?

Yes, thanks!

Not really

Thanks! Your feedback helps us to improve PHPHive.info

4 Comments

Mamb July 3, 2016 at 4:07 am

Hello! Puneet

I have question about how can i stay Connected with out disconnect

is there away and how if there
*******************************************************************************
connect();
$w->loginWithPassword($password);
*******************************************************************************

Puneet Mehta July 9, 2016 at 4:04 pm

It automatically get Disconnected after Some Time.
or if you want to do it manually use $w->disconnect();

Fredy August 4, 2016 at 8:47 am

Hello Mr. Puneet
i got an error
Fatal error: ‘break’ not in the ‘loop’ or ‘switch’ context in C:\xampp\htdocs\tes\PHP5.5\API\wa_hive-ok\whatsapp-contact-form\index.php on line 49

also got error when syncing the contact

Fatal error: Uncaught Error: Call to undefined function socket_create() in C:\xampp\htdocs\tes\PHP5.5\API\wa_hive-ok\src\whatsprot.class.php:173 Stack trace: #0 C:\xampp\htdocs\tes\PHP5.5\API\wa_hive-ok\syncContacts.php(29): WhatsProt->connect() #1 {main} thrown in C:\xampp\htdocs\tes\PHP5.5\API\wa_hive-ok\src\whatsprot.class.php on line 173

what should I do.

i have send and receive the message using token. Its successfully send and receive message. i’m afraid as u mention on the send and receive tutorial where we could banned if didn’t sync the contact
please help
thx for the very good tutorial

Puneet Mehta August 9, 2016 at 9:19 am

No Need to Sync Contacts Manually if you are using Our API.
Our API will automatically sync Contacts whenever you try to Send a Message.

#1
Error : “Call to undefined function socket_create()”
Solution : “Install php56-sockets Extension on Your Server”

#2
Error : “Fatal error: ‘break’ not in the ‘loop’ or ‘switch’ context ”
Solution : “Update Your XAMPP PHP Version to 5.6”

Prerequisite’s :-

WhatsApp Contact Form

Contact Form Model :-

PHP Part for Processing Contact Form & Sending WhatsApp Message :-

Complete Code :-

Share this:

Related Posts