How to Add a Telegram Chat Button to Your Website

To add a Telegram chat button to your website, create a t.me link that opens a chat with you, your business account, your bot or your channel, and attach it to a button on your site. Every website builder can do this with an ordinary link button; a floating corner button just needs a plugin or a few lines from a developer. The decisions that matter are which account the button opens, how it behaves on desktop, and how you will answer the messages it brings.

This guide covers each of those decisions in order: choosing the destination, building the link, adding the button with or without a plugin, making it work well on phones and computers, tracking clicks honestly, and fixing the usual problems. It does not show code; it describes what to set and where. If you want to show channel posts on your site instead, see our guide on embedding a Telegram post on a website.

Before you start: decide what the button should open

The button is only a link. What matters is where it lands. There are five common destinations, and each suits a different job.

A personal account

The simplest option: the button opens a private chat with your own Telegram account. It suits freelancers and very small businesses where one person answers everything.

Drawbacks: your personal username becomes public on your website, every message lands among your private chats, and nobody else can help you answer. If you step away, conversations stop.

A business account with Telegram Business

Telegram Business, part of Telegram Premium, adds features for using an account as a business line: opening hours, a location, greeting and away messages, quick replies, and chat links. Our guide to Telegram Business features covers them all. Two are useful for a website button:

• Greeting and away messages answer visitors automatically when they first write or when you are offline. Our guide on quick replies and away messages explains setup.
• Business chat links are special links to your account that can fill in a starting message for the visitor, so they do not face an empty chat. The exact options are in your account's business settings and can change, so check there.

Many owners create a separate account for the business, so the website never exposes their personal one. Our guide on using multiple Telegram accounts explains how to run two accounts on one phone.

A bot

A button can open a chat with a bot you created with @BotFather. The bot can greet visitors, ask what they need with buttons, answer common questions, and hand the conversation to a person or a helpdesk. A bot also lets several people answer through a shared tool. Our guide on connecting Telegram to your helpdesk explains the team setup.

A bot link can carry a short start parameter, which tells the bot where the visitor came from, such as "pricing page" or "contact page". That is the cleanest way to track which page brings conversations, covered below.

A group

A button can invite visitors to a community group where members help each other. That suits products with an active user community, not private questions. People will see each other's messages, so say clearly on the button that it opens a community.

A channel

A button can open your channel so visitors can follow updates. That is a "follow us" button, not a chat button, but many sites want both. Our guide on creating a Telegram channel landing page covers promoting a channel from a website.

Which to choose

• One person, few messages: a separate business account.
• Several people answering, or you want automatic triage: a bot, possibly connected to a helpdesk.
• Peer support: a group, alongside a private option for account questions.
• Updates only: a channel button.

Building the link

Telegram's public links start with https://t.me/ followed by a name or code. Telegram's own documentation on deep links describes these formats; the key ones for a website are below.

Link to a username

For an account, bot, public group or public channel with a username, the link is t.me followed by a slash and the username, without the @ sign. Opening it shows that profile or chat.

If your account has no username, set one first. Our guide on changing your Telegram username shows how, and username tips helps you choose a good one. Usernames are case-insensitive, but showing a readable form on the site helps people trust it.

Link to a bot with a start parameter

For a bot, add a question mark, the word start, an equals sign and a short code after the bot's username. When a visitor opens the chat and taps Start, the bot receives that code. Telegram's documentation limits it to letters, digits, underscores and hyphens, and keeps it short, so use simple codes like "contact" or "pricing".

Link to a phone number

Telegram supports links built from a phone number, which open the account registered to that number, but only if the account's privacy settings allow people to find it by number. For a public website this is rarely the best choice: it publishes a phone number and may not work for every visitor. A username or a business chat link is cleaner. Our guide on hiding your phone number explains the related settings.

Invite links for private groups or channels

A private group or channel has an invite link instead of a username. You can create several invite links, name them, limit how many people can join through each, and require admin approval. Our invite links guide has the details. A separate invite link for your website lets you see how many people joined through it.

Business chat links

If you use Telegram Business, create a chat link in your business settings, optionally with a prefilled message such as "Hi, I have a question about my order". Use that link on the button. Visitors land in a chat with the text ready to send, which makes starting easier.

Test the link before building anything

