Free WhatsApp Chat Button

WhatsApp Live Chat Widget for your Website

Engage your website visitors with this free WhatsApp chat widget that catches their attention. You can customize the button, text prompt, and pop-up to match your website's theme. We do not add a "Powered By" tag to make your chat widget look more professional.

Chat Button

The chat button (optionally with a text prompt) that initially appears when a user opens your page.

Background Color

Icon

(These are official WhatsApp icons, approved by their branding guidelines.)

{% icon.kind %}

Icon Size

{% config.button.icon_size %}px

24px 36px 48px 60px 72px

Icon Padding

{% config.button.padding %}px

8px 12px 16px 20px 24px

Position

Bottom Left

Bottom Right

Bottom Margin

Right Margin

Left Margin

These margins determine the offset of the chat button from the bottom and the right or left sides of the screen.

Prompt Text (optional)

Prompt Delay (optional)

second(s)

The text prompt is delayed by the provided value. This is applicable only when prompt text is entered.

Button Preview

{% config.prompt.text %}

Chat Popup

The chat window that opens when a user clicks on the chat button.

Your Phone Number

Enter your WhatsApp number starting with your country dial code (without '+'). For example, if your country dial code is +91 and your WhatsApp number is 9898998989, enter 919898998989.

Primary Color

Logo URL

Use a squre logo for the optimal result.

Title

Subtitle

Welcome Text

Default Customer Text (optional)

{% config.popup.title %}

{% config.popup.subtitle %}

{% config.popup.welcome_text %}

{% getCurrentTime() %}

Chat Widget Code

This code is platform agnostic and should work on any website regardless of the programming language or content management system used. Copy and paste the code below into your website just before the closing </body> tag.

<script>
    {% generatedCode %}
</script>

<script>
    {% generatedCode %}
</script>