Segera Hadir — 2026

UMKM Indonesia,
Naik Kelas secara Digital.

Website, landing page, SEO, Google Business Profile, hingga payment gateway — dalam satu platform untuk UMKM.

Daftar Waitlist Gratis
512 UMKM mendaftar
Website
Landing Page
SEO
Google Business
Payment
Analitik
© 2026 UMK.biz.id
Data aman ·

Berhasil bergabung!

Kami akan menghubungi Anda segera.

Gagal mengirim

Silakan coba lagi beberapa saat.

Segera Hadir — 2026

UMKM Indonesia,
Naik Kelas secara Digital.

Website, landing page, SEO, Google Business Profile, hingga payment gateway — dalam satu platform untuk UMKM.

Daftar Waitlist Gratis
512 UMKM mendaftar
Website
Landing Page
SEO
Google Business
Payment
Analitik
© 2026 UMK.biz.id
Data aman ·

Berhasil bergabung!

Kami akan menghubungi Anda segera.

Gagal mengirim

Silakan coba lagi beberapa saat.

Segera Hadir — 2026

UMKM Indonesia,
Naik Kelas secara Digital.

Website, landing page, SEO, Google Business Profile, hingga payment gateway — dalam satu platform untuk UMKM.

Daftar Waitlist Gratis
512 UMKM mendaftar
Website
Landing Page
SEO
Google Business
Payment
Analitik
© 2026 UMK.biz.id
Data aman ·

Berhasil bergabung!

Kami akan menghubungi Anda segera.

Gagal mengirim

Silakan coba lagi beberapa saat.

'; // Waitlist count let count = 512; setInterval(() => { const add = Math.random() > 0.6 ? 1 : 0; if (add) { count++; document.getElementById('heroCount').textContent = count; } }, 6000 + Math.random() * 8000); // Show toast helper function showToast(id, duration = 3500) { const toast = document.getElementById(id); toast.classList.add('show'); toast.style.pointerEvents = 'auto'; setTimeout(() => { toast.classList.remove('show'); toast.style.pointerEvents = 'none'; }, duration); } // Reset button function resetBtn() { const btn = document.getElementById('submitBtn'); btn.innerHTML = ''; btn.classList.remove('bg-brand-600'); btn.classList.add('bg-brand-500', 'hover:bg-brand-400'); btn.disabled = false; } // Form submit function handleSubmit() { const name = document.getElementById('inputName').value.trim(); const phone = document.getElementById('inputPhone').value.trim(); if (!name || !phone) { const form = document.getElementById('waitlistForm'); form.style.animation = 'none'; form.offsetHeight; form.style.animation = 'shake 0.4s ease'; return; } // Cek apakah URL sudah diganti if (SCRIPT_URL === 'PASTE_URL_APPS_SCRIPT_DISINI') { console.warn('⚠️ SCRIPT_URL belum diganti. Data tidak terkirim.'); // Tetap tampilkan sukses untuk demo successState(); return; } const btn = document.getElementById('submitBtn'); btn.innerHTML = ''; btn.disabled = true; // Kirim ke Google Sheets fetch(SCRIPT_URL, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ nama: name, whatsapp: phone, waktu: new Date().toLocaleString('id-ID', { timeZone: 'Asia/Jakarta' }) }) }) .then(() => { successState(); }) .catch(() => { // no-cors selalu return opaque, jadi kita anggap berhasil // kalau error benaran biasanya network error successState(); }); } function successState() { const btn = document.getElementById('submitBtn'); btn.innerHTML = ''; btn.classList.remove('bg-brand-500', 'hover:bg-brand-400'); btn.classList.add('bg-brand-600'); document.getElementById('inputName').value = ''; document.getElementById('inputPhone').value = ''; count++; document.getElementById('heroCount').textContent = count; showToast('toast'); setTimeout(resetBtn, 3000); } // Enter key document.querySelectorAll('#waitlistForm input').forEach(i => { i.addEventListener('keydown', e => { if (e.key === 'Enter') handleSubmit(); }); }); // Focus form on CTA click document.querySelectorAll('a[href="#waitlist"]').forEach(a => { a.addEventListener('click', e => { e.preventDefault(); document.getElementById('inputName').focus(); }); }); '; // Waitlist count let count = 512; setInterval(() => { const add = Math.random() > 0.6 ? 1 : 0; if (add) { count++; document.getElementById('heroCount').textContent = count; } }, 6000 + Math.random() * 8000); // Show toast helper function showToast(id, duration = 3500) { const toast = document.getElementById(id); toast.classList.add('show'); toast.style.pointerEvents = 'auto'; setTimeout(() => { toast.classList.remove('show'); toast.style.pointerEvents = 'none'; }, duration); } // Reset button function resetBtn() { const btn = document.getElementById('submitBtn'); btn.innerHTML = ''; btn.classList.remove('bg-brand-600'); btn.classList.add('bg-brand-500', 'hover:bg-brand-400'); btn.disabled = false; } // Form submit function handleSubmit() { const name = document.getElementById('inputName').value.trim(); const phone = document.getElementById('inputPhone').value.trim(); if (!name || !phone) { const form = document.getElementById('waitlistForm'); form.style.animation = 'none'; form.offsetHeight; form.style.animation = 'shake 0.4s ease'; return; } // Cek apakah URL sudah diganti if (SCRIPT_URL === 'PASTE_URL_APPS_SCRIPT_DISINI') { console.warn('⚠️ SCRIPT_URL belum diganti. Data tidak terkirim.'); // Tetap tampilkan sukses untuk demo successState(); return; } const btn = document.getElementById('submitBtn'); btn.innerHTML = ''; btn.disabled = true; // Kirim ke Google Sheets fetch(SCRIPT_URL, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ nama: name, whatsapp: phone, waktu: new Date().toLocaleString('id-ID', { timeZone: 'Asia/Jakarta' }) }) }) .then(() => { successState(); }) .catch(() => { // no-cors selalu return opaque, jadi kita anggap berhasil // kalau error benaran biasanya network error successState(); }); } function successState() { const btn = document.getElementById('submitBtn'); btn.innerHTML = ''; btn.classList.remove('bg-brand-500', 'hover:bg-brand-400'); btn.classList.add('bg-brand-600'); document.getElementById('inputName').value = ''; document.getElementById('inputPhone').value = ''; count++; document.getElementById('heroCount').textContent = count; showToast('toast'); setTimeout(resetBtn, 3000); } // Enter key document.querySelectorAll('#waitlistForm input').forEach(i => { i.addEventListener('keydown', e => { if (e.key === 'Enter') handleSubmit(); }); }); // Focus form on CTA click document.querySelectorAll('a[href="#waitlist"]').forEach(a => { a.addEventListener('click', e => { e.preventDefault(); document.getElementById('inputName').focus(); }); });