HTML, Telegram

Join Telegram: Switch your Simple Link to A Professional Button

The Telegram was officially launched in India in August 2013 as an alternative to WhatsApp. There was a news trending at the time that you should use Telegram instead of WhatsApp as it is a completely Indian application. However, this is not entirely true because Telegram was launched in 2013 and founded the Russian social network VK.

Although Telegram has not been used as an alternative to WhatsApp, because WhatsApp is a trusted social network operated by Facebook. Telegram currently exceeds 400 million monthly active users.

Although Telegram has not been used as an alternative to WhatsApp, because WhatsApp is a trusted social network operated by Facebook. Telegram currently exceeds 400 million monthly active users.

Here we will talk about telegram channels. If you share your Telegram channel link, (Eg. inside: @yourchannel, or outside: Telegram.me/yourchannel) users will be able to visit and read your public channel content by clicking on the link, and if needed they can join your channel with a join button at the bottom of the display.

But if you have a website and you want to engage your audience on your telegram channel, then You can use an Iframe HTML Join button on your website.

  1. First, select any one of the buttons you want to display in your website’s sidebar and posts.
  2. There is a separate HTML code for each iframe button.
  3. Copy the code of your selected button and save it in Notepad.
  4. Now find this line in the Code-  chat_id=jointechsolution
  5. Replace this text jointechsolution with your Channel username.
  6. To get your channel username, Click the link below and open the Telegram app
  7. https://t.me/username_to_id_bot
  8. Send the invitation link and you’ll get information about your channel, including channel ID and username.
Demo 1
Demo 2
Demo 3

Telegram Join Button Type 1

<iframe id="webbuttonwidget" class="center" file="webbuttonwidget" src="https://telegrambutton.com/webbuttonwidget.php?chat_id=jointechsolution&showchatid=true&showmembercount=true&showmembercount=true&color=&pulse=false&textcolor=white&shadowval=&textval=join channel" border="1" style="border:20px;height: 125px;" width="240px"></iframe>

Telegram Join Button Type 2

<iframe id="webroundbuttonwidget2" file="webroundbuttonwidget" src="https://telegrambutton.com/webroundbuttonwidget.php?chat_id=jointechsolution&showchatid=true&showmembercount=true&showmembercount=true&color=&pulse=true&textcolor=white&shadowval=&textval=join channel" border="1" style="border:20px;height: 100px;width: 100px;"></iframe>

Telegram Join Button Type 3

<iframe id="webroundbuttonwidget1" file="webroundbuttonwidget" src="https://telegrambutton.com/webroundbuttonwidget.php?chat_id=jointechsolution&showchatid=true&showmembercount=true&showmembercount=true&color=&pulse=false&textcolor=white&shadowval=&textval=join channel" border="1" style="margin-top:10px;border:20px;height: 60px;width: 60px;"></iframe>

Leave a comment