How to Embed a Telegram Message Button to your website?

How to Embed a Telegram Message Button to your website?


Embed a Telegram chat button on your website

Customers are eager for convenient, straightforward ways to reach support teams with questions or concerns, so Zoho Desk is providing tools to help businesses embed chat buttons directly on their website. With over 500 million monthly active users, the most widely sought out business messaging app around the world is Telegram. If you're looking for a way to leverage this communication channel, here's how to embed a Telegram Chat Button on your website with Zoho Desk. 

Why should you add a Telegram chat button?

    1. The embeddable button allows your site visitors to engage with your businesses right away.
    2. It also frees your customers from the burden of waiting, boosting customer experience with fast answers to their questions and concerns.
    3. Many people use Telegram for business communications, so this gives you a committed messaging medium for your customers on a platform they already know and love. 

How to add a Telegram chat button to your website

To set up the embeddable message button you will need a Telegram BOT API and a verified BOT User Name. With the Telegram BOT username that you provided, a unique reference chat link will be generated for every business account.
There are three ways to allow your customers to contact you via the Telegram messaging app by setting it up as a chat option on your site.
    •    Via a Link
    •    Via a QR Code
    •    Via a customizable Message Button (Code Snippet) 

Regardless of which option you choose, you start by generating a Telegram embed code:

    1. Navigate to the Setup icon ( ) in the top bar.
    2. Select Instant Messaging under the channels option.
    3. Select Telegram Channel.
    4. Click on Configure.
    5. Select the channel that you wish to set up the embeddable button for.
    6. Click on Generate Telegram Embed Code by hovering over the Channel options. 
The chat link feature lets customers click on an auto-generated Telegram chat link and start chatting instantly through the Telegram messaging app.


2. QR Code

You can also start chatting by downloading an auto-generated QR code. All you have to do is download the code and paste it on your site. You can also display it at your store (physical outlet) for customers to quickly scan and reach out to you instantly through the Telegram app.


3. Message Button

The third option is probably the most frequently used. You can create a message button easily by using the customizable code snippet option below.
Step 1: Customize the message button on the IM Setup by choosing the Message Button style.

(i) Choose the button size
    •    Compact (or)
    •    Standard

(ii) Choose the background color of the button
    •    Primary (or)
    •    Secondary

(iii) Enter the button text (This will be displayed on your site)

(iv) Choose the size of the button radius by moving the cursor over the desired size value and selecting it

On the right-hand side, you can see the Customized Telegram Chat Button Preview option. You can finalize it and then copy the generated code snippet.

Step 2: Once you have customized the button based on your preferences, copy the generated code snippet as shown below.

Step 3: Find the right position to place the embeddable button on your website and paste the code snippet there.


Viola! This customized message button will enhance your webpage and will give your customers the instant support they need.