Open the link on a phone with Telegram installed, on a phone without Telegram, and on a computer. You will see how each case behaves before your visitors do. Our guide on creating t.me links explains more formats.

Writing the label and the words around it

The few words on and around the button decide whether people use it. A bare Telegram logo makes visitors guess what happens next.

Say what happens

"Chat with us on Telegram" tells the visitor they will open Telegram and talk to a person or bot. "Join our Telegram community" tells them they are entering a group. "Follow our updates on Telegram" signals a channel. Mixing these up disappoints people: someone expecting private help who lands in a public group may leave without asking.

Say who answers and when

A line under the button such as "Our team answers 9:00 to 18:00 on weekdays" or "Our assistant bot answers at once; a person follows up within a day" sets an honest expectation. It also cuts the number of "hello?" follow-ups.

Say what to ask about

On a product page, "Questions about sizing? Ask on Telegram" turns a generic contact option into an answer to the question the visitor has right then. Match the label to the page.

Keep it consistent

Use the same wording and icon across the site, so visitors learn to recognise the button. If you have several destinations, such as private chat and community group, make the two labels clearly different.

Example setups

These are hypothetical examples to show how the choices fit together. They are not real businesses.

A freelance designer

A designer creates a second Telegram account for client work, gives it a username with their studio name, and turns on Telegram Business greeting and away messages. The contact page gets a "Chat with me on Telegram" button using a business chat link with the prefilled text "Hi, I'd like to discuss a project". A QR code beside it serves visitors on laptops. Email stays as a fallback.

An online shop

A small shop creates a support bot. The floating button on every page links to the bot with the start parameter "site", while the order confirmation page links with "order". The bot greets visitors, offers buttons for "Order status", "Returns" and "Something else", and forwards conversations to a helpdesk where two staff members answer. Each week the owner checks how many conversations each start parameter produced.

An open-source project

A software project adds two buttons to its documentation site: "Ask the community on Telegram", which opens a public group with topics for help and announcements, and "Follow release news", which opens its channel. Security reports are explicitly sent elsewhere, with a note saying not to post them in the public group.

Adding a simple button

On any website builder

Every mainstream website builder and theme has a button or link block. The steps are almost identical everywhere:

1. Open the page editor and add a button block where you want it, such as the contact page, the header or the footer.
2. Set the button label, for example "Chat with us on Telegram".
3. Paste your t.me link as the button's link.
4. Decide whether it opens in a new tab. A new tab keeps your site open for visitors on computers; on phones the link usually hands over to the Telegram app anyway.
5. Publish and test on a phone and a computer.

Adding the Telegram logo

A recognisable icon makes the button easier to spot. Most builders include social icons in their icon library. If yours does not, use a clean, unaltered version of the logo rather than redrawing it, and follow any brand guidance Telegram provides. Keep the text label next to the icon, because not every visitor recognises the logo and screen readers need words.

Where to place it

• Contact page: expected, and visitors looking for help will find it.
• Header or footer: visible on every page, good for sites where chat is the main contact method.
• Product or pricing pages: next to the question people usually have at that point, such as "Questions about sizes? Ask us on Telegram".
• Order confirmation page: a natural place for "Questions about your order?" if you handle order support in Telegram.

Avoid placing it where it blocks content or competes with your main call to action.

Adding a floating chat button

A floating button stays in a corner of the screen as the visitor scrolls. It is the most visible option and the one many people mean by a "chat button".

Using a plugin or app

Most content management systems and site builders have plugins or apps that add floating messaging buttons, often for several messengers at once. The general process:

1. Search your platform's plugin or app store for a floating messaging button that supports Telegram.
2. Check the reviews, how recently it was updated, and what data it collects. Some plugins load scripts from the plugin maker's servers, which may set cookies or track visitors.
3. Install it and enter your t.me link or username.
4. Choose the corner, colour, icon and label.
5. Set where it appears: all pages, or only some.
6. Test it on a phone, where floating buttons most often cover other elements.

Building it yourself

A developer can add a floating button without any plugin. It is an ordinary link styled to stay fixed in a corner of the screen, with the Telegram icon and an accessible label. This avoids third-party scripts entirely and loads instantly. Ask for it to:

