TODO sobre los WEBHOOKS de la API WhatsApp

[@andresgutice]

Gracias a ti conocí Ngrok, que buena alternativa para que tu servidor que desarrollas localmente lo puedas colocar publicamente y hacer pruebas, muchas gracias amigo, saludos

[@cokoFamilyBlesS]

Excelente, todo claro. Pero tengo un problema, en mi app con el numero de test funcionan todos los webhook, pero con el numero de producción no se ejecutan ¿hay que activar algo más para producción?

[@gustavoadolfochipantizaman6045]

Muchas Gracias Amigo Vinix eres un Genio!! no sabes cuanto nos ayudas a los desarrollares

[@erickesex]

Gracias parcero!, me desvaraste con la ultima parte del tipo media. Saludos

[@vicentebetancourt]

Excelente video. Mas que resueltas mis dudas a la hora de recibir y almacenar los mensajes. Gracias.

[@fersenmacias2699]

me ayudo bastante su video , sobre todo aclarando varias dudas , muchas gracias

[@thekingford9081]

Buenas bro estoy haciendo un proyecto para mi carrera y tus videos me han servido mucho si no puedo usar wuasapi como puedo generar un token para esa ruto del servidor con ngrok

[@Fede___Ferrari]

Hola ! muy bueno tu video, tengo un problema que tengo varios numeros asociados a la cuenta y cuando nos envia mensajes responde desde los dos numeros que tenemos asignados, como se puede solucionar eso? Muchas Gracias de antemano. Saludos

[@Chat_BotFactory]

Muchas gracias, ha sido muy valiosa su explicación

[@luisangelpormachiquichca2440]

Hola vinix cose, muchas gracias por todo el contenido qué nos brindas, es de mucha utilidad. Quería consultarle si cuando se hace un envío de un mensaje de texto o una plantilla desde el negocio al cliente, pero este contenido en que momento debo guardarlo al momento de enviar o al momento de recibir con el webhook, ya que por lo que note es que en el webhook no incluye el contenido de dicho mensaje, pensé que tal es hay alguna api en donde se consulta?

[@juandiegoastorgalopez9879]

Gracias al video logré captar los mensajes y almacenarlos en Laravel, muy bueno, me quedó una duda, como podría actualizar el contenido luego de ejecutar el webhook?

[@VinixCode]

Juan, a qué te refieres con actualizar el contenido?

[@juandiegoastorgalopez9879]

@@VinixCode Actualizar el frontend para mostrar el mensaje recibido

[@VinixCode]

@@juandiegoastorgalopez9879 Difícil explicar cómo hacer esto en un solo comentario de KZbin. Sin embargo, en resumen, debes utilizar websockets. Te recomiendo usar Pusher ya que Laravel integra muy bien con esta plataforma y así lo puedes usar tanto en el front como en el back. En nuestro curso de cero a expero en la API de WhatsApp explicamos esto en detalle, si te interesa. Sino, igual consultando en Google y KZbin podrás ir obteniendo seguramente la información que necesitas. Saludos.

[@juandiegoastorgalopez9879]

@@VinixCode Cuál es el link de tu curso?

[@VinixCode]

Te comparto el link del curso, bit.ly/cursoApiWhatsApp. Saludos!

[@wilmeruzcategui3795]

Muchas gracias, por tan valioso contenido, una consulta que base de datos usas?

[@VinixCode]

A nivel local, MySQL. En producción se usa otra versión, Wilmer.

[@carlosibanez4418]

Hola muy exelente video. Te pregunto necesito validar si un gurpo de clientes tiene whatsapp, ahi alguna api para validar si tiene whatsapp gracias

[@VinixCode]

Carlos, antes existía un endpoint para uno validar el número pero ahora no. En la documentación ya dice que para validar si un número existe, simplemente intentes enviarle un mensaje y la API te responderá exitosamente o con error.

[@stivencabrera7337]

buenos días tiene a wasapi en código libre

[@MarceloPomaCalle]

Buen video, una consulta. quisiera integrar el servicio de api de whatsapp, pero los numero de telefono que se pide, tienen que ser de tipo empresarial o bussiness, se puede ligar la entrega/lectura desde un numero normal es decir de un usuario, sin tener que migrar este a una cuenta empresarial???

