WhatsApp Chatbot IntegrationComplete Step-by-Step Guide 2024

const express = require('express');
const app = express();

app.use(express.json());

// WhatsApp webhook verification
app.get('/webhook', (req, res) => {
  const mode      = req.query['hub.mode'];
  const token     = req.query['hub.verify_token'];
  const challenge = req.query['hub.challenge'];

  if (mode === 'subscribe' && token === process.env.VERIFY_TOKEN) {
    res.status(200).send(challenge);
  } else {
    res.sendStatus(403);
  }
});

// Handle incoming messages
app.post('/webhook', (req, res) => {
  const body = req.body;

  if (body.object === 'whatsapp_business_account') {
    body.entry.forEach(entry => {
      const event   = entry.messaging[0];
      const sender  = event.sender.id;
      const message = event.message.text.body;
      handleMessage(sender, message);
    });
    res.sendStatus(200);
  } else {
    res.sendStatus(404);
  }
});

function handleMessage(senderId, message) {
  const response = processMessage(message);
  sendWhatsAppMessage(senderId, response);
}

app.listen(3000, () =>
  console.log('WhatsApp chatbot server running on port 3000'));

from flask import Flask, request, jsonify
import requests, json

app   = Flask(__name__)
API   = 'https://graph.facebook.com/v17.0/YOUR_PHONE_ID/messages'
TOKEN = 'YOUR_ACCESS_TOKEN'

@app.route('/webhook', methods=['GET', 'POST'])
def webhook():
    if request.method == 'GET':
        mode  = request.args.get('hub.mode')
        token = request.args.get('hub.verify_token')
        if mode == 'subscribe' and token == 'your_verify_token':
            return request.args.get('hub.challenge')
        return 'ERROR', 403

    data = request.get_json()
    if data['object'] == 'whatsapp_business_account':
        for entry in data['entry']:
            for change in entry['changes']:
                if change['field'] == 'messages':
                    for msg in change['value']['messages']:
                        if msg['type'] == 'text':
                            send_message(msg['from'],
                                         generate_response(msg['text']['body']))
    return jsonify({'status': 'success'})

def generate_response(message):
    msg = message.lower()
    if 'hello' in msg or 'hi' in msg:
        return "Hello! How can I help you today?"
    elif 'price' in msg:
        return "Visit our pricing page for current rates."
    elif 'support' in msg:
        return "Our support team is here — please describe your issue."
    return "I didn't quite catch that. Could you rephrase?"

def send_message(recipient, text):
    headers = {'Authorization': f'Bearer {TOKEN}',
               'Content-Type': 'application/json'}
    payload = {'messaging_product': 'whatsapp', 'to': recipient,
                'type': 'text', 'text': {'body': text}}
    return requests.post(API, headers=headers,
                         data=json.dumps(payload)).json()

if __name__ == '__main__':
    app.run(debug=True)