Code Monkey home page Code Monkey logo

telegram-live-chat's Introduction

Telegram Live Chat

Installation and Usage

  1. Create a Telegram Bot using @botfather keep the token to be used in step 5.
  2. You need a database for this app to work. Either use another app database or create a new database for this app
  3. Copy backend folder to a folder in your PHP project, we recommend telegram-live-chat folder in root.
  4. Setup appropriate routing / URL rewriting (skip this if there is no routing or URL rewriting )
  5. Make a copy of livechat-config-sample.php and rename it to livechat-config.php, set <DATABASE_HOST>, <DATABASE_USER>, <DATABASE_PASSWORD>, <DATABASE_NAME>, <BOT_TOKEN> (bot token in step 1) and <BOT_ADMIN_SECRET> appropriately in the config file.
  6. Open install.php in backend folder to create tables in the database.
  7. Copy div.telegram_live_chat_main_holder element in frontend/chat.html to your website layout. For appropriate position, make sure that is is inside body or another element which wraps most of the viewport. Also include bootstrap,fontawesome,jquery dependencies, frontend/style.css link tag and frontend/chat.js script tag in your website layout.
  8. Set appropriate message.php url in the chat.js file to this variable: telegram_live_chat_message_url. The default is '/telegram-live-chat/backend/message.php'.
  9. Connect to the bot you created at step 1 and send the message you set as <BOT_ADMIN SECRET> in the config file to the bot.
  10. Open your website and start a live chat by entering a name, email , and message.
  11. You should receive the message in Telegram bot and enjoy the telegram live chat experience.

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.