WhatsApp Chat: launcher, greeting, and brand settings

1. Open the editor: /get-widget/whatsapp-chat
2. Add your WhatsApp destination details.
3. Configure button copy, greeting text, and avatar.
4. Pick placement and spacing.
5. Tune colors, radius, and shadows in Design.
6. Click Save & Get Code to publish and embed.

The most important configuration decisions are in the copy and destination fields:

• Button label / CTA: what the floating button says before a click
• Greeting / welcome message: the short text that sets expectations
• Availability hint: useful if you want copy like “Replies in minutes” or “Mon–Fri, 9–5”
• Phone / destination: the final WhatsApp target visitors should open

Best practice: keep the greeting specific and action-oriented. “Ask a question” is weaker than “Get a quote on WhatsApp” when the page is sales-focused.

Floating chat widgets work best when they avoid competing with the rest of the page UI.

Use the layout controls to tune:

• Screen corner / side placement
• Offset / spacing from page edges
• Desktop vs mobile sizing
• Launcher-only vs expanded greeting behavior (if enabled in the current style)

On mobile, always test against sticky bars, cookie notices, and bottom navigation. A chat button that blocks your primary CTA is configured incorrectly even if it “looks fine” on desktop.

In Design, you can align the widget to your site using:

• Accent color and button background
• Text color and contrast
• Border radius
• Shadow intensity
• Avatar or profile image treatment
• Shared theme settings and typography where available

If you already have a site style profile, use Add My Style or the style selector first, then fine-tune the launcher. That keeps the chat button consistent with the rest of your embeds.

Before you embed, test:

• the WhatsApp destination opens correctly
• the greeting copy still reads well on small screens
• the launcher does not cover cookie banners or sticky navigation
• the color contrast is readable over both light and dark page backgrounds

For mobile-first businesses, test on a real phone, not just the browser responsive mode.

Support is fastest when we can reproduce the issue.

Please include:

• The page URL where the widget is embedded (or the editor URL)
• The platform/builder (WordPress, Webflow, Shopify, Squarespace, etc.)
• What you expected to happen vs what you see
• A screenshot of where the snippet is pasted (or a short screen recording)

If your issue involves a social connection (Instagram/Threads/TikTok), also include:

• Which login path you used (Instagram vs Meta vs TikTok)
• A screenshot of the provider error screen (if any)
• Whether the account is Personal vs Business/Creator

Contact us here: /support.