使用电报触点widtget
在电报应用程序上获取即时表单提交简介
与您网站的访问者互动从未如此迷人！由GetIntotouch供电的电报联系表小部件可让您直接在电报应用程序上接收表单，作为即时通知或消息。无论您是博客，投资组合还是任何基于HTML的网站，该小部件都会毫不费力地简化通信，以确保您永远不会错过查询或反馈。在本分步指南中，我们将向您展示如何整合此迷人的电报联系人表格窗口小部件，同时可以自由选择您的首选实施方法。
电报触点的魔力widget
电报联系表小部件为您的网站提供了一系列迷人的好处：
-
实时通知：立即在电报应用程序上收到表单提交，从而迅速响应用户查询。
-
多功能集成：无论您是博客上的博客还是任何基于HTML的网站，该小部件都可以在任何地方使用魔术。
-
可自定义的表单模板：从Internet选择任何表单模板，小部件将无缝将数据发送到API URL。
-
用户友好的体验：访问者可以通过用户友好的表单轻松提交信息，消息甚至文件。
创建电报联系人表格widget
步骤1：获取您的电报用户ID
继续前进，请确保您拥有电报用户ID。如果您还没有它，请访问Telegram.me/userinfobot获取您的电报用户ID，并随时使用它。
步骤2：访问GetIntotouch API文档
访问GetIntoTouch API Documentation并探索在您的电报应用程序上接收表格提交的魔力。
步骤3：生成您的API URL
使用API文档，通过将电报用户ID附加到端点来创建您的唯一API URL：
用API URL中的Telegram用户ID替换{YOUR_TELEGRAM_USER_ID}。
步骤4：自定义您的表格
从Internet选择一个迷人的表单模板或使用HTML设计自己的模板。确保它包括名称，消息和可选的照片/文件上传的基本字段。
步骤5：实现表单提交（选项1：操作属性）
在您的触点表格的<form>标签中，将action属性设置为步骤3中生成的唯一API URL，然后将method属性设置为“ post”。
<form id="messageForm" method="post" enctype="multipart/form-data" action="https://getintotouch.sh20raj.com/api.php?id={YOUR_TELEGRAM_USER_ID}">
<!-- Your form fields here -->
</form>
步骤5：实现表单提交（选项2：fetch/xhr请求）
另外，您可以使用JavaScript处理表单提交并将数据发布到API URL。使用以下脚本代码：
<script>
document.getElementById("messageForm").addEventListener("submit", function(event) {
event.preventDefault(); // Prevent the default form submission
const form = event.target;
const formData = new FormData(form);
const userid = 'Enter Your Telegram User ID taken from @userinfobot';
fetch("https://getintotouch.sh20raj.com/api.php?id=" + userid, {
method: "POST",
body: formData,
})
.then(response => response.json())
.then(data => {
// Handle the response data as needed
console.log(data);
if (data.status === 'success') {
// Optionally, display a success message to the user
alert("Message sent successfully!");
} else if (data.status === 'failed') {
alert("Message sent Failed!");
}
})
.catch(error => {
console.error("Error:", error);
// Optionally, display an error message to the user
alert("An error occurred while sending the message.");
});
});
</script>
步骤6：测试您的电报联系表窗口小部件
通过提交示例条目并确保您在Telegram App上收到相应的通知来测试您的电报联系表小部件。
结论
恭喜！您已经召集了电报联系表格窗口小部件的魔术，使您可以在电报应用程序上接收表单作为即时通知或消息。无论您是博客作者还是任何基于HTML的网站上的博客，该小部件都可以确保与您的访问者获得无缝而引人入胜的沟通体验。
随时可以在Widget Wonderland探索更多迷人的小部件，并在CodexDIndia获得宝贵的见解。要开始在Telegram应用程序上收到您的表格提交，请访问GetIntoTouch，然后开始结界！
拥抱实时沟通的力量，永远不要错过电报联系表小部件的节拍。愉快的博客，并让表单提交神奇地流入您的电报应用程序通知/消息！