A WhatsApp button on your client spaces allows you to facilitate communication with your customers, and increase your conversion when you send a quote.
It's very easy to insert this button directly from Ezus.
Just go to your advanced settings in your client space and copy and paste the script available at the end of this article here:
⚠️ You must select Import a script and not an Url.
Here is the script to insert, remember to replace 123456789 with your Whatsapp number.
Keep your number in its entirety with the international code but without the ‘+’.
<script>
// Function to open WhatsApp window
function openWhatsApp() {
// Replace 'whatsappphonenumber' with the actual WhatsApp phone number
var phoneNumber = '1234567890'; // Replace with your WhatsApp phone number
var url = 'https://wa.me/' + phoneNumber;
window.open(url, '_blank');
}
// Creating a button element
var button = document.createElement('button');
// Apply WhatsApp logo as background image
button.style.backgroundImage = "url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/WhatsApp.svg/1200px-WhatsApp.svg.png')"; // Replace 'whatsapp_logo.png' with your image path
// Set button size
button.style.width = '50px';
button.style.height = '50px';
// Set button position
button.style.position = 'fixed';
button.style.bottom = '50px'; // Adjust as needed
button.style.right = '20px'; // Adjust as needed
// Remove default button border
button.style.border = 'none';
// Set cursor to pointer
button.style.cursor = 'pointer';
// Set onclick event to open WhatsApp
button.onclick = openWhatsApp;
button.style.backgroundSize = 'cover';
button.style.backgroundColor = 'transparent';
// Appending the button to the body of the document
document.body.appendChild(button);
</script>
You have now added your Whatsapp button!
Video 📷