Cara membuat widget livechat whatsapp

Cara membuat widget livechat whatsapp - livechat pada sebuah website menjadi salah satu kebutuhan bagi pemilik website,dengan adanya widget livechat ini ,pengunjung website dapat langsung menghubungi pemilik website untuk menanyakan informasi mengenai layanan atau produk yang di tawarkan.

Whatsapp menjadi salah satu aplikasi paling populer saat ini,agar pengunjung website anda dapat langsung chat dengan anda berikut adalah Cara membuat widget livechat whatsapp

Script Php membuat link widget WA

//Widget livechat whatsapp mobile dan dekstop
//Dev sasweblabs.com


$phone = 'YOURNUMBER';
$message = 'YOURTEXT';

// DO NOT EDIT BELOW
$message = urlencode($message);
$message = str_replace('+','%20',$message);
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");

// cekk jika mobile
if ($iphone || $android || $palmpre || $ipod || $berry == true){
$link=whatsapp://send?phone='.$phone.'&text='.$message;
}
else{
$link=https://web.whatsapp.com/send?phone='.$phone.'&text='.$message;
}
?>

Html untuk widget WA
<div class="widget-whatsapp" id="chatmobile"><a target="_blank" class="text-white" href="<?php echo $link;?>"><i class="fa fa-whatsapp"></i></a></div>

CSS Untuk Widget Live Chat WA

.widget-whatsapp {

    position: fixed;
    bottom: 60px;
    right: 20px;
    background: #01C501;
    font-size: 40px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    width: 60px;
    height: 60px;
    text-align: center;
    z-index: 99;

}
.widget-whatsapp i{

   padding-top: 7px;

}

 

Script tersebut langsung mendeteksi perangkat yang digunakan jika menggunakan perangkat mobile maka menggunakan link whatsapp yang mobile ,jika bukan maka akan melink ke whatsapp web