Usar la Plataforma de WhatsApp Business para generar estas plantillas puede optimizar la comunicaci\u00f3n con los clientes y mejorar notoriamente la experiencia del usuario.<\/p>\n\n
Veamos un ejemplo. Una empresa de turismo hipot\u00e9tica, Viajes Fant\u00e1sticos Ltd., ofrece servicios de reserva de transporte, alojamiento y actividades recreativas. La presencia mundial de WhatsApp la convierte en la plataforma ideal para que esta empresa se comunique con sus clientes. Mientras las confirmaciones por correo electr\u00f3nico son excelentes para mantener un registro, poder interactuar con clientes en conversaciones bidireccionales es muy valioso para los turistas que est\u00e1n de viaje, y los SMS tradicionales no ofrecen lo mismo.<\/p>\n\n
Adem\u00e1s, las plantillas de mensajes de WhatsApp permiten a Viajes Fant\u00e1sticos Ltd. comunicarse con la cantidad \u00f3ptima de detalles personalizados. En este caso, con un mensaje de bienvenida personalizado, notificaciones oportunas y boletos electr\u00f3nicos accesibles al instante, los clientes pueden estar tranquilos al saber que todo su viaje est\u00e1 resuelto y enfocarse en relajarse y disfrutar sus vacaciones.<\/p>\n\n
Para que veas lo f\u00e1cil que es aprovechar al m\u00e1ximo la API de WhatsApp Business y las plantillas de mensajes, este tutorial pr\u00e1ctico te ense\u00f1a a administrar plantillas, incluidas su creaci\u00f3n, eliminaci\u00f3n y personalizaci\u00f3n.<\/p>\n\n
Administrar plantillas de mensajes con la Plataforma de WhatsApp Business<\/h4>\n\nRequisitos previos<\/b><\/h6>\n\n
Este tutorial supone que tienes un conocimiento b\u00e1sico de las aplicaciones Node.js<\/u><\/a> y Express.js<\/u><\/a>. Antes de comenzar, completa los pasos de la introducci\u00f3n<\/u><\/a> de la documentaci\u00f3n de la Plataforma de WhatsApp Business. Si eres un proveedor de soluciones comerciales<\/u><\/a> (BSP), sigue las instrucciones en Primeros pasos para proveedores de soluciones comerciales<\/u><\/a> y aseg\u00farate de que tu aplicaci\u00f3n de Meta complete y apruebe el proceso de revisi\u00f3n.<\/p>\n\n Antes de continuar con el tutorial, aseg\u00farate de tener un identificador de WhatsApp Business y un identificador del n\u00famero de tel\u00e9fono.<\/p>\n\n Adem\u00e1s, los BSP necesitan un token de usuario del sistema con los permisos requeridos (whatsapp_business_management, whatsapp_business_messaging y business_management).<\/p>\n\n Si no tienes aplicaciones Node.js y Express.js, puedes usar esta aplicaci\u00f3n de ejemplo<\/a> desarrollada espec\u00edficamente para el tutorial.<\/p>\n\n Adem\u00e1s, este tutorial usar\u00e1 varios paquetes, incluido dotenv para almacenar el token y las solicitudes para realizar solicitudes HTTP con la API. Tambi\u00e9n usaremos Postman<\/u><\/a> para probar los puntos de conexi\u00f3n de la API.<\/p>\n\n Si quieres explorar m\u00e1s, el c\u00f3digo completo est\u00e1 disponible aqu\u00ed<\/a>.<\/p>\n\n Una vez que hayas configurado la aplicaci\u00f3n inicial y agregado el token con los permisos adecuados, podr\u00e1s empezar.<\/p>\n\n Supongamos que Viajes Fant\u00e1sticos quiere crear varias plantillas de mensajes con fines espec\u00edficos. Por ejemplo, quiere una plantilla de mensaje para saludar a los clientes y otra para enviar copias en PDF de documentos relevantes.<\/p>\n\n Antes de empezar a programar, piensa en c\u00f3mo funciona el proceso de creaci\u00f3n de plantillas y los tipos de par\u00e1metros que admite. Adem\u00e1s, es clave tener en cuenta que Meta revisa las plantillas a diario y puede rechazarlas si no cumplen las normas<\/u><\/a> especificadas.<\/p>\n\n La documentaci\u00f3n<\/u><\/a> indica que debes realizar una solicitud POST a message_templates con tu identificador de WhatsApp Business.<\/p>\n\n Se admiten los siguientes par\u00e1metros:<\/p>\n\n El par\u00e1metro \u00abcomponents\u00bb define el cuerpo de la plantilla de mensaje. Admite los siguientes subpar\u00e1metros:<\/p>\n\n Ahora tienes una plantilla de mensaje basada en texto para saludar a los clientes y una basada en archivos multimedia para enviar un PDF. De acuerdo con nuestro ejemplo, estas ser\u00edan perfectas para enviar boletos de viaje o confirmaciones de itinerarios.<\/p>\n\n Primero, tienes que crear un nuevo router en routes\/messageTemplates.js:<\/p>\n\n Luego, usa el m\u00e9todo de controlador createMessageTemplate, que crearemos en controllers\/messageTemplate.js:<\/p>\n\n Ahora, despu\u00e9s de crear la ruta y el m\u00e9todo, prueba la API en Postman. Esto se ve as\u00ed:<\/p>\n\n Y esto es lo que devuelve:<\/p>\n\n A continuaci\u00f3n se muestra un objeto Request de ejemplo que puedes pasar para crear la plantilla de mensaje. {{1}} se usa para pasar variables. Ten en cuenta que se usa {{X}} para definir las variables de la plantilla de mensaje y no las de Postman.<\/p>\n\n Una respuesta exitosa de la API devuelve el valor del identificador, que representa el identificador de la plantilla.<\/p>\n\n Despu\u00e9s de finalizar la plantilla basada en texto, puedes crear plantillas basadas en archivos multimedia con la misma facilidad. Estas son maneras flexibles y eficientes de enviar documentos a los que el cliente puede acceder de inmediato.<\/p>\n\n La plantilla a continuaci\u00f3n tendr\u00e1 un componente HEADER (encabezado) que incluir\u00e1 el documento adjunto, un componente BODY (cuerpo) y otro FOOTER (pie de p\u00e1gina):<\/p>\n\n Nota<\/b>: Antes de poder usar plantillas de mensajes para comunicarte con clientes, estas deben aprobarse y cumplir las normas para plantillas de mensajes<\/u><\/a>.<\/p>\n\n Ahora que creaste las plantillas de mensajes, puedes obtener una lista de ellas. Para ello, haz una llamada GET a:<\/p>\n\n Nota: La versi\u00f3n de la API puede cambiar. Aseg\u00farate de actualizar la URL como corresponda.<\/p>\n\n Luego, crea una nueva ruta en routes\/messageTemplates.js:<\/p>\n\n Puedes crear el m\u00e9todo de controlador getMessageTemplates anterior en controllers\/messageTemplate.js de la siguiente manera:<\/p>\n\n Una respuesta exitosa incluye las plantillas que creaste y la plantilla de ejemplo de WhatsApp.<\/p>\n\n De forma similar a la ruta GET, tambi\u00e9n puedes crear una ruta DELETE en routes\/messageTemplates.js:<\/p>\n\n Ahora, crea el m\u00e9todo de controlador correspondiente en controllers\/messageTemplates.js:<\/p>\n\n Para eliminar una plantilla, debes pasar el nombre de la plantilla en un cuerpo JSON.<\/p>\n\n Por ejemplo, las siguientes capturas de pantalla muestran una solicitud y una respuesta exitosas de Postman para eliminar una plantilla llamada demo_template_user:<\/p>\n\n Ahora, usemos una plantilla de mensaje para enviar mensajes.<\/p>\n\n Primero, crea un router y su controlador correspondiente. En routes\/messageTemplates.js, agrega:<\/p>\n\n En el c\u00f3digo anterior, el par\u00e1metro :id se usa para pasar el identificador del n\u00famero de tel\u00e9fono. As\u00ed se ve el controlador en controllers\/messageTemplate.js.<\/p>\n\n Ahora puedes crear un objeto Request en Postman. Recuerda que pasar\u00e1s \u2014 {{1}} \u2014 en el encabezado.<\/p>\n\n El cuerpo de la solicitud de Postman demuestra la plantilla basada en texto que creamos.<\/p>\n\n Presta atenci\u00f3n a este fragmento de c\u00f3digo en la captura de pantalla anterior:<\/p>\n\n Este fragmento se usa para pasar el valor al par\u00e1metro {{1}}. Una respuesta exitosa incluye el identificador del mensaje, como se muestra a continuaci\u00f3n.<\/p>\n\n As\u00ed ven el mensaje los clientes en WhatsApp:<\/p>\n\n Luego, usar\u00e1s un objeto Request JSON para otra plantilla en la que deber\u00e1s pasar un documento en el encabezado y las variables {{1}}, {{2}} y {{3}} en el cuerpo.<\/p>\n\n Primero, veamos la siguiente captura de pantalla:<\/p>\n\n Observa que el fragmento a continuaci\u00f3n pasa los par\u00e1metros del encabezado:<\/p>\n\n El archivo multimedia adjunto podr\u00eda ser un enlace o el identificador del archivo multimedia subido<\/u><\/a>.<\/p>\n\nCrear una nueva plantilla de mensaje<\/h4>\n\n
\n
\n
Crear una plantilla de mensaje basada en texto<\/h4>\n\n
router.post(\"\/messageTemplate\", createMessageTemplate);<\/code><\/pre>\n\nexports.createMessageTemplate = async (req, res) => {exports.createMessageTemplate = async (req, res) => { const { name, language, category, components } = req.body; if (!name || !language || !category || !components) { return res.status(400).json({ error: \"Required Fields: name, language, category, and components\", }); } request.post( { url: `https:\/\/graph.facebook.com\/v13.0\/${process.env.META_BUSINESS_ID}\/message_templates`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, \"content-type\": \"application\/json\", }, body: JSON.stringify({ name: name, language: language, category: category, components: components, }), }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.18.51-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.20.37-AM.png\")
<\/figure>\n\n{ \"name\": \"welcome_greetings\", \"language\": \"en_US\", \"category\": \"ALERT_UPDATE\", \"components\": [ { \"type\": \"HEADER\", \"format\":\"TEXT\", \"text\": \"Hola, {{1}}: \u00bfC\u00f3mo est\u00e1s?\" }, { \"type\": \"BODY\", \"text\": \"Gracias por elegir Terrific Travel Ltd. como tu agente de viajes. Ponte en contacto con nosotros si tienes alguna pregunta o inquietud.\" }, { \"type\": \"FOOTER\", \"text\": \"Terrific Travel Ltd.\" } ] }<\/code><\/pre>\n\nCrear una plantilla de mensaje basada en contenido multimedia<\/h4>\n\n
{ \"name\": \"sample_ticket_confirmation\", \"language\": \"en_US\", \"category\": \"TICKET_UPDATE\", \"components\": [ { \"type\": \"HEADER\", \"format\": \"DOCUMENT\" }, { \"type\": \"BODY\", \"text\": \"This is your flight confirmation for {{1}}-{{2}} on {{3}}.\" }, { \"type\": \"FOOTER\", \"text\": \"This message is from an unverified business.\" } ] }<\/code><\/pre>\n\nObtener una lista de plantillas de mensajes existentes<\/h4>\n\n
https://graph.facebook.com\/v13.0\/whatsapp-business-account-ID\/message_templates.<\/code><\/pre>\n\nrouter.get(\"\/messageTemplates\", getMessageTemplates);<\/code><\/pre>\n\nexports.getMessageTemplates = async (req, res) => { request.get( { url: `https:\/\/graph.facebook.com\/v13.0\/${process.env.META_BUSINESS_ID}\/message_templates`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, }, }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.28.09-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.27.18-AM.png\")
<\/figure>\n\nEliminar una plantilla de mensaje<\/h4>\n\n
router.delete(\"\/messageTemplate\", deleteMessageTemplate);<\/code><\/pre>\n\nexports.deleteMessageTemplate = async (req, res) => { request.delete( { url: `https:\/\/graph.facebook.com\/v13.0\/${process.env.META_BUSINESS_ID}\/message_templates`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, \"content-type\": \"application\/json\", }, body: JSON.stringify({ name: req.body.name, }), }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.31.39-AM.png\")
<\/figure>\n\nEnviar un mensaje usando la plantilla<\/h4>\n\n
router.post(\"\/sendMessage\/:id\", sendMessage);<\/code><\/pre>\n\nexports.sendMessage = async (req, res) => { const { id, to, type,template } = req.body; if (!id || !to || !type || !template) { return res.status(400).json({ error: \"Campos obligatorios: to, type, template e id\", }); } request.post( { url: `https:\/\/graph.facebook.com\/v13.0\/${req.params.id}\/messages`, headers: { Authorization: `Bearer ${process.env.META_AUTH_TOKEN}`, \"content-type\": \"application\/json\", }, body: JSON.stringify({ messaging_product: process.env.MESSAGING_PRODUCT, to: to, type: type, template: template, }), }, function (err, resp, body) { if (err) { console.log(\"Error!\"); } else { res.json(JSON.parse(body)); } } ); };<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.34.38-AM.png\")
<\/figure>\n\n\"components\": [ { \"type\": \"HEADER\", \"parameters\": [ { \"type\": \"text\", \"text\": \"Name\" } ] } ]<\/code><\/pre>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.36.58-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.38.31-AM.png\")
<\/figure>\n\n![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.40.25-AM.png\")
<\/figure>\n\n\"parameters\": [ { \"type\": \"DOCUMENT\", \"document\": { \"id\":\"984786545564592\" } } ] }, { Luego, el siguiente c\u00f3digo hace lo mismo con el cuerpo: \"parameters\": [ { \"type\": \"text\", \"text\": \"Toronto\" }, { \"type\": \"text\", \"text\": \"Dubai\" }, { \"type\": \"text\", \"text\": \"2022-05-03\" } ] } ] } }<\/code><\/pre>\n\n
![\"\"](\"https:\/\/whatsappbusiness.com\/wp-content\/uploads\/2026\/03\/Screen-Shot-2022-05-24-at-10.42.35-AM.png\")
<\/figure>\n\n