Para activar WhatsApp en Click-to-Connect, registraremos su aplicación Meta. Se requieren 3 datos
- ID de aplicación
- Clave secreta de la aplicación
- Token de acceso temporal
Para ello, tenemos que preparar el terreno en META. Crear y configurar :
- Una cartera de negocios
- Una aplicación
- Una cuenta de WhatsApp Pro
Lo que hay que saber :
- Para realizar estas acciones en Meta, debe tener una cuenta de desarrollador META
- Para activar la cuenta de WhatsApp Pro, debe disponer de un número capaz de responder llamadas y/o mensajes de texto
- El uso del servicio META es gratuito hasta cierto punto, tendrá que registrar un método de pago
URL útiles de META :
- Ajustes de negocios : https://business.facebook.com/latest/settings
- Gestor de WhatsApp: https://business.facebook.com/latest/whatsapp_manager
- Sus aplicaciones: https: //developers.facebook.com/apps
- Uso de APIS Meta: https://developers.facebook.com/tools/explorer
1. Creación de cartera de negocios
- Inicie sesión en : https://business.facebook.com/latest/settings
- En la columna de la izquierda, haga clic en Crear una cartera de negocios
Simplemente configure y utilice la dirección de correo electrónico de su administrador Meta
- Crear > Siguiente > Confirmar
2. Creación de la aplicación
- Siempre en esta página : https://business.facebook.com/latest/settings
- Haga clic en Aplicaciones > Añadir
- Haga clic en Crear un nuevo ID de aplicación
-
Ahora se encuentra en la página de configuración de sus aplicaciones : https://developers.facebook.com/apps
-
Rellene los detalles de la aplicación > Siguiente
- Elija su caso de uso, si no se ajusta a ninguno, seleccione Otro > Siguiente
-
Tipo de aplicación ; Enterprise > Siguiente
- Compruebe los detalles > Enviar
- Su aplicación ha sido creada y ahora se encuentra en su Panel de control
- Si se ha producido un error, compruebe si su aplicación se ha creado o no en esta página : https://developers.facebook.com/apps
- Si es así, haga clic en el nombre de su aplicación para acceder al panel de control.
Añada productos a su app
- En la parte derecha del Dashboard, puede configurar 3 productos: WhatsApp, WebHooks y Facebook Login for Business
- Copie el ID de la app que aparece en la parte superior de la página y guárdelo
3. Conecte su aplicación a su cartera de Business
- Volver a la página: https://business.facebook.com/latest/settings
-
Haga clic en Aplicaciones > Añadir
- Asocie un ID de aplicación
- Solicitar acceso a un ID de aplicación
- Su aplicación aparece ahora en su cartera Business
- Ahora necesitamos asignar un usuario a esta aplicación
- Menu de la izquierda > Personas
- Elija la persona a la que desea asignar derechos
- Asigne su aplicación a este usuario y dele el control total
- En la sección Aplicaciones, verá ahora a la persona que ha elegido con pleno control sobre su nueva aplicación
4. Creación de una cuenta de WhatsApp Business
- Siempre en esta página : https://business.facebook.com/latest/settings
- Haga clic en Cuenta de WhatsApp > Añadir
- Rellene los datos
- Añada un número de teléfono y elija cómo desea que nos pongamos en contacto con usted para recibir el código de verificación > Continuar
- Introduzca su código de verificación > Siguiente
- Guarde este PIN
- Su cuenta de WhatsApp Business ha sido creada
- Guarde el identificador de su cuenta de WhatsApp Business
5. Registrar su número de WhatsApp
- Abra el explorador Graph API : https://developers.facebook.com/tools/explorer
- A la derecha, seleccione su autorización de WhatsApp y su metaaplicación y, a continuación, genere un token de acceso.
- Autenticarse
- Seleccione su Aplicación
Ahora enviaremos 2 solicitudes :
- Recuperación de IPHONE_ID
- GET / <ID_WABA>/números_teléfono
- WABA_ID = el ID de su cuenta de WhatsApp Business
- Guardar id = PHONE_ID
Guardar el número de teléfono en el monedero Business :
- POST / PHONE_ID> / registrar
- Este objeto también se debe pegar en la sección JSON de la izquierda
{
"producto_mensajeria": "whatsapp",
"pin": "<YOUR_PIN>"
}
6. META Configuración de la aplicación
- Volver a la página : https://developers.facebook.com/apps
- Seleccione su Aplicación
- En la columna de la izquierda, Configuración de la aplicación > Avanzada
- Permitir el acceso de la API a los parámetros de la aplicación > Guardar cambios
- En la columna de la izquierda, Facebook Login for Business > Configuración
- Conexión OAuth integrada en el navegador
- En la sección "URI de redirección OAuth válida", introduzca la URL de acuerdo con el entorno de la instancia C2C :
- RED : https://red-c2c-admin.openrainbow.io/main/settings/global/
- PROD : https://click-to-connect-admin.openrainbow.io/main/settings/global/
- 6. Guarde los cambios
7. Registro y activación de su aplicación META en la administración de Click-to-Connect
Recuerde que se requieren 3 datos :
- ID de la aplicación (usted lo tiene)
- Clave secreta de la aplicación
- Token de acceso temporal (puede generar uno nuevo en el API Graph Explorer)
Cómo recuperar la clave secreta de su aplicación :
- Volver a la página : https://developers.facebook.com/apps
- Seleccione su Aplicación
- Configuración de la aplicación > General
- Clave secreta > Mostrar
Inicie sesión en Click-to-Connect Admin :
- Ajustes > WhatsApp
- Rellene los campos del formulario con la información requerida y guarde
- A continuación se le redirige a la Meta OAuth > Reasociar
- A continuación, se le redirigirá a Click-to-Connect Admin
La activación puede tardar unos segundos, pero al final verá los mensajes de WhatsApp que puede personalizar
- Si no aparecen mensajes, no dude en recargar la página para asegurarse de que la activación ha funcionado correctamente.
- Recupere el ID de su bot de usuario conectado a Click-to-Connect Admin
- Haga clic en el icono situado en la parte superior derecha de la aplicación para descubrirlo
- Guarde este ID
8. Configuración de Webhooks
- Volver a la página : https://developers.facebook.com/apps
- Seleccione su Aplicación
- En la columna de la izquierda, Webhooks
URL de devolución de llamada :
- RED : "https://red-c2c.openrainbow.io/webhook/meta/whatsapp/<RAINBOW_USER_BOT_ID>
- PROD : "https://click-to-connect.openrainbow.io/webhook/meta/whatsapp/<RAINBOW_USER_BOT_ID>
Comprobar Token :
- Introduzca el Token de acceso introducido en Click-to-Connect Admin
- Comprobar y guardar
- A continuación, suscríbase a todas las opciones
Ahora vamos a hacer lo mismo en la sección WhatsApp
- En la columna de la izquierda, WhatsApp > Configuración
URL de devolución de llamada :
- ROJO : : " https://red-c2c.openrainbow.io/webhook/meta/whatsapp/<RAINBOW_USER_BOT_ID>
- PROD : : " https://click-to-connect.openrainbow.io/webhook/meta/whatsapp/<RAINBOW_USER_BOT_ID>
Comprobar Token :
- Indique el token de acceso en Click-to-Connect
- Comprobar y guardar
- A continuación, suscríbase a todas las opciones
9. Comprobación final
- En la página de WhatsApp Manager : https://business.facebook.com/latest/whatsapp_manager
- En la columna de la izquierda : Herramientas de la cuenta > Números de teléfono
Podrá ver su número de cuenta de WhatsApp Business, si muestra un estado "Conectado" y de alta calidad, todo ha ido bien
Aquí es donde puede personalizar su apariencia en la aplicación WhatsApp ( su logotipo por ejemplo)
10. Pruebe su configuración
- Sólo le queda probar su configuración
- Envíe un mensaje de WhatsApp a su cuenta de WhatsApp Business
- Si responde todo va bien, si no contacte con el soporte de Click-to-Connect