[@VinixCode]

No, para usar el número es obligatorio migrar el número a la API.

[@yeinsonjosesernahuamani9542]

Amigo tendras un curso de este desarrollo del software gracias

[@VinixCode]

Esta semana estaremos lanzando uno! Quédate pendiente del canal.

[@andysanchez5810]

vinix, he estado leyendo un poco la api, quisiera consultarte qué has usado como parámetro para relacionar los hooks a una campaña?... Puedes por ejemplo enviar metadatos para que sean devueltos a través del hook?

[@VinixCode]

No lo creo, Andy. Debes usar tu propio webhook y disparar los atributos que quieras, pero no es posible modificar la API de WhatsApp.

[@beto1989]

Excelente video, de pura casualidad sabes donde puedo conseguir la "Callback URL" y el "Verify Token" si estoy utilizando el sistema MAKE (Integromat) ?

[@VinixCode]

Sí Alberto. Mira este video: kzbin.info/www/bejne/a6qUpXaagr6jg9U

[@juancarlosbarragangarcia6074]

Hola, me parece excelente tu video. Una pregunta ¿Qué lenguaje y frameworks utilizas para crear tu app wasapi? Me gustaría hacer algo así para una práctica de IOT, obvio más sencillo... Gracias...

[@VinixCode]

Juan, se utilizo principalmente Javascript (Vue.js) y PHP (Laravel).

[@josericardoporrasbarrantes4992]

Hola, cómo se puede generar un token de verificación para el Webhook como el que le retorna wasapi en el minuto 5:38?

[@VinixCode]

José, tu puedes generar el token que quieras - puede ser la cadena de texto que tu elijas.

[@_Apep_]

Hola Vinix me encanto tu video es muy claro y como lo explicas super, Como duda, la aplicacion web "wasapi" puede conectar multiples numeros telefonicos en la misma interfaz o bueno en dado caso con mi mismo usuario en Wasapi? es decir, puede configurar multiples telefonos para enviar mensajes y asi mismo recibir?, quisiera entender si usa Cloud API o On-Premise y si cada telefono se necesita un webhook diferente, el cual se configura en "wasapi" y mas importante como se integraria "wasapi" con mi cuenta de facebook ... muy amable, felicidades, excelente canal

[@VinixCode]

Saludos Oscar! - Con Wasapi podrás conectar múltiples líneas en una misma interfaz y además asignarle a cada línea los agentes que necesites, los cuales tendrán sus propias credenciales de acceso y tu podrás restringir la información desde tu cuenta master. - La API Cloud de WhatsApp utiliza una solución alojada en la nube (Cloud API) en lugar de una solución local (On-Premise), lo que significa que los datos y la lógica de procesamiento se encuentran en los servidores de WhatsApp en la nube, en lugar de estar instalados en una infraestructura local. - Cada número telefónico que se desee utilizar con el API Cloud de WhatsApp requerirá su propio webhook para recibir y procesar los mensajes entrantes y salientes, ya que cada línea tiene asociada una app y un token. - En Wasapi trabajamos con el Api Cloud de WhatsApp no con la App de mensajera de Facebook. Sin embargo, para iniciar debes tener una cuenta de negocio registrada y verificada en la plataforma de WhatsApp Business. → Una vez inicies tu prueba sin costo durante 7 días en www.wasapi.io Te recomendamos ver los primeros videos del apartado de "Documentación" para iniciar el proceso de vinculación de tu número.

[@guadalupeflorentino4618]

Muy buen video, solo que de lo que no he visto que mucho hablen es como controlar el webhook. ¿Cómo cerrar una conversación? ¿Cómo te aseguras que una conversacion fue contestadas? Por ejemplo yo estoy teniendo el problema de que no se porque motivo recibo multiples veces un mensaje, por ejemplo el usuario me envia un hola, ese Hola pasa por mi webhook en ocasiones hasta 20 veces, entonces deberia existir una forma de controlar esto, cierto?

[@VinixCode]

Guadalupe, generalmente eso ocurre porque WhatsApp no recibe una respuesta 200 OK de tu servidor entonces el sigue reintentando hasta que reciba una respuesta exitosa.

[@VinixCode]

