🟢 SynxZap

Add WhatsApp Chat to Your Website

Connect with visitors instantly. Boost conversions. Free Widget Generator.

Why Choose Our WhatsApp Widget?

💬

Instant Customer Connection

Let visitors chat with you on WhatsApp in one click

📈

Increase Conversions

Turn visitors into leads with live consultations

🕐

24/7 Availability

Stay connected with customers anytime, anywhere

📱

Mobile-First Design

Perfect experience on all devices

💰

Free Forever

No hidden costs, completely free widget

⚡

Easy Setup

Install in under 2 minutes, no coding required

Create Your WhatsApp Widget

Customize your WhatsApp widget to match your brand and connect with customers instantly

Customize Your Widget

Live Preview

How It Works

Get your WhatsApp widget up and running in 3 simple steps

1

Customize Your Widget

Choose colors, position, and text to match your brand

2

Copy the Code

Get your unique widget code instantly with one click

3

Add to Website

Paste before closing body tag and go live immediately

Ready to Connect with Your Customers?

Join thousands of businesses using WhatsApp widgets to grow

`; state.generatedCode = codeHTML; generatedCode.textContent = codeHTML; codeOutput.classList.remove('hidden'); // Scroll to code output codeOutput.scrollIntoView({ behavior: 'smooth' }); } // Copy code to clipboard function copyCode() { navigator.clipboard.writeText(state.generatedCode).then(() => { copyButton.textContent = 'Copied!'; copyButton.classList.add('bg-green-600'); setTimeout(() => { copyButton.textContent = 'Copy Code'; copyButton.classList.remove('bg-green-600'); }, 2000); }); } // Show alert function showAlert(message) { alertMessage.textContent = message; alertModal.classList.remove('hidden'); } // Close alert function closeAlert() { alertModal.classList.add('hidden'); } // Theme toggle function toggleTheme() { html.classList.toggle('dark'); const isDark = html.classList.contains('dark'); themeIcon.textContent = isDark ? '☀️' : '🌙'; localStorage.setItem('theme', isDark ? 'dark' : 'light'); } // Check for saved theme preference function checkTheme() { const currentTheme = localStorage.getItem('theme') || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'); if (currentTheme === 'dark') { html.classList.add('dark'); themeIcon.textContent = '☀️'; } } // Scroll to generator function scrollToGenerator() { document.getElementById('generator').scrollIntoView({ behavior: 'smooth' }); } // Initialize on load window.addEventListener('DOMContentLoaded', () => { init(); checkTheme(); updatePreview(); });