<!DOCTYPE html>
<html class="">
  <head>
    <meta charset="utf-8">
    <title>Telegram Widgets</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="description" content="Telegram widgets offer a quick way to add a sharing button to your pages, embed posts from public channels or groups. Widgets…">
    <meta property="og:title" content="Telegram Widgets">
    <meta property="og:image" content="">
    <meta property="og:description" content="Telegram widgets offer a quick way to add a sharing button to your pages, embed posts from public channels or groups. Widgets…">
    <link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
    <link href="/css/bootstrap.min.css?3" rel="stylesheet">
    
    <link href="/css/telegram.css?236" rel="stylesheet" media="screen">
    <style>
    </style>
  </head>
  <body class="preload">
    <div class="dev_page_wrap">
      <div class="dev_page_head navbar navbar-static-top navbar-tg">
        <div class="navbar-inner">
          <div class="container clearfix">
            <ul class="nav navbar-nav navbar-right hidden-xs"><li class="navbar-twitter"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i><span> Twitter</span></a></li></ul>
            <ul class="nav navbar-nav">
              <li><a href="//telegram.org/">Home</a></li>
<li class="hidden-xs"><a href="//telegram.org/faq">FAQ</a></li>
<li class="hidden-xs"><a href="//telegram.org/apps">Apps</a></li>
<li class=""><a href="/api">API</a></li>
<li class=""><a href="/mtproto">Protocol</a></li>
<li class=""><a href="/schema">Schema</a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="container clearfix">
        <div class="dev_page">
          <div id="dev_page_content_wrap" class=" ">
  <div class="dev_page_bread_crumbs"></div>
  <h1 id="dev_page_title">Telegram Widgets</h1>
  
  <div id="dev_page_content"><p>Telegram widgets offer a quick way to add a <a href="https://core.telegram.org/widgets/share"><strong>sharing button</strong></a> to your pages, <a href="https://core.telegram.org/widgets/posts"><strong>embed posts</strong></a> from public <a href="https://telegram.org/tour/channels">channels</a> or <a href="https://telegram.org/tour/groups">groups</a>. Widgets can also help your users <a href="https://core.telegram.org/widgets/login"><strong>log in with Telegram</strong></a> or view <a href="https://core.telegram.org/widgets/discussion"><strong>Telegram Discussions</strong></a> on your website.</p>
</div>
  <div class="dev_page_widgets_list clearfix">
  <div class="dev_page_widget_item">
    <a href="/widgets/share" class="dev_page_widget_thumb dev_page_widget_thumb_share"></a>
    <div class="dev_page_widget_title">
      <a href="/widgets/share">Sharing button</a>
    </div>
  </div>
  <div class="dev_page_widget_item">
    <a href="/widgets/post" class="dev_page_widget_thumb dev_page_widget_thumb_post"></a>
    <div class="dev_page_widget_title">
      <a href="/widgets/post">Post Widget</a>
    </div>
  </div>
  <div class="dev_page_widget_item">
    <a href="/widgets/login" class="dev_page_widget_thumb dev_page_widget_thumb_login"></a>
    <div class="dev_page_widget_title">
      <a href="/widgets/login">Login Widget</a>
    </div>
  </div>
  <div class="dev_page_widget_item">
    <a href="/widgets/discussion" class="dev_page_widget_thumb dev_page_widget_thumb_comments"></a>
    <div class="dev_page_widget_title">
      <a href="/widgets/discussion">Discussion Widget</a>
    </div>
  </div>
</div>
</div>
          
        </div>
      </div>
      <div class="footer_wrap">
  <div class="footer_columns_wrap footer_desktop">
    <div class="footer_column footer_column_telegram">
      <h5>Telegram</h5>
      <div class="footer_telegram_description"></div>
      Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
    </div>

    <div class="footer_column">
      <h5><a href="//telegram.org/faq">About</a></h5>
      <ul>
        <li><a href="//telegram.org/faq">FAQ</a></li>
        <li><a href="//telegram.org/privacy">Privacy</a></li>
        <li><a href="//telegram.org/press">Press</a></li>
      </ul>
    </div>
    <div class="footer_column">
      <h5><a href="//telegram.org/apps#mobile-apps">Mobile Apps</a></h5>
      <ul>
        <li><a href="//telegram.org/dl/ios">iPhone/iPad</a></li>
        <li><a href="//telegram.org/android">Android</a></li>
        <li><a href="//telegram.org/dl/web">Mobile Web</a></li>
      </ul>
    </div>
    <div class="footer_column">
      <h5><a href="//telegram.org/apps#desktop-apps">Desktop Apps</a></h5>
      <ul>
        <li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
        <li><a href="//macos.telegram.org/">macOS</a></li>
        <li><a href="//telegram.org/dl/web">Web-browser</a></li>
      </ul>
    </div>
    <div class="footer_column footer_column_platform">
      <h5><a href="/">Platform</a></h5>
      <ul>
        <li><a href="/api">API</a></li>
        <li><a href="//translations.telegram.org/">Translations</a></li>
        <li><a href="//instantview.telegram.org/">Instant View</a></li>
      </ul>
    </div>
  </div>
  <div class="footer_columns_wrap footer_mobile">
    <div class="footer_column">
      <h5><a href="//telegram.org/faq">About</a></h5>
    </div>
    <div class="footer_column">
      <h5><a href="//telegram.org/blog">Blog</a></h5>
    </div>
    <div class="footer_column">
      <h5><a href="//telegram.org/apps">Apps</a></h5>
    </div>
    <div class="footer_column">
      <h5><a href="/">Platform</a></h5>
    </div>
    <div class="footer_column">
      <h5><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)">Twitter</a></h5>
    </div>
  </div>
</div>
    </div>
    <script src="/js/main.js?47"></script>
    
    <script>backToTopInit("Go up");
removePreloadInit();
</script>
  </body>
</html>