➡Si eres desarrollador, Con WASAPI puedes conectar la API de WhatsApp a tu aplicación, crear Chatbots, chatear en tiempo real y muchas más cosas que la API no tiene. ENTRA AQUÍ » bit.ly/Wasapi-ES

[@luisangelpormachiquichca2440]

Hola Vinix Code, Por que cuando envio un mensaje de plantilla que contiene variables demora casi 1 minuto en llegar?.

[@VinixCode]

Son retrasos de la API Cloud que no puedes controlar. Nosotros también hemos visto este comportamiento, y es algo que ocurre directamente en los servidores de Meta.

[@josegutierrez8659]

Hola, primero que todo, excelente video, y contenido muy útil. Tengo una consulta acerca de el webhook con ngrok, al ingresar la ruta de ngrok, me sale un error, me pregunto si hiciste alguna otra configuración, ya que hosteando la app dentro de heroku, Facebook si me la reconoce, pero con gnrok no

[@VinixCode]

Jose, cuando ejecutas el comando de ngrok verás que el te da la URLs que debes usar. No es necesario hacer ninguna otra configuración adicional - solo asegúrate de que estés pasando las URLs correctas.

[@mentiapp8994]

hola muchas gracias por tu contenido, tengo una consulta lo que sucede es que hice la verificacion del numero para la app, y ya me permite enviar mensajes, pero me surge una duda si yo puedo abrir este numero tambien en whatsapp? es que me aparece siempre este numero estara disponible en una hora? te agradezco si me puedes colaborar gracias

[@VinixCode]

MentiApp, una vez migras el número a la API de WhatsApp, no puedes volver a usarlo con la aplicación móvil de WhatsApp Business. Es una restricción de Facebook y por eso te aparece el mensaje.

[@mentiapp8994]

@@VinixCode hola muchas gracias por responder, osea esta api es utilizada únicamente como para enviar recordatorios? Y otra pregunta segun lo que vi en este video tu accedes a la api, y la conviertes en un chat dinamico correcto?

[@VinixCode]

@@mentiapp8994 No solo para enviar recordatorios, puedes tener comunicación como lo harías con el chat de WhatsApp, solo que si implica mucho más trabajo y es para usos más especializados. La app que usamos nosotros, se llama Wasapi: wasapi.io/

[@masterandroid5104]

oye brother tu sabes porque los mensajes tardan en llegar 1 minuto los que son por template, pero en mi server sale el status 200 de enviado y despues tarda en enviarsse el mensaje es decir no hay ningun error dentro de la logica del codigo que haga mas lenta la accion de enviar el mensaje

[@leorotondo]

Buen día, no entiendo la manera de asociar un número de whatsapp a la app Business del teléfono cuando ya fue asociado a la plataforma de Whatsapp. Entiendo que es uno u otro. Entonces, cómo y dónde es posible ver los mensajes que recibo de mis cliente? Gracias

[@VinixCode]

Leonardo, una vez migras un número a la API, debes seguirlo usando por ahí. Si deseas seguir enviando y recibiendo mensajes como siempre lo habías hecho, te recomiendo usar Wasapi: www.wasapi.io/

[@qcode_co]

Hola, me podrías indicar por favor cual es la api de fb para crear los template?

[@VinixCode]

Por supuesto! Aquí lo tienes: developers.facebook.com/docs/whatsapp/business-management-api/message-templates

[@rodolfolopezp]

Excelente información como siempre. Pregunto... Que recomienda como lenguaje para dejar un sistema enfocado para dar servicio a muchas empresas? REACT, NEXT.JS, o C#? Pienso que bajo Windows instalado en cada maquina de cada usuario, el servidor se recarga menos de peticiones. Por lo cual me inclino por C#. Otra alternativa es crear el desarrollo en NEXT.JS, ya que esta tecnología soporta hasta 4000 conecciones simultaneas Que me puede recomendar? Gracias!!!

[@VinixCode]

Rodolfo va a depender mucho de tu caso de uso y el tipo de aplicación. Si es a nivel web, del lado del cliente React con Next.js es una excelente alternativa.

[@rodolfolopezp]