• Stay clear of other fixed elements such as cookie banners and "back to top" buttons.
• Have a visible text label or a proper accessible name, not just an icon.
• Be large enough to tap comfortably on a phone.
• Respect the visitor's reduced-motion settings if it animates.

Live chat widgets that use Telegram behind the scenes

A different kind of tool shows a chat box on your website, and your team answers from Telegram. The visitor never leaves your site; their message reaches a Telegram bot or group your team watches, and replies come back into the website box.

This suits visitors who do not use Telegram, because they can chat without it. The trade-offs: you rely on a third-party service, visitors' messages pass through it, and it usually costs a subscription. Read the provider's privacy terms and make sure your site's privacy notice mentions it.

Sites in several languages or with several teams

A single button pointing at one account works until visitors write in languages your team cannot answer, or sales and support questions start colliding.

• One bot, several paths. A bot can greet the visitor in the language of their Telegram app and ask which team they need, then route the conversation. One link serves the whole site.
• One link per language. On a site with separate language versions, each version can link to a different account or use a different start parameter, so the right people see the right conversations.
• Separate buttons for separate jobs. A "Sales chat" button on pricing pages and a "Support chat" button in the help centre can point to different accounts or parameters. Keep labels distinct so visitors choose correctly.

Whatever you choose, write down which link goes where. When a username changes, every copy of the old link has to be found and updated.

Keeping the page fast

A plain link button adds nothing measurable to page load. Floating widgets and website chat boxes can, because many load scripts, fonts and images from other servers on every page. If you use one, check your page speed before and after installing it. If it slows pages noticeably, consider a self-built floating link instead, or load the widget only on pages where chat is likely, such as contact and checkout.

How the button behaves on each device

Knowing what visitors see helps you write the right label and avoid complaints.

Android and iPhone with Telegram installed

Tapping a t.me link normally opens the Telegram app directly at the chat. Sometimes a browser shows a small page first with an "Open in Telegram" button. Either way, the visitor ends up in the app.

Phones without Telegram

The t.me page shows the profile and offers to install Telegram. Some visitors will give up here. That is why it helps to offer a second contact option, such as email, next to the Telegram button.

Computers with Telegram Desktop

The t.me page offers to open the link in Telegram Desktop. The browser may ask for permission to open the app the first time.

Computers without the app

The visitor can usually continue in Telegram Web if they are signed in there. Our guide to Telegram on desktop and web explains both.

A QR code for desktop visitors

Many people use Telegram only on their phone. Showing a QR code of your t.me link next to the button lets desktop visitors scan it with their phone and continue there. Our guide on Telegram QR codes shows how to make one.

Why not use the tg:// scheme?

Telegram apps also understand links that start with tg:// instead of https://t.me/. They open the app directly but fail with an error if the app is not installed, and some browsers block them. For a public website, the https t.me link is more reliable because it always shows something useful.

Tracking clicks and conversations

You will want to know whether the button is used and which pages produce conversations.

Counting clicks on your site

Your website analytics can count clicks on the button as an event. Most analytics tools can track outbound link clicks automatically or with a simple setting. This tells you how many visitors tapped the button, not how many actually sent a message.

Counting conversations with a bot

Use a different start parameter for each page or campaign, for example "contact", "pricing" and "checkout". The bot receives the code when the visitor starts it and can record it. That tells you which pages bring real conversations, with no tracking beyond your own bot. Our guide on tracking clicks and sales from Telegram goes further.

Counting joins with invite links

For groups and channels, create a named invite link just for the website. Telegram shows how many people joined through each link.

Respect privacy

Telegram links do not pass your website analytics data into Telegram. Do not try to identify individual visitors across the two. If your analytics tool sets cookies, your normal consent rules apply to the button click event too. This is general information, not legal advice.

Making sure messages get answered

A chat button creates a promise. A visitor who writes and hears nothing thinks worse of you than one who never saw a button.

1. Set expectations on the button or nearby, for example "We usually reply within a few hours, Monday to Friday".
2. Set up an automatic greeting, through Telegram Business or your bot, that confirms the message arrived and says when to expect a reply.
3. Add saved replies for the most common questions.
4. Decide who answers and what happens when they are away.
5. Turn on notifications for the business account or helpdesk, and check they work. Our guide on Telegram notifications not working helps if they do not.
6. Review weekly how many conversations came in and how quickly they were answered.

