CyberBoyAyush / Contact-Form

The Lightweight Contact Form which send contact requests on your Telegram

Home Page:https://cachecleanerjeet.github.io/Contact-Form/demo.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contact Form


Note: This Repo Is Fork Of Tuhin Bhai Repo With Some Color Addition You Can Use His Repo Or Can Use This Repo.

Features :

  • Cool Layout
  • Message goes on your Telegram
  • 7 KB of JS Code
  • Serverless Backend (Cloudflare Worker)
  • One Line of Integration

Deploy :

Setup the Backend ๐Ÿ‘‡

  • Create a Telegram Bot from Botfather & Grab the Token.
  • Goto your created bot and send /start.
  • Now GoTo userinfobot send it any message it will give your Telegram ID (9 Digit) and copy the ID.
  • Open cf-worker.js and copy the whole code.
  • Go to Cloudflare Workers and create a worker & paste the copied code.
  • Replace the BOT_TOKEN & CHATID with your previously copied Bot Token and User ID.
  • Save and Deploy & copy the Worker Url

Connect it with your website ๐Ÿ‘‡

  • Paste this Script :
<script src="https://cdn.jsdelivr.net/gh/cyberboyayush/contact-form@master/src/contact-form.min.js" id="contactform" form_worker_url="https://yourapp.example.workers.dev/"></script>

<!-- Replace https://yourapp.example.workers.dev with your backend url-->

Use The Backend API ๐Ÿ‘‡

  • This is very simple to, Just do a POST or GET request with this JSON Body
{
   "name" : "Tuhin Kanti Pal",
   "phone_no" : "000000000",
   "email" : "me@thetuhin.com",
   "subject" : "Just a Testing",
   "message" : "Just a Testing"
}

License & Copyright :

About

The Lightweight Contact Form which send contact requests on your Telegram

https://cachecleanerjeet.github.io/Contact-Form/demo.html

License:Apache License 2.0


Languages

Language:JavaScript 87.9%Language:HTML 12.1%