Berikut adalah kode melayang yang bisa Kamu pasang di blog, web , php , whmcs , ini sengaja saya simpan di web ini agar ingat di suatu saat .
<!-- WhatsApp Floating Button -->
<a href="https://wa.me/6282299888328?text=Min%20saya%20sudah%20bayar%2C%20mau%20konfirmasi" class="whatsapp-button" target="_blank">
<span class="whatsapp-text">Konfirmasi Pembayaran</span>
<i class="fab fa-whatsapp"></i>
</a>
<!-- CSS Style -->
<style>
.whatsapp-button {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25d366;
color: white;
border-radius: 25px;
padding: 10px 15px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 9999;
display: flex;
align-items: center;
text-decoration: none;
}
.whatsapp-button:hover {
background-color: #128c7e;
}
/* Bubble Styling */
.whatsapp-bubble {
position: absolute;
top: -10px;
right: -10px;
background-color: #ff4d4d;
color: white;
padding: 5px 10px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
display: inline-block;
}
/* Styling for the text */
.whatsapp-text {
color: white;
font-size: 14px;
font-weight: bold;
margin-right: 10px; /* Space between text and icon */
}
/* FontAwesome Icon Styling */
.whatsapp-button i {
font-size: 30px;
color: white;
}
</style>
<!-- FontAwesome (untuk WhatsApp icon) -->
<script src="https://kit.fontawesome.com/a076d05399.js"></script>