WhatsApp-Chat-HTML-Code-For-Website/WhatsApp Button For Blogger By imamuddinwp.html at main · imamuddinwp/WhatsApp-Chat-HTML-Code-For-Website · GitHub

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
<!--[ WhatsApp Button For Blogger By imamuddinwp.com ]-->
<input class='chat-menu hidden' id='offchat-menu' type='checkbox' />
<div class='sticky-button' id='sticky-button'>
  <label for='offchat-menu'>
    <svg viewBox='0 0 24 24'>
      <path d='M8.667 10.933 10.2 9.4 9.8 8H8S7.6 10.533 10.533 13.467 16 16 16 16V14.2L14.6 13.8 13.067 15.333' style='fill: none; stroke: rgb(44, 169, 188); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;' />
      <path d='M20.867 13.467A9 9 0 0 1 7.867 20L3 21 4 16.133a9 9 0 1 1 16.867 -2.667Z' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;' />
    </svg>
  </label>
</div>
<div class='sticky-chat'>
  <div class='chat-content'>
    <div class='chat-header'>
      <a href='https://imamuddinwp.com'>
        <svg viewbox='0 0 32 32'>
          <path d='M24,22a1,1,0,0,1-.64-.23L18.84,18H17A8,8,0,0,1,17,2h6a8,8,0,0,1,2,15.74V21a1,1,0,0,1-.58.91A1,1,0,0,1,24,22ZM17,4a6,6,0,0,0,0,12h2.2a1,1,0,0,1,.64.23L23,18.86V16.92a1,1,0,0,1,.86-1A6,6,0,0,0,23,4Z' />
          <rect height='2' width='2' x='19' y='9' />
          <rect height='2' width='2' x='14' y='9' />
          <rect height='2' width='2' x='24' y='9' />
          <path d='M8,30a1,1,0,0,1-.42-.09A1,1,0,0,1,7,29V25.74a8,8,0,0,1-1.28-15,1,1,0,1,1,.82,1.82,6,6,0,0,0,1.6,11.4,1,1,0,0,1,.86,1v1.94l3.16-2.63A1,1,0,0,1,12.8,24H15a5.94,5.94,0,0,0,4.29-1.82,1,1,0,0,1,1.44,1.4A8,8,0,0,1,15,26H13.16L8.64,29.77A1,1,0,0,1,8,30Z' />
        </svg>
      </a>
      <div class='title'>
        <a href='https://imamuddinwp.com' target='_new'>NextGen Digital</a>
        <span>Welcome to WhatsApp chat</span>
      </div>
    </div>
    <div class='chat-text'>
      <span>Howdy! How can we help you today?</span>
      <span class='typing'>
        <svg viewbox='0 0 512 512'>
          <circle cx='256' cy='256' r='48' />
          <circle cx='416' cy='256' r='48' />
          <circle cx='96' cy='256' r='48' />
        </svg>
      </span>
    </div>
  </div>
  <a class='chat-button' href='https://api.whatsapp.com/send/?phone=8801406070407' rel='nofollow noreferrer' target='_blank'>
    <span>Type here...</span>
    <svg viewBox='0 0 32 32'>
      <path class='cls-1' d='M19.47,31a2,2,0,0,1-1.8-1.09l-4-7.57a1,1,0,0,1,1.77-.93l4,7.57L29,3.06,3,12.49l9.8,5.26,8.32-8.32a1,1,0,0,1,1.42,1.42l-8.85,8.84a1,1,0,0,1-1.17.18L2.09,14.33a2,2,0,0,1,.25-3.72L28.25,1.13a2,2,0,0,1,2.62,2.62L21.39,29.66A2,2,0,0,1,19.61,31Z' />
    </svg>
  </a>
</div>