Chat Button
Core’s Social Icons and Buttons can link to wa.me, but nothing floats in a corner, opens a chat window or knows your opening hours. This block is a contact button for WhatsApp, Messenger, Telegram, a phone call, a text message or email: a button fixed to a corner (or in the page), or a chat window with a greeting, typing dots, a message field or a list of people — each on their own channel. With office hours (an away message, or hidden), a tooltip or callout, a pulse, a wiggle, and auto-open once per visit. Every link is a real wa.me / m.me / t.me / tel: / sms: / mailto: link, so it works without JavaScript; the window closes with Escape.
This page has a real WhatsApp chat in the bottom-right corner. The numbers are fictional (Ofcom drama range).
Patterns and options, shown in the page
Choose a person: WhatsApp, Telegram, phone · white · office hours (the team pattern)
Message field · dark theme · forced away (holidays)
Contact pills (the inline pattern)
Card style · Telegram · tooltip on hover
Email · square · prefilled body
SMS · rounded with text · full width