-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·57 lines (51 loc) · 1.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Floating WhatsApp Button Demo</title>
<script type="text/javascript" src="jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="whatsapp-chat.js"></script>
<link rel="stylesheet" href="whatsapp-chat.css">
<style>
body {
font-family: Arial, Helvetica, sans-serif
}
* {
box-sizing: border-box;
}
</style>
</head>
<body>
<p>WhatsApp Chat</p>
<div id="myButton"></div>
</body>
<script type="text/javascript">
whatsappchat.multipleUser(
{
selector: '#myButton',
users: [
{
name:'Joey Tribbiani',
phone: '8801343434343',
designation: 'Customer Support',
image : 'https://upload.wikimedia.org/wikipedia/en/d/da/Matt_LeBlanc_as_Joey_Tribbiani.jpg'
},
{
name:'Chandler Bing',
phone: '8801343434343',
designation: 'Customer Support',
image: 'https://upload.wikimedia.org/wikipedia/en/6/66/Matthew_Perry_as_Chandler_Bing.png'
},
{
name:'Kazi Naimul Hoque',
phone: '8801343434343',
active: false
},
],
headerMessage: 'Feel free to ask any questions in <strong>WhatsApp</strong>',
chatBoxMessage: 'Team replies in a minute',
color: '#25D366'
}
);
</script>
</html>