How to Build a Contact Form Using the Telegram API

Building an HTML contact form that sends messages to Telegram.

How to Build a Contact Form Using the Telegram API

If you are a blogger or just starting out with web development, adding a contact form usually means dealing with PHP backends, servers, or paying for premium contact form plugins. But you can actually bypass all of that. By using the Telegram API, you can build a lightweight contact form using just HTML, CSS, and JavaScript. Every time someone submits a message, it will land directly in your Telegram inbox as an instant push notification. Completely free and serverless. Step 1: The Telegram Setup (Bot & Chat ID) Before writing any code, you need two things from Telegram: a Bot Token and your Chat ID. Get a Bot Token: Search for @BotFather on Telegram. Send /newbot , name your bot, and grab the HTTP API Token it gives you. Get Your Chat ID: Search for @userinfobot on Telegram and press start. It will give you a numeric Id . Copy it. Important: Open your new bot's chat interface and press Start . If you don't do this, the bot won't be allowed to send you messages. Step 2: Breakin…

Post a Comment

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1531375970-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZrQ6rksE7Gsmn42BVp8Boiq:1783256976844';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6301781538681773802','//norddev.blogspot.com/2026/06/contact-form-telegram-api-tutorial.html?amp\x3d1','6301781538681773802');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6301781538681773802', 'title': 'NordDev', 'url': 'https://norddev.blogspot.com/2026/06/contact-form-telegram-api-tutorial.html?amp\x3d1', 'canonicalUrl': 'https://norddev.blogspot.com/2026/06/contact-form-telegram-api-tutorial.html', 'homepageUrl': 'https://norddev.blogspot.com/?amp\x3d1', 'searchUrl': 'https://norddev.blogspot.com/search', 'canonicalHomepageUrl': 'https://norddev.blogspot.com/', 'blogspotFaviconUrl': 'https://norddev.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22NordDev - Atom\x22 href\x3d\x22https://norddev.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22NordDev - RSS\x22 href\x3d\x22https://norddev.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22NordDev - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6301781538681773802/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22NordDev - Atom\x22 href\x3d\x22https://norddev.blogspot.com/feeds/2903498432943172544/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1342565296255429', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/579837e3f8e84446', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '2903498432943172544', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnso5abGYlVPd_AuK3lghyphenhyphenb7iFNJuiSjy1rwI0cFFDUGKp3r9LRSnH9PLHNgEjgD5PEx0x9kQpiyCcFZDZQhVHuLPIIJ_2HMdUXpVCpZk7QkhlGvZwyFz32pRGdtU7jKk4ccOs5f_28DIJLxsG_zZMshyphenhyphencg5MpdmW7Fhrz0nQNFflhsQ/s72-c/1000013727.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnso5abGYlVPd_AuK3lghyphenhyphenb7iFNJuiSjy1rwI0cFFDUGKp3r9LRSnH9PLHNgEjgD5PEx0x9kQpiyCcFZDZQhVHuLPIIJ_2HMdUXpVCpZk7QkhlGvZwyFz32pRGdtU7jKk4ccOs5f_28DIJLxsG_zZMshyphenhyphencg5MpdmW7Fhrz0nQNFflhsQ/s1600/1000013727.png', 'pageName': 'How to Build a Contact Form Using the Telegram API', 'pageTitle': 'NordDev: How to Build a Contact Form Using the Telegram API', 'metaDescription': 'Building an HTML contact form that sends messages to Telegram. '}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'How to Build a Contact Form Using the Telegram API', 'description': 'Building an HTML contact form that sends messages to Telegram. ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnso5abGYlVPd_AuK3lghyphenhyphenb7iFNJuiSjy1rwI0cFFDUGKp3r9LRSnH9PLHNgEjgD5PEx0x9kQpiyCcFZDZQhVHuLPIIJ_2HMdUXpVCpZk7QkhlGvZwyFz32pRGdtU7jKk4ccOs5f_28DIJLxsG_zZMshyphenhyphencg5MpdmW7Fhrz0nQNFflhsQ/s1600/1000013727.png', 'url': 'https://norddev.blogspot.com/2026/06/contact-form-telegram-api-tutorial.html?amp\x3d1', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 2903498432943172544}}, {'name': 'widgets', 'data': [{'title': 'NordDev (Header)', 'type': 'Header', 'sectionId': 'sec_Header_Title', 'id': 'Header01'}, {'title': 'Looking for something?', 'type': 'BlogSearch', 'sectionId': 'sec_Header_Search', 'id': 'BlogSearch01'}, {'title': 'Header Icon', 'type': 'TextList', 'sectionId': 'sec_Header_Icon', 'id': 'TextList01'}, {'title': 'Bookmark Posts', 'type': 'LinkList', 'sectionId': 'sec_Header_Icon', 'id': 'LinkList02'}, {'title': 'Navigation Menu', 'type': 'HTML', 'sectionId': 'sec_Nav_Widgets_1', 'id': 'HTML01'}, {'title': 'Additional Links', 'type': 'PageList', 'sectionId': 'sec_Nav_Widgets_2', 'id': 'PageList02'}, {'title': 'Tabbed Menu', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList05'}, {'title': 'Notification', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList06'}, {'title': 'Labels Description', 'type': 'LinkList', 'sectionId': 'sec_Under_Header', 'id': 'LinkList07'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'sec_Main_Widgets', 'id': 'Blog01', 'posts': [{'id': '2903498432943172544', 'title': 'How to Build a Contact Form Using the Telegram API', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnso5abGYlVPd_AuK3lghyphenhyphenb7iFNJuiSjy1rwI0cFFDUGKp3r9LRSnH9PLHNgEjgD5PEx0x9kQpiyCcFZDZQhVHuLPIIJ_2HMdUXpVCpZk7QkhlGvZwyFz32pRGdtU7jKk4ccOs5f_28DIJLxsG_zZMshyphenhyphencg5MpdmW7Fhrz0nQNFflhsQ/s1600/1000013727.png', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'in'}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Published by'}, {'name': 'timestamp', 'label': 'On'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'in'}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'Table of contents', 'type': 'HTML', 'sectionId': 'sec_Main_Widgets', 'id': 'HTML11'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sec_Side_Widgets', 'id': 'PopularPosts01', 'posts': [{'title': 'CSS Flexbox vs. CSS Grid: When to Use Which? (With Clear Examples)', 'id': 7763893378315281294}, {'title': 'How to Connect an HTML Form to Google Sheets Without Backend Code', 'id': 1669570203746180016}, {'title': 'Top 5 Markdown Shortcuts for Better GitHub README Files', 'id': 3860452356199795229}, {'title': 'How to Permanently Delete a Git Branch (Locally and Remotely)', 'id': 327998147408848009}, {'title': 'How to Fix Git Error: \x22fatal: refusing to merge unrelated histories\x22', 'id': 1078275962173397662}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Side_Widgets', 'id': 'Label01'}, {'title': 'Take me back', 'type': 'HTML', 'sectionId': 'sec_Error_404', 'id': 'HTML404'}, {'title': 'Organization [BlogTitle]', 'type': 'Image', 'sectionId': 'sec_Footer_Organization', 'id': 'Image21'}, {'title': 'Quick Links', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList22'}, {'title': 'Legal Pages', 'type': 'LinkList', 'sectionId': 'sec_Footer_Widgets', 'id': 'LinkList23'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'sec_Footer_Bottom', 'id': 'HTML21'}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sec_Theme_Hidden', 'id': 'Label41'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'sec_Theme_Hidden', 'id': 'ContactForm41'}, {'title': 'Pageviews last month', 'type': 'Stats', 'sectionId': 'sec_Theme_Hidden', 'id': 'Stats41'}, {'title': 'Cookie Consent [NoTitle]', 'type': 'LinkList', 'sectionId': 'sec_Addon_Widgets', 'id': 'LinkList63'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header01', 'sec_Header_Title', document.getElementById('Header01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch01', 'sec_Header_Search', document.getElementById('BlogSearch01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList01', 'sec_Header_Icon', document.getElementById('TextList01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList02', 'sec_Header_Icon', document.getElementById('LinkList02'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML01', 'sec_Nav_Widgets_1', document.getElementById('HTML01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList02', 'sec_Nav_Widgets_2', document.getElementById('PageList02'), {'title': 'Additional Links', 'links': [{'isCurrentPage': false, 'href': 'https://norddev.blogspot.com/p/privacy-policy.html?amp\x3d1', 'id': '2268301705936119378', 'title': 'Privacy Policy'}, {'isCurrentPage': false, 'href': 'https://norddev.blogspot.com/p/terms.html?amp\x3d1', 'id': '3120013168258972007', 'title': 'Terms and Conditions'}, {'isCurrentPage': false, 'href': 'https://norddev.blogspot.com/p/disclaimer.html?amp\x3d1', 'id': '1157764412625916868', 'title': 'Disclaimer '}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList05', 'sec_Under_Header', document.getElementById('LinkList05'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList06', 'sec_Under_Header', document.getElementById('LinkList06'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList07', 'sec_Under_Header', document.getElementById('LinkList07'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog01', 'sec_Main_Widgets', document.getElementById('Blog01'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3976676350-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sec_Main_Widgets', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts01', 'sec_Side_Widgets', document.getElementById('PopularPosts01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label01', 'sec_Side_Widgets', document.getElementById('Label01'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML404', 'sec_Error_404', document.getElementById('HTML404'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image21', 'sec_Footer_Organization', document.getElementById('Image21'), {'resize': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList22', 'sec_Footer_Widgets', document.getElementById('LinkList22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList23', 'sec_Footer_Widgets', document.getElementById('LinkList23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sec_Footer_Bottom', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label41', 'sec_Theme_Hidden', document.getElementById('Label41'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm41', 'sec_Theme_Hidden', document.getElementById('ContactForm41'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '6301781538681773802', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AEUoTZpMDzNCtvDkC6GSSo8Mmk2J:1783256976844', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_StatsView', new _WidgetInfo('Stats41', 'sec_Theme_Hidden', document.getElementById('Stats41'), {'title': 'Pageviews last month', 'showGraphicalCounter': false, 'showAnimatedCounter': false, 'showSparkline': true, 'statsUrl': '//norddev.blogspot.com/b/stats?amp\x3d1\x26style\x3dBLACK_TRANSPARENT\x26timeRange\x3dLAST_WEEK\x26token\x3dAFVZEFwliyqk-0ZTKyVocAtpa67Cl6EtJlg3S0rDYO14UILBXiyrMGBUd8_7pzuKYcsxy-rmtmjTfGYJUTmLHhM'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList63', 'sec_Addon_Widgets', document.getElementById('LinkList63'), {}, 'displayModeFull'));
</script>
</body>