UI elements supported on Telegram
Written by Medha Anand
Updated on August 26th, 2022
- Getting Started
- Bot Building
- Conversation Design
-
Developer Guides
Code Step Integration Static Step Integration Shopify Integration SETU Integration Exotel Integration CIBIL integration Freshdesk KMS Integration PayU Integration Zendesk Guide Integration Twilio Integration Razorpay Integration LeadSquared Integration USU(Unymira) Integration Helo(VivaConnect) Integration Salesforce KMS Integration Stripe Integration PayPal Integration CleverTap Integration Fynd Integration HubSpot Integration Magento Integration WooCommerce Integration Microsoft Dynamics 365 Integration
- Deployment
- Agent Setup
- Analytics & Reporting
- Notifications
- Commerce Plus
- Troubleshooting Guides
- Release Notes
With Telegram chatbots, users can interact with a business by sending them text as well as media messages. In this document, you can see how different elements are rendered on the Telegram Bot v/s Haptik Bot.
Telegram |
Haptik Web SDK |
|
Text
This element can be used to send text messages. There is no limit to the number of characters in the text body. | |
 |
 |
|
Emoji
It displays any emoji, stickers sent in the form of text messages. It has a visual emoji selector on telegram for Emoji, Sticker, and GIF. | |
 |
 |
|
Links
Link opens a URL when tapped or clicked. Limitation: Hyperlinks will be shown as it is and cannot be turned into buttons on Telegram. However, deep links in the form of buttons are possible on the Haptik platform. | |
 |
 |
|
Button
Buttons can trigger replies, web links, purchases, and more. The button does not disappear after the user taps on it, and therefore it can be clicked many times. Limitations: The total number of action buttons - 3 (action buttons are buttons like replies/ web link/ webview/call/email). So at the most, you can have 3 buttons with some CTA and 4 buttons with text replies that make it a total number of buttons allowed - 7 Character Limits: Telegram supports 120 characters on buttons, and 70 characters are supported on the Haptik button. | |
 |
 |
|
GIF
Telegram has a visual emoji selector for sending Emoji, stickers, and GIFs. | |
 |
 |
|
Images
Sending and receiving images is simple and supported through both messaging shorthands. The image upload option (attachment) is only available on Telegram. Limitations: Telegram attachments impose a file size limit of 2GB whereas Haptik supports a file size limit of 5MB. | |
 |
 |
|
File
For Telegram, users can send any document from their computer or mobile device from the attachment icon where users can attach the file. Any document type can be received and opened from chats. For Haptik, users can send any document from an action button where users can attach the file. Documents can be accepted in PDF, DOC, XLS, CSV format. Limitations: Telegram attachments impose a file size limit of up to 2GB. Haptik files captured are supported to a file size limit of 5MB. | |
 
|
 
|
|
Typing indicator
It can show that the bot is replying with a typing animation. Telegram allows you to specify a bot name and bot avatar. | |
 |
 |
Quick replies, Location, Prechat Capture, Form, Carousel, Taskbox are not supported on Telegram.
HSM to send Audio files to the user
You can copy this Highly Structured Message (HSM) and paste it in the Bot response section of the Conversation Studio tool.
{
"text": "Here is audio file",
"type": "BUTTON",
"data": {
"items": [
{
"actionable_text": "Download Audio",
"location_required": false,
"is_default": 0,
"uri": "LINK",
"type": "APP_ACTION",
"payload": {
"gogo_message": "",
"url": "<LINK TO AUDIO FILE>"
}
}
]
},
"isNew": false
}HSM to display PDFs to the user
You can copy this Highly Structured Message (HSM) and paste it in the Bot response section of the Conversation Studio tool.
{
"type":"BUTTON",
"data":{
"items":[
{
"actionable_text":"SID",
"location_required":false,
"is_default":0,
"uri":"LINK",
"type":"APP_ACTION",
"payload":{
"gogo_message":"",
"url":"<LINK TO PDF>"
}
}
]
},
"isNew":false
}