Create custom floating WhatsApp chat buttons for your website. Customize branding colors, welcome messages, pre-filled text, and copy ready-to-use HTML/CSS.
Example: 91 for India, 1 for USA/Canada, 44 for UK.
<!-- Floating WhatsApp Widget by MihirBuilds -->
<div id="mb-whatsapp-widget" style="position: fixed; bottom: 24px; right: 24px; z-index: 99999; font-family: system-ui, -apple-system, sans-serif;">
<!-- Trigger Button -->
<a href="https://wa.me/919876543210?text=Hello!%20I%20would%20like%20to%20schedule%20a%20consultation." target="_blank" rel="noopener noreferrer" style="display: flex; align-items: center; gap: 10px; background-color: #25D366; color: #ffffff; text-decoration: none; padding: 12px 18px; border-radius: 50px; box-shadow: 0 4px 14px rgba(0,0,0,0.2); font-size: 14px; font-weight: 600; transition: transform 0.2s ease;">
<svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor">
<path d="M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.711 2.598 2.664-.698c.969.584 1.771.867 2.796.867 3.182 0 5.768-2.586 5.769-5.766.001-3.182-2.585-5.769-5.769-5.769zm3.393 8.3c-.144.405-.837.774-1.17.824-.312.045-.634.072-1.802-.411-.967-.399-1.637-1.373-1.685-1.438-.049-.064-.913-1.213-.913-2.314 0-1.102.576-1.644.78-1.868.204-.224.444-.28.592-.28.148 0 .296.002.426.008.136.006.319-.052.499.38.188.452.645 1.572.702 1.687.057.115.096.25.02.402-.075.152-.113.247-.225.377-.113.13-.237.29-.339.39-.113.111-.231.232-.099.458.132.227.587.969 1.258 1.568.864.772 1.593 1.011 1.82 1.124.226.113.359.094.492-.058.133-.153.57-1.428.723-1.802.152-.375.304-.313.513-.235.209.078 1.325.624 1.551.737.227.113.378.17.434.266.057.096.057.556-.087.961z"/>
</svg>
<span>Need help? Chat with us</span>
</a>
</div>