Skipperwebs - Digital Marketing Agency
Lewati ke konten
Kami Menggunakan Cookies
Kami menggunakan cookies untuk meningkatkan pengalaman Anda di situs ini. Dengan melanjutkan, Anda setuju dengan penggunaan cookies sesuai kebijakan privasi kami.
Kustom Tolak Setuju
Kami menggunakan cookies untuk membantu Anda bernavigasi dengan efisien dan menjalankan fungsi-fungsi tertentu. Anda dapat menemukan informasi detail tentang semua cookies di setiap kategori persetujuan di bawah ini.
Cookies yang dikategorikan sebagai “Esensial” akan disimpan di browser Anda karena cookies ini sangat penting untuk mengaktifkan fungsi dasar situs.
Kami juga menggunakan cookies pihak ketiga yang membantu kami menganalisis bagaimana Anda menggunakan situs ini, menyimpan preferensi Anda, serta menyediakan konten dan iklan yang relevan bagi Anda. Cookies ini hanya akan disimpan di browser Anda setelah Anda memberikan persetujuan.
Anda dapat memilih untuk mengaktifkan atau menonaktifkan sebagian atau semua cookies ini, tetapi menonaktifkan beberapa di antaranya dapat memengaruhi pengalaman browsing Anda.
Tidak ada cookie untuk ditampilkan
Tidak ada cookie untuk ditampilkan
Tidak ada cookie untuk ditampilkan
Tidak ada cookie untuk ditampilkan
// INIT setelah DOM ready
document.addEventListener("DOMContentLoaded", function(){
const popup = document.getElementById("whatsapp-popup");
const button = document.getElementById("whatsapp-button");
const icon = document.getElementById("wa-button-icon");
const modal = document.getElementById("floatingFormModal");
// ===== TOGGLE POPUP =====
button.addEventListener("click", function(e){
e.stopPropagation();
const isVisible = popup.classList.contains("active");
popup.classList.toggle("active");
icon.classList.add("rotate");
setTimeout(() => {
icon.src = isVisible
? "https://img.icons8.com/color/48/000000/whatsapp--v1.png"
: "https://img.icons8.com/ios-glyphs/30/ffffff/macos-close.png";
icon.classList.remove("rotate");
}, 150);
});
// ===== OPEN FORM (BUTTON WA CONTACT) =====
document.querySelectorAll(".wa-contact").forEach(btn => {
btn.addEventListener("click", function(e){
e.stopPropagation();
openFloatingForm();
});
});
// ===== CLOSE POPUP JIKA KLIK LUAR =====
document.addEventListener("click", function (e) {
const isClickInsidePopup = popup.contains(e.target);
const isClickOnButton = button.contains(e.target);
if (popup.classList.contains("active") && !isClickInsidePopup && !isClickOnButton) {
popup.classList.remove("active");
icon.src = "https://img.icons8.com/color/48/000000/whatsapp--v1.png";
}
});
// ===== CLOSE MODAL JIKA KLIK LUAR =====
modal.addEventListener("click", function(e){
if(e.target === this){
closeFloatingForm();
}
});
});
// ===== FUNCTIONS =====
function openFloatingForm(){
const modal = document.getElementById("floatingFormModal");
modal.style.display = "flex";
document.body.classList.add("no-scroll");
}
function closeFloatingForm(){
const modal = document.getElementById("floatingFormModal");
modal.style.display = "none";
document.body.classList.remove("no-scroll");
}
function sendFloatingWhatsApp(){
const nama=document.getElementById("f_nama").value;
const email=document.getElementById("f_email").value;
const nomor=document.getElementById("f_nomor").value;
const namaUsaha=document.getElementById("f_namaUsaha").value;
const jenisUsaha=document.getElementById("f_jenisUsaha").value;
const alamatUsaha=document.getElementById("f_alamatUsaha").value;
const layanan=document.getElementById("f_layanan").value;
let phoneNumber="6285176779960";
if(layanan==="Kolaborasi / Kerja Sama"){
phoneNumber="6281233898979";
}
const message=
`Halo Admin saya mendapatkan informasi dari website skipperwebs.com
Nama: ${nama}
Email: ${email}
Nomor WhatsApp: ${nomor}
Nama Usaha: ${namaUsaha}
Jenis Usaha: ${jenisUsaha}
Alamat Usaha: ${alamatUsaha}
Layanan: ${layanan}
Mohon informasi lebih lanjut. Terima kasih.`;
const scriptURL="https://script.google.com/macros/s/AKfycbzo_SVMF_B20TGV5M1fStE9SgIsCyNDJdCFSUsrQ5nk7vHza2sRBb_5XGWSXQy41ZHrlg/exec";
const payload={
formSource:"Form Floating",
nama:nama,
email:email,
nomor:nomor,
namaUsaha:namaUsaha,
jenisUsaha:jenisUsaha,
alamatUsaha:alamatUsaha,
layanan:layanan,
landingPage: window.location.href,
referrer: document.referrer,
userAgent: navigator.userAgent
};
fetch(scriptURL,{
method:"POST",
mode:"no-cors",
headers:{
"Content-Type":"application/json"
},
body:JSON.stringify(payload)
});
window.open(
"https://api.whatsapp.com/send?phone="+phoneNumber+"&text="+encodeURIComponent(message),
"_blank"
);
setTimeout(()=>{
document.getElementById("floatingWhatsappForm").reset();
closeFloatingForm();
},300);
}