ToolMasterUltimate
Explore tools
Developer & Tech

WhatsApp & Messenger Widget

Build a branded WhatsApp and Messenger button, preview it live and copy the website embed code.

Live widget builder

Turn website visitors into conversations

Brand one contact button, connect WhatsApp and Messenger, then install it with one code snippet.

1

Business details

What customers see when they open the widget.

2

Contact channels

Add one or both destinations.

3

Appearance

Match the launcher to the website.

Launcher style
Live preview
Desktop
yourwebsite.com
Acme Studio
AS
Acme Studio Typically replies quickly
Hi! How can we help today?just now
Powered by ToolMaster
1
The installed widget is isolated from your website styles and adapts to mobile screens.

Your installation code

Paste this once before the closing </body> tag.

<script
  src="https://toolmasterultimate.store/widgets/contact-widget.js"
  data-business="Acme Studio"
  data-greeting="Hi! How can we help today?"
  data-whatsapp="94771234567"
  data-messenger="https://m.me/acmestudio"
  data-color="#5147e5"
  data-position="right"
  data-launcher="chat"
  defer></script>
Common questions

Good to know

Can I create a contact widget without an account?+

Yes. Guests can configure, preview and copy the complete embed code. Signing in adds saved brand settings and a managed workspace.

Does it work on WordPress and other website builders?+

Yes. Add the script to a custom HTML block or the site-wide footer code area. The widget uses an isolated interface so it does not inherit the website theme.

More tools

View all developer & tech tools
Developer tools
Privacy and quick tips +

This tool runs in your browser. Your input is not stored or sent to us.

  • Use the international WhatsApp number without a leading plus sign.
  • Keep the greeting short enough to scan on mobile.
  • Test the widget on both desktop and a real phone before publishing.