Code Monkey home page Code Monkey logo

contact-form's Introduction

Contact Form


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/cachecleanerjeet/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" : "[email protected]",
   "subject" : "Just a Testing",
   "message" : "Just a Testing"
}

Connect :

License & Copyright :

contact-form's People

Contributors

tuhinpal avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.