Documentation Live Chat WhatsApp

FILE ZIP

Download file pada email atau WhatsApp
Extrak file yang telah didapat di email atau WhatsApp menggunakan Winrar atau WinZip

CODE PENDUKUNG

ANIMATE CSS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>

Mausk di dalam EDIT HTML, dan Pasang code CSS animate di dalam style

Perhatikan: Jika code CSS animate Version - 4.1.1 tersebut sudah ada di dalam template silahkan lewati atau masih menggunakan versi dibawahnya ganti dengan versi 4.1.1

JAVASCRIPT LIBRARIES

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

Mausk di dalam EDIT HTML, dan simpan code JavaScript libraries

Perhatikan: Jika code JavaScript libraries tersebut sudah ada di dalam template silahkan lewati atau masih menggunakan versi dibawahnya ganti dengan versi terbaru

WIDGET HTML

Masuk di dalam EDIT HTML, kemudian copy isi dari file html tersebut dan pasang diatas code </body>

CSS

Masuk di dalam EDIT HTML, kemudian copy isi dari file css tersebut dan pasang didalam <style> atau di dalam code <b:skin><![CDATA[

CSS LAYOUT

Masuk di dalam EDIT HTML, kemudian copy isi dari file css_layout_skin tersebut dan pasang didalam <b:template-skin>

TATA LETAK / LAYOUT

1. TITLE TEKS HEADING

Pergi ke bagian TATA LETAK atau LAYOUT, kemudian tambahkan Gadget - pilih widget Teks
Masukan title teks di dalamnya
Contoh:

2. INFO KONTAK

Pergi ke bagian TATA LETAK atau LAYOUT, kemudian tambahkan Gadget - pilih widget HTML/Javascript
Masukan code dibawah ini di dalamnya

<div class='wa-live'>
<div class='waprof'>
<div class='walive-avatar'><img alt='img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilfgCsxyA7mq_pegt9UX2cmyQwKbEeIa2oIPp8ZczER2uVWJQu01CbD8e_pAlyRKeTcvmQLrxaZb-uluSWUNZgLw5AtYJBu3lwy2aHXmyqBH_rjiAPrgJiJMgeI0IXSZNbtc5U-XJ7g2UuYVcuPT6Y1g4z6ukOre3_Ket4M5g9JFC9wNBqqJJZ58AYP5I/s1600/author1.webp' width='90' height='90'/></div>

<span class='walive-intro'>Customer Service</span>
<span class='walive-name'>Nina Lawson</span>
<small class='wa-online'></small>
           
</div>
<span class='wanumb'>6281234567891</span>
</div>

Begitu seterusnya jika ingin menambahkan kontak

Dan jika ingin mengubah dari online menjadi offline maka yang harus diubah hanya code
```
<small class='wa-online'></small>
```
menjadi
```
<small class='wa-offline'></small>
```
Selanjutnya masih pada info kontak, perhatikan pada langkah 2 diatas, silahkan sesuaikan
Ganti dengan Url gambar user
Ganti dengan profesi user
Ganti dengan nama user
Ganti dengan nomor WhatsApp