Coder Social home page Coder Social logo

messenger-bot-tutorial's Introduction

๐Ÿค– Create your own Facebook Messenger Bot

CMU-Africa 2017 Bot Party & Hackathon

This tutorial is based on the following tutorials:

  1. Facebook Quickstart https://developers.facebook.com/docs/messenger-platform/guides/quick-start
  2. https://github.com/jw84/messenger-bot-tutorial Copyright (c) 2016 Jerry Wang (https://jw84.co)

๐Ÿ™Œ Pre-Party, Get Set

PreParty.md

๐Ÿ™Œ Let's Bot Party

Download this GitHub project and unzip it into the myBot1 directory you created in the setup.

Note that the files used in the Basic Tutorial will be under the messenger-bot-tutorial-master/ directory.

Basic Tutorial

Wit.ai Tutorial

๐Ÿ“ก How to share your bot

Add a chat button to your webpage

Go here to learn how to add a chat button your page.

Create a shortlink

You can use https://m.me/<PAGE_USERNAME> to have someone start a chat.

๐Ÿ’ก What Else?

Here are some references for Carousel Ads and Ad Guidelines from Facebook:

https://designschool.canva.com/blog/snatch-competitive-advantage-facebook-instagram-carousel-ads/?utm_campaign=Retention%3A%20CanvaDrip%3A%20Instagram3

https://www.facebook.com/business/ads-guide/

Let me know anything else that would be useful to share and I will add it.

๐Ÿ’ก What's next?

You can learn how to get your bot approved for public use here.

You can go through the tutorial from facebot: m.me/thefacebot. It uses a secure-tunnel and Ngrok to run locally instead of a hosted Web App. Starting at Step 8 it shows an example Bot using PHP.

Read about all things chat bots with the ChatBots Magazine here

You can also design Messenger bots in Sketch with the Bots UI Kit!

Check out ChatFuel to build a Facebook Bot without coding.

messenger-bot-tutorial's People

Contributors

amuhebwa avatar mcatbishop avatar

Watchers

 avatar  avatar  avatar  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.