September 24, 2022

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.

whatsapp floating button android, whatsapp floating chat, whatsapp chat button on website html, whatsapp floating button html, whatsapp chat button on website html code

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.

  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.


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


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

  autoOpenTimeout: 100

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

  showOnIE: false

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

  linkButton: true

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


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 usage, please go to the official website.


You may also like...

Leave a Reply

Your email address will not be published.