WhatsApp Business API para primer contacto con un nuevo lead

Descripción del caso de uso

El escenario envía a un nuevo lead una plantilla de WhatsApp personalizada como primer contacto comercial. El mensaje incluye el nombre del lead, nombre del especialista y de dónde provino la solicitud. Los botones quick-reply permiten tocar «Sí, me interesa» o «Llámame después»; los toques llegan vía webhook para enrutamiento a ventas o agenda.

Ejemplo de plantilla

Hola, {{1}}! Me llamo {{2}} y hago seguimiento de tu consulta desde {{3}}. Estoy listo para contarte más y responder todas tus preguntas — elige una opción conveniente abajo.

[Sí, me interesa]

Las etiquetas de botones quick-reply están fijadas en la plantilla de Meta — solo las variables del cuerpo se envían vía API; los toques regresan vía webhook.

Variables y propósito

• {{1}} — nombre del lead o cliente
• {{2}} — nombre del especialista o gerente que se presenta
• {{3}} — origen del lead o contexto de la solicitud (p. ej. formulario web, anuncio de Instagram, referido de partner)

Ejemplo completado

Hola, Alexey! Me llamo María y hago seguimiento de tu consulta desde el sitio web de la empresa. Estoy listo para contarte más y responder todas tus preguntas — elige una opción conveniente abajo.

[Sí, me interesa]

Cuándo usarlo

• generación de leads
• b2b y servicios
• agencias

Valor para el negocio

• CRM or form integration captures a new lead event
• System resolves lead phone, specialist name, and source label
• First-contact template is sent with two quick-reply engagement buttons
• Lead taps interest or callback-later — webhook routes to sales workflow
• Delivery and engagement are logged in CRM for timely follow-up

Flujo de trabajo

1. Se captura un evento de nuevo lead desde formulario, anuncio o CRM.
2. Se obtienen teléfono del lead, nombre del especialista y etiqueta de origen desde el payload.
3. Se envía una plantilla de primer contacto personalizada con tres variables en el cuerpo y dos botones quick-reply.
4. El lead toca «Sí, me interesa» o «Llámame después» — el evento llega vía webhook para enrutamiento comercial.
5. La entrega y el engagement se registran en CRM para seguimiento.
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

• Plantilla de WhatsApp aprobada con tres variables en el cuerpo y dos botones quick-reply.
• Cuenta 1MSG con API de envío de plantillas y webhook configurado para mensajes entrantes.
• Integración CRM o captura de leads con teléfono, especialista y campos de origen.

Ejemplos de código

#!/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_LEADNAME = "___";    // {{1}} lead name
const TEST_SPECIALIST = "___";    // {{2}} specialist name
const TEST_LEADSOURCE = "___";    // {{3}} lead source

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, leadName, specialist, leadSource }) {
  assertConfigured({
    CHANNEL_ID,
    API_TOKEN,
    TEMPLATE_NAME,
    TEMPLATE_NAMESPACE,
    TEMPLATE_LANGUAGE,
    phone,
    leadName,
    specialist,
    leadSource,
  });

  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(leadName) }, // {{1}} lead name
          { type: "text", text: String(specialist) }, // {{2}} specialist name
          { type: "text", text: String(leadSource) }, // {{3}} lead source
        ],
      },
    ],
  };

  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) "interested"
  if (text === "Да, интересно") {
    console.log("Reply received: interested");
    return { status: "interested" };
  }
  // Meta quick_reply label (from template.txt) → route key (code_contract.ref) "call_later"
  if (text === "Перезвоните позже") {
    console.log("Reply received: call_later");
    return { status: "call_later" };
  }
  console.log("Free-text reply — handle separately.");
  return { status: "other" };
}

if (require.main === module) {
  sendTemplateMessage({
    phone: TEST_PHONE,
    leadName: TEST_LEADNAME,
    specialist: TEST_SPECIALIST,
    leadSource: TEST_LEADSOURCE,
  }).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.

Recursos relacionados

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