Help Center
How can we help? 👋

Customize the WhatsApp button

 

Use the WhatsApp button page in Dondy to choose how the widget looks and works on your Shopify storefront. This guide covers the Free plan options and the additional controls available with Pro.

In Shopify admin, open Dondy: WhatsApp → WhatsApp button. Make your selections, check the Live preview, and save the changes when you are done.

Free plan settings

Button size: Choose how large the WhatsApp button appears on your store. Five sizes are available: Small, Medium, Large, XL, and XXL. Select a smaller size for a subtle button or a larger size to make it easier for visitors to notice and tap. Preview the button on both desktop and mobile to find a size that fits your store’s layout.

Notion image

Button position: Choose where the WhatsApp widget appears on your storefront. You can place it on the Left, Mid Upper Left, Upper Left, Right, Mid Upper Right, or Upper Right side of the page. Select a position that keeps the button easy to find without covering important content, such as product details or checkout controls. Check the live preview to see where it will appear before saving

Notion image

Pre-filled message (optional): Enter a message that appears in the WhatsApp chat when a customer clicks the button. Customers can edit it before sending, or you can leave this field empty.

Notion image

Chat window: Select Enable chat window to show the chat window when customers click the widget.

Notion image

Pro Plan Settings

Welcome message: Enter a greeting that customers see when they open the chat window. For example: “Welcome! How can I assist you?” This appears in the chat window, while the pre-filled message appears in the customer’s message box.

Notion image

Availability / Custom Working Hours Select 24/7 to keep the WhatsApp widget visible at all times. To show it only during business hours, select Custom working hours, choose your time zone, and set the hours for each day. The widget will appear during those hours and be hidden outside them.

Notion image
 

Show widget on selected pages

Choose Show on all pages to display the widget throughout your store, or Show on these pages to select specific page types. You can also enable custom page URLs and enter multiple URLs separated by commas to include other pages.

Notion image
 

Display on desktop / mobile Choose whether the WhatsApp widget appears on both desktop and mobile, mobile only, or desktop only.

Notion image

Widget display delay Enter the number of seconds to wait after a page loads before showing the WhatsApp widget. Leave the field empty or enter 0 to show it immediately.

Notion image

WhatsApp type Choose whether the button opens WhatsApp Desktop or WhatsApp Web when a customer clicks it on a desktop computer.

Notion image

Product URL Enable this option to include the current page URL when a customer sends a WhatsApp message. This helps you see which product or page they are asking about.

Notion image

Chat Button Text Label - Call To Action (optional) Enter a short call to action, such as “Let’s Talk,” to display beside the WhatsApp icon. Leave the field empty to show the icon without text.

Notion image

Button icon

Choose the icon style for your WhatsApp widget. The standard WhatsApp icon is available on the Free plan; additional colors and designs are available on the Pro plan. Your selection appears in the live preview.

Notion image

Once everything is done click on Save and it will work on your store front.

Did this answer your question?
😞
😐
🤩