Configure the floating WhatsApp button, then copy the script into your website's <head> or before </body>. Visitors can start a chat with your WhatsApp number in one click.

Button settings

WhatsApp number

Enter a phone number with country code.

Prefill message

Position

Button size

CSS size, e.g. 60px

Icon size

CSS size, e.g. 28px

Background color

Icon / text color

Bottom offset

Side offset

Make button floatable (snaps to left/right, returns to bottom)Show tooltip

Tooltip label

Shown on hover beside the button (separate from the button label).

Show text label next to icon

Live preview

Your website

Preview of how the button will appear on your website.

Embed script

<!-- GreenTick WhatsApp Click-to-Chat Button -->
<script>
  window.GreenTickWhatsAppButton = {
    phone: "",
    message: "Hi! I'd like to chat.",
    position: "right",
    bottom: "24px",
    sideOffset: "24px",
    backgroundColor: "#25D366",
    textColor: "#ffffff",
    buttonSize: "60px",
    iconSize: "28px",
    showLabel: false,
    label: "Chat with us",
    showTooltip: true,
    tooltipLabel: "Chat on WhatsApp",
    draggable: false,
  };
</script>
<script src="https://api.greentick.ai/public/click-to-chat.js" async></script>

Widget runtime (public, no API key): https://api.greentick.ai/public/click-to-chat.js

How to add this to your website

Click Copy script above.
Open your website HTML (or CMS custom code / tag manager) and paste the snippet in the <head> section, or just before </body>.
Publish or save your page. A WhatsApp button will appear in the corner you chose.
To tweak later, edit the values inside window.GreenTickWhatsAppButton (phone, message, colors, position, draggable, etc.) — no need to change the script URL.