Written by Administrator web on . Posted in WhatsApp.
Setting WHATSAPP
- Chat Melayang:
WhatsApp Chat Widget
.whatsapp-container {
position: fixed;
bottom: 20px;
right: 20px;
display: flex;
align-items: center;
}
.whatsapp-button {
background-color: #25D366;
color: white;
padding: 10px;
border-radius: 30px;
display: flex;
align-items: center;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
text-decoration: none;
font-size: 14px;
transition: width 0.3s ease, padding 0.3s ease;
overflow: hidden;
width: 60px;
}
.whatsapp-button.expanded {
width: auto;
padding: 10px 20px;
}
.whatsapp-button img {
width: 40px;
height: 40px;
transition: margin 0.3s ease;
}
.whatsapp-text {
color: white;
white-space: nowrap;
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 0;
}
.whatsapp-button.expanded .whatsapp-text {
opacity: 1;
margin-left: 10px;
}
function toggleWhatsAppButton(event) {
event.preventDefault();
const button = document.querySelector('.whatsapp-button');
button.classList.toggle('expanded');
if (button.classList.contains('expanded')) {
setTimeout(() => {
window.open("https://wa.me/6281808560857?text=Assalamualaikum warahmatullahi wabarakatuh, min ada yang mau saya tanyakan", "_blank");
}, 1000);
}
}
Chat dengan admin kami
settingweb