How to add multichannel chat to a WordPress site

List the channels your visitors already use, such as WhatsApp, Messenger, Telegram, Instagram direct messages or a phone link. Give each one a clear purpose and make sure someone will actually monitor the conversations.

For WhatsApp, use a full phone number in international format in the https://wa.me/number link. Do not include spaces, brackets, dashes or a leading zero. WhatsApp also supports a URL-encoded pre-filled message.

Edit the page, header, footer or site-wide template where the contact options should appear. Add a Buttons block for labelled links, or use the Social Icons block if icon-only links suit your design. WordPress supports social icons that link to selected social platforms, and button blocks provide link, styling and accessibility-related settings.

Add one button per channel, for example Chat on WhatsApp, Message us on Messenger and Send a Telegram message. Set external links to open in a new tab where appropriate and use descriptive labels rather than relying on colour or an icon alone.

The manual route is fine when a row of contact buttons is enough. WordPress core does not give you a ready-made, site-wide multichannel floating launcher, so creating one means adding your own HTML and CSS, or asking a developer to place it in the theme or a site-wide template.

You can use a Custom HTML block for simple markup, but scripts and some markup may be removed if the account lacks the required capability. If you add custom JavaScript in a theme or plugin, load it through WordPress rather than pasting scripts directly into content; WordPress documents wp_enqueue_script() as the recommended method and says front-end scripts should be attached through the relevant enqueue action.

Use a plugin if you want one floating button that opens several channels, centralised styling, device-specific display rules, greetings or analytics. Install it from Plugins, upload the plugin ZIP if necessary, activate it, then open its settings page.

Choose each enabled channel, enter the correct account details or URLs, set the button position and configure which pages or devices should show it. Do not leave both an old chat widget and the new one enabled, or visitors may see overlapping buttons.

Use a recognisable icon and a text label or accessible name for every service. Check that the WhatsApp number includes the country code, that Messenger opens the intended business account, and that any pre-filled message is URL-encoded.

Test while logged out in a private browser window on desktop and on a real phone. Check the homepage, contact page, product pages and checkout if relevant. A widget that works for an administrator can still be missing for visitors because of page rules, device rules or cached output; support reports commonly point to plugin, server and CDN caches as causes of missing or stale chat buttons.

For a site that needs WhatsApp, Messenger and other channels in one customisable floating button, Chaty Pro is a suitable product option. It combines multiple chat services, provides button design controls and includes settings for greetings, mobile display and analytics.

Use the manual block route when a few ordinary links meet the requirement. Choose the plugin route when maintaining several channels, styling a floating launcher or controlling visibility across devices would otherwise require custom code.