@@VinixCode Es lo que estoy valorando. Y en C#, instalado sobre la computadora del usuario, va a gnerar menos carga al servidor, si es que lo desarrollo para la aplicacion. Pero si es cierto que de momentoal la mejor tecnologia para servidores WEB es NEXT.JS, al soportar hasta 4000 conecciones simultaneas. Te agrdezco tu opinion. Muchas gracias.

[@EliasRuizDiaz-yr5zn]

Hola! Para aclarar, en este caso el webhook es wasapi y está publicado a través de ngrok, es asi? O sea que si yo quiero comunicar Whatsapp API con otro sistema (Genesys en este caso), debo desarrollar mi propio webhook, es asi?

[@VinixCode]

Sí Elías, debes desarrollar tu propia sistema. Aquí te mostramos como hacerlo: kzbin.info/www/bejne/joPJeZSMrZeNabM

[@robrhecloud5932]

Hola!, donde encuentro el token en mi aplicación? para unir a webhook de Facebook?

[@VinixCode]

El token lo generas tu mismo y puede ser lo que quieras.

[@NewShorttv]

como puedo conseguir Whasapi ?

[@AGUILA1erHITJACO]

Tengo un proyecto, mi servidor de geolocalización tiene la opción de enviar notificaciones por webhook, y ocupo ligarlo a whatsapp, el fllujo de datos sería del servidor de geolocalización hacia los clientes finales por whatsapp, se podría con wasapi ?

[@VinixCode]

Javier, por supuesto que se puede. En este caso Wasapi solo requiere que dispares la peticion del envío del mensaje de texto al cliente en especifico. Wasapi se encarga de enviar, recibir nuevos mensajes y enviarte notificaciones a través de webhooks (si es necesario). Aquí puedes crear tu cuenta completamente GRATIS por 7 días: app.wasapi.io/sign-up

[@jpsl5281]

Como puedo enlazar números de teléfono diferentes con webhooks diferentes, ya que ahora si le escribo a cualquiera de los números , se van al mismo webhok a la misma app . y si corro las dos apps el número de teléfono le manda request a ambos webhooks. Yo quiero que un numero de telefono le mande request a un webhook y otro numero diferente a otro webhook.

[@EcotecSS]

Hola, muchas gracias por tu aporte, Felicidades, pero tengo un pregunta, que al parecer trabajar con webhooks puede solucionar mis necesidades. En wordpress y woocomerce, tengo un formulario dinámico que el cliente llena cuando realiza la compra de un producto "virtual" al enviarlo se genera un PDF que le llega a la cuenta de correo del cliente y a los administradores interesados pero surge la necesidad de que también este PDF generado, llegue al numero de whatsapp del cliente que coloco, cuando lleno el formulario. "obviamente tengo que aprender a manejar estos webhooks y algunas cosas de programación", ¿Sabras como puedo cubrir esta necesidad? me refiero a un tuto o una pagina, que me ayude. Muchas gracias, y saludos desde la CMDX.

[@VinixCode]

Marco, hay varias partes para eso: 1. Tener un webhook para recibir la notificación de WooCommerce. 2. Ese webhook debe tener una lógica para generar el PDF. Hay cientos de librerías que hacen eso, solo busca en google tu lenguaje + pdf generator. Por ejemplo "php pdf generator" o búsquedas similares. 3. Una vez lo generes, debes enviarlo como un documento por WhatsApp. Aquí te muestro cómo hacerlo: kzbin.info/www/bejne/r4WYeXivqqieaac También te recomiendo si quieres profundizar en la API de WhatsApp, que mires nuestro curso de CERO a EXPERTO: kzbin.info/www/bejne/gqjVm62Ne9mWY7s

[@josefierro6553]

Como puedo actualizar en mi frontend el doble check y el check azul cuando llegue al webhook? es correcto enviarlo por sockets al cliente o por rest?

[@VinixCode]

Hazlo por sockets.

[@josefierro6553]

@@VinixCode Muchas gracias por su respuesta. Ya lo implemente pero tengo una duda como hago para diferenciar cada check de acuerdo a los mensajes que se envian ya que solo me esta actualizando el primero que envio y los otros no

[@juandiegoastorgalopez9879]

@@josefierro6553Hola, cómo lograste actualizar el frontend? He tratado de hacerlo después de procesar el webhook, pero no lo logro, debo actualizar la página para poder ver los mensajes

