WhatsApp Business API para aclaración de fecha y hora de visita

Descripción del caso de uso

El escenario envía al cliente una plantilla de WhatsApp personalizada con una fecha y hora de visita propuestas. Dos botones de respuesta rápida permiten confirmar el cupo o sugerir otro horario; el webhook enruta la elección a tu backend.

Ejemplo de plantilla

Hola, {{1}}! Por favor confirma tu cita de {{2}} el {{3}} a las {{4}}:

[Confirmar]

Las etiquetas de botones de respuesta rápida están fijadas en la plantilla de Meta — solo las variables del cuerpo se envían vía API.

Variables y propósito

• {{1}} — nombre del cliente
• {{2}} — tipo de servicio o cita
• {{3}} — fecha de reserva propuesta
• {{4}} — hora de reserva propuesta

Ejemplo completado

Hola, María! Por favor confirma tu cita de consulta el 18 de junio de 2026 a las 3:00 PM:

[Confirmar]

Cuándo usarlo

• clínicas y servicio de campo
• agenda
• integradores

Valor para el negocio

• Scheduling or CRM emits a visit slot clarification event
• System resolves recipient phone and proposed slot details
• Template message is built with four body variables and two quick-reply buttons
• Client receives the WhatsApp message with the proposed visit date and time
• Confirm or alternate-time tap is processed via webhook to update the booking

Flujo de trabajo

1. El sistema de agenda propone un cupo de visita y dispara un evento de aclaración.
2. El sistema obtiene el teléfono del cliente y los campos del cupo.
3. Se construye un mensaje de plantilla personalizado con cuatro variables en el cuerpo y dos botones de respuesta rápida.
4. El cliente recibe el mensaje en WhatsApp y toca confirmar o sugerir otro horario.
5. El webhook entrega la elección estructurada para actualizar la reserva.
6. El progreso de entrega se reporta de forma asíncrona — típicamente sent, luego delivered (o failed/undelivered).
7. Tu sistema recibe el estado vía webhook (hooks[]) o consulta GET …/hookInfo?messageId=<id> y maneja fallos si es necesario.

Implementación técnica

Requisitos previos

• Cuenta 1MSG con WhatsApp Business API conectada y plantilla de mensaje aprobada con dos botones de respuesta rápida.
• Número de teléfono del cliente en formato internacional (sin + ni espacios).
• Datos del cupo propuesto: nombre del cliente, servicio, fecha y hora.
• Endpoint webhook HTTPS para recibir eventos de botones de respuesta rápida.

Ejemplos de código

Node.js

#!/usr/bin/env node

// === Configuration (replace "___" placeholders) ===

const API_BASE_URL = "https://api.1msg.io"; // production 1MSG API base URL
const CHANNEL_ID = "___";                   // channel ID from 1MSG dashboard
const API_TOKEN = "___";                    // channel JWT token (Bearer)

const TEMPLATE_NAME = "___";                // approved template name
const TEMPLATE_NAMESPACE = "___";           // template namespace (422 without it)
const TEMPLATE_LANGUAGE = "___";            // template language code, e.g. "en"



// === Test data ===
const TEST_PHONE = "___";            // client phone in international format
const TEST_CUSTOMERNAME = "___";    // {{1}} customer name
const TEST_SERVICE = "___";    // {{2}} service name
const TEST_BOOKINGDATE = "___";    // {{3}} booking date
const TEST_BOOKINGTIME = "___";    // {{4}} booking time

function normalizePhone(phone) {
  return String(phone).replace(/\D/g, "");
}

function assertConfigured(values) {
  for (const [key, value] of Object.entries(values)) {
    if (value === "___" || value === "" || value === undefined || value === null) {
      throw new Error(`Missing configuration value: ${key}`);
    }
  }
}

