Green Thumb Garden Shop

A fictional shop without a floating button. The chat opens only from buttons and links on the page.

Example 2: Open the chat with your own buttons

Set data-launcher="false" to hide the floating button. Then add data-wa-open to any link or button on your page:

<!-- Works without JavaScript, too: the link goes straight to WhatsApp -->
<a href="https://wa.me/490000000000" data-wa-open>Ask us on WhatsApp</a>

<!-- The value is used as the prefilled message -->
<button data-wa-open="Hi, is the olive tree (1.5 m) in stock?">Ask about this product</button>

<script src="https://whatsapp-widget.doebeling.dev/whatsapp-widget.js"
        data-phone="+49 000 0000000"
        data-name="Green Thumb Garden Shop"
        data-welcome="Hello! Which plant are you interested in?"
        data-launcher="false"
        data-position="left"
        defer></script>

Buttons with a prefilled message

Olive tree

1.5 m, in a terracotta pot

Lavender

Set of 6 plants, organic

Garden service

Planting and care on site

Control the chat with JavaScript

WhatsAppWidget.open();                                  // open the chat
WhatsAppWidget.open({ message: 'I have a question' });  // open with a prefilled message
WhatsAppWidget.close();
WhatsAppWidget.toggle();