11 chat button templates

Chat button templates that hand a visitor to WhatsApp or Telegram: a corner button, a pill that says who answers, a card or a stack, and buttons in your page. Eleven, in seven palettes, each a link that loads nothing from either app until a visitor taps it.

General

One button in the corner, or two inside the page.

ChatIn a corner · RoundThe plain one. One WhatsApp button in the corner.
Customise

Shops and sales

Who answers, said on a pill; orders on a card, sales and support in a stack.

Talk to salesIn a corner · PillA pill that says what it is for, with the visitor's first words written.
Customise
Order helpIn a corner · Pill · CardWhatsApp or Telegram on a card, the order number asked for.
Customise

Bookings and stays

A salon, an agent's viewings, a restaurant's table and a hotel's front desk.

Salon bookingsIn a corner · Round · CardA round button that opens two apps for booking or moving an appointment.
Customise
ViewingsIn a corner · Round · StackSales, lettings and Telegram, stacked over a large round button.
Customise
Front deskIn a corner · Pill · CardA hotel's front desk, its restaurant and a call, from a pill in the corner.
Customise

Support and advice

Help and an expert on a card inside your page, each app a row.

Help deskIn the page · CardOrders, returns and Telegram on a card inside the page.
Customise

Pick the closest, then make it yours

Start from where it sits and how many people answer. One channel makes the button the link itself; two or three open a card with a heading over them, or a stack with their names beside. The number or username, each channel's name, the first words, the launcher and the colours all change in the Studio, and the template is where you start.

Then add it to your site

One line, pasted once, puts it on every page. Step by step for HTML, WordPress, Shopify, Webflow, Squarespace, Wix and Next.js.

Questions

Something else? Write to us.

Do I need a WhatsApp Business account?

No. Any WhatsApp number works, personal or business, as does any Telegram username. The button opens a chat with it in the visitor's own app.

Can visitors see my number?

Yes. The number or username is in the link, as on any page with a WhatsApp or Telegram button, so give the one you answer from.

Does it slow my site down?

No. Nothing from WhatsApp or Telegram loads until a visitor taps, and the button itself loads after your page has appeared.

More templates

  • 13 announcement bar templates

    Announcement bar templates for the one line along the top or foot of every page: a sale, a code that copies, free delivery, a webinar, a closure or a launch.

  • 12 contact form templates

    Contact form templates for sites that want to hear from people: a contact page, a callback, a quote or a demo, a booking, an application, support or feedback.

  • 13 countdown timer templates

    Countdown timer templates for a moment people should not miss: the end of a sale, a cut-off, an event, a holiday, or a span of each visitor's own.

  • 12 popup templates

    Popup templates for a welcome offer, a sale, a launch or a notice, each a dialog in the middle of the page or a card in its corner.

  • 12 newsletter signup templates

    Newsletter signup templates for a shop, a writer, an event or a software product, each asking for an e-mail address first.

  • 13 faq templates

    FAQ templates for a shop, a help centre, a clinic or an event: an accordion, a list or two columns, with search and tabs.

  • Templates for every widget

    A few of each widget's templates, side by side.