async function sendTemplateMessage({ phone, customerName, service, bookingDate, bookingTime }) {
  assertConfigured({
    CHANNEL_ID,
    API_TOKEN,
    TEMPLATE_NAME,
    TEMPLATE_NAMESPACE,
    TEMPLATE_LANGUAGE,
    phone,
    customerName,
    service,
    bookingDate,
    bookingTime,
  });

  const url = `${API_BASE_URL}/${CHANNEL_ID}/sendTemplate`;

  // params carries body and button blocks (dynamic buttons).
  const requestBody = {
    phone: normalizePhone(phone),
    template: TEMPLATE_NAME,
    namespace: TEMPLATE_NAMESPACE,
    language: {
      policy: "deterministic",
      code: TEMPLATE_LANGUAGE,
    },
    params: [
      {
        type: "body",
        parameters: [
          { type: "text", text: String(customerName) }, // {{1}} customer name
          { type: "text", text: String(service) }, // {{2}} service name
          { type: "text", text: String(bookingDate) }, // {{3}} booking date
          { type: "text", text: String(bookingTime) }, // {{4}} booking time
        ],
      },
    ],
  };

  const res = await fetch(url, {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Authorization: `Bearer ${API_TOKEN}`,
    },
    body: JSON.stringify(requestBody),
  });

  const raw = await res.text();
  let data;
  try {
    data = JSON.parse(raw);
  } catch {
    data = null;
  }

  if (!res.ok || !data || data.sent !== true) {
    console.error("Send failed. API response:");
    console.error(raw);
    process.exit(1);
  }

  console.log("Message sent to client.");
  console.log("API response:", raw);
  return data;
}

function handleIncomingMessage(message) {
  const text = (message && (message.text || message.body || "")).trim();
  // Meta quick_reply label (from template.txt) → route key (code_contract.ref) "confirm_slot"
  if (text === "Подтвердить") {
    console.log("Reply received: confirm_slot");
    return { status: "confirm_slot" };
  }
  // Meta quick_reply label (from template.txt) → route key (code_contract.ref) "suggest_other_time"
  if (text === "Другое время") {
    console.log("Reply received: suggest_other_time");
    return { status: "suggest_other_time" };
  }
  console.log("Free-text reply — handle separately.");
  return { status: "other" };
}

if (require.main === module) {
  sendTemplateMessage({
    phone: TEST_PHONE,
    customerName: TEST_CUSTOMERNAME,
    service: TEST_SERVICE,
    bookingDate: TEST_BOOKINGDATE,
    bookingTime: TEST_BOOKINGTIME,
  }).catch((err) => {
    console.error("Execution failed:", err.message);
    process.exit(1);
  });
}

module.exports = { sendTemplateMessage, handleIncomingMessage };

Respuesta inmediata de la API (síncrona)

• HTTP 2xx y JSON "sent": true significan que 1MSG aceptó el mensaje para envío — no que ya llegó al teléfono del cliente.
• Guarda el campo `id` de la respuesta (valor tipo wamid.…). Úsalo para correlacionar callbacks de entrega o polling.
• La respuesta también puede incluir message y description — solo informativos.

Estado de entrega (asíncrono)

• Registra un webhook (POST …/webhook) para que 1MSG envíe actualizaciones de entrega a tu endpoint HTTPS en un payload `hooks[]` separado (sent, delivered, read, o failed/undelivered cuando aplique).
• Opcionalmente consulta: GET {base}/{channel}/hookInfo?messageId=<id de sendTemplate>.
• En la práctica, la entrega suele completarse en pocos segundos — pero eso no está garantizado por el contrato de la API.

Errores frecuentes

• Número de teléfono inválido o no normalizado
• Nombre de plantilla / namespace no aprobado o ausente
• Sin opt-in del cliente para mensajes comerciales de WhatsApp
• Cantidad de variables de plantilla incorrecta (422 de la API)
• Fallo de entrega — revisa el webhook de estado y la política de reintentos

Preguntas frecuentes

• ¿Necesito una plantilla aprobada? Sí — los mensajes cold-start de WhatsApp requieren una plantilla aprobada por Meta.
• ¿Puedo personalizar el texto? Las variables del cuerpo son dinámicas; el texto fijo y las etiquetas de botones se definen en la plantilla de Meta.
• ¿Cómo verifico la entrega? sent: true solo confirma aceptación. Rastrea la entrega vía webhook hooks[] o GET …/hookInfo?messageId=<id>.
• ¿Qué pasa si no se entrega? Registra el hook failed/undelivered, verifica opt-in y estado de la plantilla, luego reintenta o usa otro canal.
• ¿Puedo conectarlo a mi CRM o backend? Sí — dispara la llamada a la API desde el webhook de tu plataforma o manejador de eventos.

CTA

¿Listo para usar aclaración de fecha y hora de visita? Conecta tu canal 1MSG y ejecuta los ejemplos de código de arriba.

Recursos relacionados

• Base de conocimiento
• Crear una plantilla
• Enviar una plantilla
• SDK