When it comes to customer communication, the first rule is to identify and use your audience’s messaging channel(s) of preference. With a Telegram widget for website, your Telegram contacts will be able to contact you directly from your website at all times. In this blog post, we’ll introduce you to Telegram widgets and show you how to add Telegram to website.

Introduction
Telegram is a popular messaging app in multiple countries, and it keeps growing its monthly active users (MAUs) every year. Hence, there is a chance your audience is already using Telegram to chat or to engage with Telegram Channels and Telegram Bots.
What is a Telegram Widget for Website?
Telegram offers customers multiple ways to start a conversation with you. Aside from in-app search, QR codes and click-to-chat links, you can also integrate a Telegram widget into your website for visitors to reach out to you.
But, what is a Telegram widget and why should you use one? With a Telegram widget, website visitors can conveniently start a conversation with you and find answers to their inquiries in just a few clicks.

With respond.io, it’s as simple as clicking on the website chat icon on the bottom right corner of the website and selecting Telegram on the widget header. Aside from desktops, you can also access the widget while using your phone. Talk about convenience!
Telegram Widget for Website: Benefits
With a Telegram widget, it’s easy for Telegram users to reach out to you and continue chatting even after they exit your website. This is not the case for website chat, which requires visitors to remain on the page to send and receive messages.
A Telegram widget also provides an additional way to capture leads. A number of your website visitors are considering your product or service, so don’t miss the chance and offer them a way to immediately chat with you over Telegram.

Lastly, you’ll improve the quality of your support with real-time conversations. For companies without agents available 24/7, we advise using Telegram automated replies to manage response time expectations and request essential data for agent follow-up.
Now you should be familiar with the pros of having a Telegram chat widget on your website. In the next section, we’ll show you how to set up your Telegram widget using respond.io.
How to Integrate Telegram on Your Website with respond.io
To start, make sure you have a respond.io account and a Telegram Business account. Now we'll show you how to add a Telegram widget to your website with the following steps.
- Connect respond.io’s website chat widget as a channel
- Install the website chat widget on your website
- Add a Telegram channel to the widget header

If this sounds too technical, don’t fret, as we’ll guide you through every step. Let’s start by connecting the website chat widget as a respond.io channel.
Add Telegram to Website Step 1: Connect Website Chat Widget
From the Settings Module, navigate to Channels. Then, click on Add Channel and choose Website Chat. A popup named Connecting Website Chat will appear.

Here you must complete three steps.
- Add the website(s) where the widget will be embedded. To properly whitelist your website, we recommend you check our documentation.
- Select a theme color for the widget. Here’s a tip: Consider using your brand colors for a more cohesive look with your website.
- Choose or upload an icon for the widget. If you’re using your own icon, the recommended size is 256px x 256px.
Would you like to further customize your Telegram widget? That’s not a problem. You’ll have the option to do it later. Once you’re done with these steps, just click Next to generate the script.
Add Telegram to Website Step 2: Install Website Chat Widget
Some people may find this step challenging, and that’s why we have included the option to send the installation instructions to a website admin via email.
But if you prefer to do it yourself, here are the installation instructions for WordPress, Shopify, Wix and Squarespace. For other platforms or services, navigate to the HTML source of the page and paste the script before the </body> tag.

After the script is installed, there is one thing left - we need to make Telegram available as a messaging channel on the widget header. Let’s see how to do it.
Add Telegram to Website Step 3: Add Telegram Channel to Widget Header
To add Telegram to your website chat widget, navigate to Channels from the Settings Module once again. Then, follow these steps.
- Select your website chat channel and press Customize.
- Collapse the Header Elements dropdown.
- Type a Title, Tagline and drop an optional logo image to show at the top of the website chat.
- Click on Add Channel and select Telegram.
- Add your Telegram Bot name.

For more customization options, make sure you also explore the following dropdowns: Display & Appearance, Position, Pre-Chat Form and Additional Settings.
What’s next?
For businesses with more than one messaging channel, respond.io unifies website chat and messaging channels in a single widget. Hence, visitors can choose between asking their questions via website chat or a messaging channel on the widget header.
This is all you need to know about Telegram widget for website. But the possibilities don’t end there. Respond.io offers multiple solutions for seamless customer experience and team management.
Do you want to market, sell and support on Telegram with the leading messaging platform? Sign up for a respond.io account today!

Further Reading
Did you find this reading interesting? If so, we suggest you check out the following Telegram articles.