[@davidwebchile]

Las plantillas se envian cada 24 horas entonces, no importa si ya es un numero antiguo (de un cliente que ya le has enviado una plantilla anteriormente). ok gracias!

[@leonardopatinorodriguez8239]

Hola Juan Esteban; gracias por el video, me queda un duda, estoy utilizando una plantilla para enviar botones, mi problema es que cuando el usuario oprime un botón whatsapp no me envía ninguna petición a mi webhook, he probado varias plantillas pero con ninguna me funciona. He descartado un error en mi webhook dado que recibe todas las peticiones de tipo POST statuses ó messages, quedo atento gracias .

[@VinixCode]

Leonardo, estás seguro de que no te llega la petición? Normalmente llega una solo que en vez de status o messages, llega button.

[@leonardopatinorodriguez8239]

@@VinixCode Es muy raro que no llegue esa petición, todas las demás si llegan correctamente, incluso pensé que habia que hacer otra configuración en Meta.

[@jorgesolis3022]

Hola Vinix Code tengo un problema con la plataforma me pide que debo agregar un metodo de pago pero al intentar hacerlo me solicita autenticación de dos paso y al intentar realizarlo luego me aparece "No puedes hacer el cambio en este momento Esto se debe a que estás usando un dispositivo que no usas habitualmente y debemos proteger tu cuenta. Te permitiremos hacer este cambio una vez que hayas utilizado este dispositivo durante un tiempo." por tal motivo no puedo utilizar los servicios

[@victorroman2132]

Yo tengo el dominio en SiteGround pero no hay forma de encontrar la url webhook ni el verify token. Puedes ayudarme porfavor? te lo agradeceria

[@VinixCode]

Victor, no estoy familiarizado con SiteGround así que no sabría que sugerirte... podrías probar con otro hosting.

[@portabilidadlegal]

Hola muy buenos días. Hay alguna herramienta que permita ver e interactuar manualmente con los mensajes que se envían por la Api Cloud de Whatsapp? Tengo la Api Cloud conectada a Zapier y a un buen número de servicios automatizados, pero no puedo lograr lo más simple, ver y poder responder individualmente un mensaje que nos haya llegado.

[@VinixCode]

Hola Latin Trust, creo que esto es exactamente lo que necesitas (en especial porque puedes chatear en tiempo real, desde una interfaz agradable y fácil de usar): kzbin.info/www/bejne/jnWUeohrjMqmrMk

[@portabilidadlegal]

@@VinixCode gracias!

[@alanfermin812]

Estoy tratando de ver info sobre los cursos pero no funciona el formulario de la página. El chatbot de whatsapp no me da info ni me transfiere con atención al cliente

[@fabiomoreira3951]

Alguém sabe me dizer como configurar esse webhook no bubble?

[@jeissonandresmoscoso2355]

como se puede trabajar para mensajería privada con la api de whatsapp?

[@VinixCode]

Jeisson, a qué te refieres con mensajería privada?

[@samuelmf]

La API de whatsapp tiene un costo mensual?

[@VinixCode]

Sí. Aquí explicamos cómo funciona: kzbin.info/www/bejne/Z3bRY5lras58bMk

[@helloWorldPlus]

Hola yo encontré varias aplicaciones que envían y reciben mensajes de whatsapp de cualquier número sin forzar a tener que usar un número de registrado en facebook como business. Como sería en ese caso? Porque difícilmente alguien se va a dar el trabajo de andar registrando su número personal como business habiendo otras aplicaciones que lo hacen sin eso.

[@VinixCode]

La diferencia es que esas soluciones no utilizan la API de WhatsApp, con la puedes hacer implementaciones mucho más avanzadas y personalizadas, que no son posibles realizarlas con la aplicación tradicional de WhatsApp.

[@helloWorldPlus]

