Klyro
Free tool

Create a free WhatsApp button for your website

Let customers reach you instantly with a floating WhatsApp icon visible on every page of your site.

Configure your button

Copy the snippet and paste it into your site

Paste it right before the closing </body> tag.

<!-- Klyro WhatsApp Button -->
<a href="https://wa.me/555431969408" target="_blank" rel="noopener" aria-label="WhatsApp Klyro"
   style="position:fixed;bottom:20px;right:20px;z-index:9999;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:9999px;background:#25D366;box-shadow:0 6px 20px rgba(0,0,0,.2);text-decoration:none;">
  <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="white">
    <path d="M.057 24l1.687-6.163a11.867 11.867 0 0 1-1.587-5.946C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 0 1 8.413 3.488 11.824 11.824 0 0 1 3.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 0 1-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 0 0 1.51 5.26l-.999 3.648 3.978-1.607zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.521.149-.174.198-.298.297-.497.099-.198.05-.371-.025-.52-.074-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.371-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.247-.694.247-1.289.173-1.413z"/>
  </svg>
</a>

Live preview

example.com

Why use a floating WhatsApp button?

Generate the code in seconds

No coding required — fill the form and you're done.

Capture and engage customers

Invite visitors to start the conversation in one click.

Make it easy to reach you

Available on every single page of your site.

Increase your sales

Reduce friction and convert more visits into chats.

How to use the generator

  1. 1Fill the fields with your name, WhatsApp number and an optional message.
  2. 2Click Generate button to create the snippet.
  3. 3Copy the code and paste it before </body> on your site.
  4. 4Done — start receiving messages on your WhatsApp.