Security and scam awareness

A public chat button attracts some unwanted messages. Protect yourself and your visitors.

• Turn on two-step verification on the account behind the button. See our guide on setting up two-step verification.
• Never ask visitors for login codes or passwords in chat, and say on your site that you will never do so. Scammers sometimes impersonate businesses with similar usernames.
• Link only from your own website and official profiles, so customers can verify the real account.
• Watch for impersonators using your name and logo. Report them to Telegram. Our guide on reporting on Telegram shows how.
• Protect the bot token if you use a bot. Anyone with it can read and send messages as the bot.

Accessibility checklist

1. The button has visible text, not just an icon.
2. Its accessible name says where it goes, such as "Chat with us on Telegram".
3. The colours have enough contrast against the background.
4. It is large enough to tap without hitting nearby elements.
5. A floating button does not cover form fields, cookie controls or the page's main button on small screens.
6. It can be reached and activated with a keyboard.

Common mistakes

• Linking with the @ sign. The link should use the username without @.
• Using a personal account you also use for family chats. Business messages get lost, and your privacy suffers.
• Using a phone-number link. It exposes a number and may not work for visitors if your privacy settings block it.
• A floating button that covers the checkout or cookie banner on phones.
• No fallback contact. Visitors without Telegram need another way to reach you.
• No automatic reply. Visitors wonder whether their message arrived.
• Forgetting to update the link after changing a username, which leaves the button pointing at nothing, or at someone else who takes the old name.
• Installing a plugin without checking what it loads. Some add tracking you did not intend.

Troubleshooting

The button opens a "user not found" or empty page

The username is wrong, has changed, or the account has no username. Open the link yourself, correct the username in the button, and remember that usernames you give up can be taken by others.

Tapping the button does nothing on iPhone or Android

Some in-app browsers, such as those inside other apps, handle external links poorly. Ask the visitor to open your site in their regular browser, or make sure the link uses https t.me rather than tg://. Check also that no script on your site intercepts the click.

The button opens the browser page but not the app

On some devices the app link association needs the Telegram app to be up to date. The t.me page offers an "Open in Telegram" button; that usually works. If many visitors report this, add a short note under the button.

The floating button covers other elements

Change the corner, raise or lower its position, or hide it on small screens and show an ordinary button in the page content instead.

Messages arrive but nobody sees them

Notifications for the business account are off, or the bot is not connected to the tool your team watches. Test by sending yourself a message from another account.

What to do next

• Add the button to your contact page first, then decide whether a floating version is worth it.
• Set up a greeting message and saved replies before the first visitor writes.
• If messages grow, consider a bot and a helpdesk. Our guide on Telegram customer support for business covers the setup.
• If you also want people to follow you, add a channel button and list the channel in our directory through submit a channel.

FAQ

Is there an official Telegram chat widget for websites?

Telegram provides link formats, embeddable post widgets and a login widget, but a website chat button is normally just a t.me link styled as a button. Floating buttons and website chat boxes come from plugins, site builders or third-party services.

Can visitors message me without seeing my phone number?

Yes. Link to your username or a business chat link. Your phone number stays hidden according to your privacy settings.

Can I prefill the visitor's first message?

Business chat links in Telegram Business can include a prefilled message. For a bot, the start parameter tells the bot where the visitor came from, and the bot can reply first with a helpful prompt.

Will the button work for people who do not use Telegram?

They will see a page inviting them to install Telegram. Offer another contact method beside the button, or use a website chat box that your team answers from Telegram.

Can I see how many people clicked the button?

Your website analytics can count clicks. To count actual conversations, use a bot with a start parameter per page, or a named invite link for a group or channel.

Should I use a bot or my own account?

Use your own business account for low volume and a personal touch. Use a bot when several people answer, when you want automatic triage, or when you want to track conversations by page.

Summary

A Telegram chat button is a t.me link with a good label. Choose the destination first: a business account for a personal touch, a bot for teams and tracking, a group for community support, or a channel for updates. Build and test the link on phone and computer, add it as a simple or floating button, and offer a QR code and a fallback contact. Set expectations, answer promptly, protect the account, and track conversations through bot parameters or invite links.