Click to Chat adds a floating button that lets visitors contact you on WhatsApp, Messenger, Telegram, phone, SMS or email. Set one channel and the button opens it directly. Set several and the button opens a small menu of them.
Requires Essential Elements Pro.
Switch it on: Essentials → Modules → Click to Chat.
Configure it: Essentials → Click to Chat.
Channels
Fill in only the channels you use. Empty channels are hidden. If every channel is empty, no button is shown.
| Setting | Format | Opens |
|---|---|---|
| WhatsApp Number | Full number with country code, for example +8801712345678. | wa.me (WhatsApp app or web) |
| WhatsApp Message | Optional text pre-filled in the chat, for example "Hi! I have a question about…". | |
| Messenger Username | Your Facebook page username, as in m.me/username. | m.me/username |
| Telegram Username | As in t.me/username. | t.me/username |
| Phone Number | Any dialable number, ideally with country code. | The phone dialer (tel:) |
| SMS Number | Any number that can receive texts. | The messaging app (sms:) |
| Email Address | Your contact email. | The email app (mailto:) |
WhatsApp, Messenger and Telegram links open in a new tab.
Appearance
| Setting | What it does | Default |
|---|---|---|
| Position | Bottom Right or Bottom Left. | Bottom Right |
| Distance From Bottom | In pixels (0–300). | 20 |
| Label | Short text shown next to the button. Leave empty for an icon-only button. | "Chat with us" |
| Button Color | The button’s color when more than one channel is set. With a single channel, the button uses that channel’s brand color (WhatsApp green, Messenger blue and so on). | #6528f7 |
Sharing a corner with Scroll to Top? You don’t need to adjust anything. When both buttons sit in the same corner, Click to Chat automatically moves above the Scroll to Top button and follows its size and offset. If Scroll to Top is hidden on mobile, Click to Chat drops back down on mobile.
Business Hours
Show the button only while you’re available. Times use your site timezone (Settings → General → Timezone), whatever the visitor’s own timezone is.
| Setting | What it does | Default |
|---|---|---|
| Business Hours | Hide the button outside business hours. | Off |
| Days | The days you’re available. | Monday–Friday |
| Opens At | Opening time. | 09:00 |
| Closes At | Closing time. | 17:00 |
Business hours are checked in the visitor’s browser, so they work correctly with page caching, and the button appears or hides as the time changes.
Display
| Setting | What it does | Default |
|---|---|---|
| Show On | Entire site, Front page only, or Selected post types only. | Entire site |
| Post Types | Used with Selected post types only. For example, tick Product to show it only on WooCommerce product pages. | Post |
| Exclude Pages | Comma-separated post or page IDs to skip. | (empty) |
| Devices | Desktop and mobile, Desktop only or Mobile only. | Desktop and mobile |
Accessibility
With several channels, the toggle is a real button with a "Contact us" label that tells screen readers whether the menu is open, and each channel in the menu is a labeled link.
Troubleshooting
The button doesn’t appear. Check that at least one channel is filled in, that Business Hours (if on) includes the current day and time in your site timezone, and that the page matches Show On, Exclude Pages and Devices.
WhatsApp says the number is invalid. Enter the full international number with the country code and no leading zero, for example +447700900123 rather than 07700 900123.
Messenger doesn’t open my page. Use your page’s username (the part after facebook.com/), not its display name. You can set one in your Facebook page settings.