How To Article

How to Add Telegram to Website: A How-To Guide

Román Filgueira García
Content Writer, Respond.io
June 13, 2022

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.

This is an image showing where to find respond.io’s Widget Telegram. With a Telegram widget, website visitors can conveniently start a conversation with you and find answers to their inquiries in just a few clicks.
Where to find respond.io’s Telegram chat widget

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.

This is an image showing three reasons to use Telegram widget for website: Encourage Telegram users to chat, capture leads and offer real-time support
Benefits of using a Telegram widget for website

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.

  1. Connect respond.io’s website chat widget as a channel
  2. Install the website chat widget on your website
  3. Add a Telegram channel to the widget header
This image shows how to Add Telegram to Website: First, connect website chat widget. Second, install website chat widget. Third, customize widget header with Telegram channel.
Three general steps to add Telegram to website with respond.io

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.

This image shows how to connect Telegram chat widget to website with respond.io
Step 1: Connect the website chat widget as a respond.io channel

Here you must complete three steps.

  1. Add the website(s) where the widget will be embedded. To properly whitelist your website, we recommend you check our documentation.
  2. Select a theme color for the widget. Here’s a tip: Consider using your brand colors for a more cohesive look with your website.
  3. 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.

This image shows how to add Telegram link in website with respond.io
Step 2: Install the widget into your website

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.

  1. Select your website chat channel and press Customize.
  2. Collapse the Header Elements dropdown.
  3. Type a Title, Tagline and drop an optional logo image to show at the top of the website chat.
  4. Click on Add Channel and select Telegram.
  5. Add your Telegram Bot name.
This image shows how to customize your widget Telegram with respond.io
Step 3: Add Telegram to your widget header and customize it

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.

Tags
Copied to Clipboard!

Ready to get started?

Thank you! You are being redirected to sign-up form.
Oops! Something went wrong, refresh your browser and try again.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Sign Up Free