@@VinixCode holaa. Habrá algún video que hable sobre esas implementaciones? Porque de alguna forma tengo que convencer a mis clientes que registren sus números pero hasta ahora no tengo suficiente justificación para eso :(

[@daniel89fg]

Hola. ¿Usa Ngrok de pago?, al configurar Ngrok como dice en su vídeo obtengo una página previa donde debo clicar un botón para poder seguir, o enviar una cabecera en el http para poder saltar ese paso o tener una cuenta de pago de Ngrok. El problema es que desde FAcebook al hacer la llamada se queda en esa página previa sin poder llegar a mi controlador de aplicación.

[@VinixCode]

No Daniel, utilizamos la versión gratuita de ngrok. Te sugiero que crees una cuenta (asi sea gratuita, no importa) y no utilices la versión sin usar tu cuenta.

[@daniel89fg]

@@VinixCode así lo hice. Creo una cuenta gratuita de Ngrok. Hago la instalación en Linux. Ejecutó el comando para mí puerto 80. Y al acceder a la URL pública que obtengo sale una página previa donde, tienes 3 opciones. Pasar como cabecera de http una variable para evitar la página, o pasar como cabecera http un user agent cualquiera o pagar la versión profesional de Ngrok. Seguramente han cambiado el modo de usar el servicio desde que se grabó el vídeo. El problema es que ningún webhook puede usar Ngrok sin saltarse dicha página de previsualización. Si quiere puede enviarle una captura de pantalla de la página previa que apetece.

[@VinixCode]

@@daniel89fg varios clientes nuestros del curso de CERO a EXPERTO en la API Cloud de WhatsApp nos han reportado esto. Lo que sugerimos es usar una alternativa a ngrok, ya que hay varias formas de crear un tunel local al exterior. Mira este enlace y prueba con alguna de ellas: www.softwaretestinghelp.com/ngrok-alternatives/

[@andresgutice]

@@daniel89fg Amigo has podido solucionar ese problema?

[@daniel89fg]

@@andresgutice si, usando Cloudflare. En su versión gratuita puedes crear un canal para conectar con localhost

[@alejandropineda7968]

Bro intenté, acceder al link para poder usar WASAPI, pero no funciona el enlace. Tendrías alguna otra forma de poder ponerme en contacto?

[@VinixCode]

Alejandro el Martes 16 de Agosto, 2022, Wasapi estara abierto al publico y podras crear tu cuenta! Mientras tanto, puedes registrarte en la lista de espera para ser notificado: wasapi.io

[@didiercabrera520]

como se hace para obtener el link y el token de ngrok

[@VinixCode]

A qué link y token te refieres? Cuando instales ngrok y lo pongas a correr verás la URL que te da.

[@didiercabrera520]

@@VinixCode podrías realizar un video explicando ese pedazo quedaríamos agradecidos

[@soyalexisavalos]

Lamentablemente el precio de usar WASAPI es caro, como ya todas las empresas lo hacen

[@VinixCode]

⚠ Pro Tip: Para seguir las pruebas que hago en este video solo debes de tener una ruta en tu aplicación que siempre responda las peticiones GET y POST.

[@brandonsilva7939]

Expuse un endpoint de forma local en php con el ngrok, pero no logro que pase la validación del webhook, pero con el ejemplo del video anterior de glitch si funciona, no se que puedo tener mal, al final es solo arrancar el proyecto local y abrir el ngrock, no? algún tip o repo para guiarme?

[@VinixCode]

@@brandonsilva7939 para la validación debe ser una petición tipo GET. ¿Has intentado convertir el código de Glitch a código en el lenguaje que usas?

[@brandonsilva7939]

No lo he intentado la verdad, crees que pueda ser por el SSL? Hay forma de instalarlo local?

[@josegutierrez8659]

@@brandonsilva7939 Hola, lograste solucionar el problema? Me pasa lo mismo, solo que estoy utilizando Express.

[@mecasalis]

Hola. Creo somos varios los que nos trabamos en el mismo punto. Estoy en PHP, y obtengo el JSON, lo puedo parsear bien sin problemas. Lo que no puedo hacer, es validar los datos ['hub_challenge'] y ['hub_verify_token']. No hay forma de que los pueda leer desde mi aplicación. Alguien ha podido hacerlo?

[@brodwardz]

Hola, sabes si es posible integrar la API WhatsApp al dashboard de Meta Bussines Suite para poder responde desde esta interface todos los mensajes al igua lque se hace con instgram direct y facebook messenger ?

[@VinixCode]

Brodward, no es posible hacer eso actualmente.