Anda di halaman 1dari 5

PENERAPAN API WHATSAPP PADA WEB

Nama kelompok :
Alfian Nanda H 06.2018.1.06938
Brayen Valentino U 06.2018.1.06967
Defi Ovian R 06.2018.1.07006
Rizky Adisatria H 06.2018.1.06944

Source code :
<!-- konten -->
<section class="konten">
<div class="container">
<h1>Produk terbaru</h1>

<div class="row">
<div class="col-md-3">
<div class="thumbnail">
<img src="./foto produk/nmd1.jpg" alt="">
<div class="caption">
<h3>Sneakers</h3>
<h5>Rp. 1.200.000</h5>
<a href="" class="btn btn-primary">Beli</a>
<a href="" class="btn btn-primary">detail</a>
<a
href="https://api.whatsapp.com/send?phone=628123456789&text=Hallo%20
Saya%20Mau%20Tanya%20Stock%20?"><img src="./img/tanyastock.png"></a>
</div>
</div>
</div>
</div>
</div>
</section>

PENJELASAN :
Diatas adalah sourcecode dari tampilan produk dan untuk penerapan apinya yaiut dengan
menggunkana fungsi a href lalu kita masukkan link api whatsapp dimana link tersebut
langsung terhubung dengan web/aplikasi whatsapp
Tampilan Pada Web

Penjelasan :
Disini pada btn tanya stock dapat kita klik dan pada saat kita klik maka akan langsung
menuju web dimana yang terhubung dengan API whatsapp
Tampilan Pada Web API Whatsapp

Penjelasan :
Pada web API Whatsapp kita dapat langsung melakukan chat langsung dengan pesan yang
sudah tertulis yaitu “Hallo aya au tanya stock ?” dan juga terdapat nomor admin yang akan
kita hubungi
Tampilan Pada Whatsapp

Penjelasan :
Setelah kita klik tombol continue to chat maka kita akan diarahkan pada whatsapp kita dan
kita dapat langsung terhubung dengan admin

Anda mungkin juga menyukai