Press "Enter" to skip to content

How to Add Floating Whatsapp Chat Button In HTML | venom-button

Venom Button is a very simple plugin for the jQuery floating WhatsApp button. Adds a floating button to your site that calls WhatsApp Click to Chat API. It will automatically start the WhatsApp conversation with the specified number when the user clicks the button.

How to make use of it

1. Load the stylesheet venom-button.min.css and JavaScript venom-button.min.js within the HTML doc.

<script src="/path/to/cdn/jquery.min.js"></script>
<link rel="stylesheet" href="venom-button.min.css" />
<script src="venom-button.min.js"></script>

2. Create a placeholder for the floating WhatsApp chat button – HTML Whatsapp Icon.

<div id="myButton"></div>

2. Create a default floating WhatsApp chat button on the webpage.

$('#myButton').venomButton(
  phone: 'Your Phone Number Here',
  chatMessage: 'Chat Window Title',
  message: "Chat Message",
  nameClient: "WCF",
  showPopup: true
);

3. Create a fundamental floating Whatsapp chat button on the webpage.

$('#myButton').venomButton();

4. Change the place of the floating WhatsApp chat button.

$('#myButton').venomButton();

5. Set the time to attend earlier than opening the chat window.

$('#myButton').venomButton({
  autoOpenTimeout: 100
});

6. Determine whether or not to point out the floating WhatsApp chat button on IE.

$('#myButton').venomButton({
  showOnIE: false
});

7. Attach the WhatsApp click on to talk hyperlink to the button.

$('#myButton').venomButton(
  linkButton: true
);

8. Customize the looks of the floating WhatsApp chat button.

$('#myButton').venomButton();

How to Use Whatsapp Chat Button on Website HTML, Whatsapp Chat Button on Website, Floating Whatsapp Click To Chat Button


See Demo And Download

Official Website(orkestral): Click Here

This superior jQuery/javascript plugin is developed by orkestral. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *