# Añadir una aplicación de catálogo a Meta for Developers

Para que los productos sean visibles en WhatsApp, es necesario añadir la aplicación a Facebook\* Developers y darle el acceso adecuado.

Este documento describe el segundo paso para añadir directorios WABA:

* Añadir catálogos a Facebook + conectarlos a la cuenta de WhatsApp Business
* **Añadir una aplicación de catálogo a Meta for Developers**
* Conexión de catálogos a un número en RadistWeb

Veamos cómo conectar la aplicación paso a paso:

### Registro en Meta for Developers

1. En primer lugar, tienes que registrar tu cuenta Meta\* for Developers. Tienes que acceder a tu cuenta de Facebook\*\* e ir al sitio web <https://developers.facebook.com/>
2. Se abrirá la ventana principal de Meta\* for Developers (fig.1), en la esquina superior derecha haz clic en el botón "Empezar", a continuación tendrás que confirmar la vinculación de tu cuenta a Meta\* for Developers

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FIuN9KUILAo1nz1yMNfbb%2F2023-09-07_10-36-06.png?alt=media&#x26;token=f3ea8941-e7b7-4b7a-bf68-9fce6ea8a36d" alt=""><figcaption></figcaption></figure>

3. Se abrirá la ventana de vinculación de tu cuenta de Facebook con Meta for Developers, tienes que hacer clic en "continuar".
4. En la siguiente ventana debes seleccionar "Desarrollador" y hacer clic en completar registro. Se creará una cuenta en Meta for Developers.

### Crear una aplicación en developers.facebook.com

Después de autorizar una cuenta en Meta for Developers, vamos a empezar a crear la aplicación:

1. En la esquina superior derecha, seleccione "Mis aplicaciones" y haga clic en el botón verde "Crear aplicación".

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2F47uJcon3vunkYe3eBfCd%2F2023-09-07_16-28-39.png?alt=media&#x26;token=f02231a0-99e1-418a-af4d-8010b0043b31" alt=""><figcaption></figcaption></figure>

2. Se abrirá una ventana en la que tendrás que elegir entre las opciones sugeridas para qué quieres la aplicación. Aquí, marque "Otros" y haga clic en el botón "Siguiente".

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FP194KxmdnOn0cbxFykq5%2F2023-09-07_16-31-15.png?alt=media&#x26;token=216b3a6a-ee46-4050-8542-07922d202a53" alt=""><figcaption></figcaption></figure>

3. En la siguiente ventana "Tipo de aplicación", seleccione "Negocios" y pulse el botón "Siguiente".

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2F1esWMDYmZXOb95RNd0t4%2F2023-09-07_16-32-38.png?alt=media&#x26;token=97deb13b-a755-4a8e-9655-e2f9a43b0573" alt=""><figcaption></figcaption></figure>

4. En este paso se especifica sólo el nombre de la aplicación, puede especificar cualquier nombre, no es necesario elegir nada más, haga clic en el botón "Crear aplicación".

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2Fho2oocdJsOFZsK6QEksB%2F2023-09-07_16-38-11.png?alt=media&#x26;token=38dd489a-a9ca-409c-b9e9-02e222a57591" alt=""><figcaption></figcaption></figure>

5. Se abrirá una ventana con una lista de aplicaciones. Desplázate hasta la parte inferior y selecciona "Iniciar sesión a través de Facebook para empresas" y haz clic en "Configurar".

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FdnecNKmJWUMH5AoK4MdO%2F2023-09-07_16-39-54.png?alt=media&#x26;token=5724b45e-300c-4819-861d-c7c648cd1931" alt=""><figcaption></figcaption></figure>

6. en la página siguiente debe seleccionar en la parte superior "Inicio de sesión con Facebook para empresas"Cambiar al inicio de sesión con Facebook"

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FFCMQWRG8kHRVg4Nka0nh%2F2023-09-07_16-43-40.png?alt=media&#x26;token=66f29316-dc8d-46d6-8042-6eeb3196607e" alt=""><figcaption></figcaption></figure>

7. Aparecerá una ventana emergente en la que deberá seleccionar "Otro" y hacer clic en el botón "Cambiar al inicio de sesión con"

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2Fq16MKolzAYCu4L035EFj%2F2023-09-07_16-46-23.png?alt=media&#x26;token=e4838999-16c2-405a-8842-38d1579c119a" alt=""><figcaption></figcaption></figure>

8. Después de cambiar al inicio de sesión a través de Facebook, tienes que desplazarte hacia abajo hasta el bloque "Configuración del cliente de OAuth" y activar el interruptor "Iniciar sesión con el SDK para JavaScript" (tienes que mover el interruptor a la posición "Sí"), a continuación, introduce `https://app.radist.online` en el campo justo debajo de "Dominios permitidos para el SDK para JavaScript" y guarda los cambios.

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FtXVCC2qRPYb8lINCrqB5%2F2023-09-07_16-51-31.png?alt=media&#x26;token=a037b11b-0011-461a-a5c0-7f894386cd86" alt=""><figcaption></figcaption></figure>

La aplicación se guarda. Ahora necesitas obtener el ID de la aplicación y la clave secreta.

### Cómo encontrar el ID de la aplicación y la clave secreta

1. Si continúa con los pasos anteriores - después de guardar, debe seleccionar "Configuración de la aplicación" en el panel izquierdo, pestaña "Básico". Hay que copiar los valores de los campos Application ID y Application Secret, para obtener este último hay que hacer clic en el botón "Mostrar" a la derecha del campo con la clave secreta. Estos datos se introducen en los campos correspondientes del armario RadistWeb

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FProdBmyNnbKNhluWb4yw%2F2023-09-07_17-05-07.png?alt=media&#x26;token=66485962-aaaa-42c3-bd4f-86aca1da6ee0" alt=""><figcaption></figcaption></figure>

2. Si has cerrado Meta\* for Developers o necesitas actualizar tus datos en tu cuenta RadistWeb debes ir a <https://developers.facebook.com/>, seleccionar "My Apps" en la esquina superior derecha y en la lista de aplicaciones seleccionar la que creaste para los directorios Waba

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FbPMh3hOkwWxWo97KiVIv%2F2023-09-07_17-14-43.png?alt=media&#x26;token=b2e0eaa1-9c9a-4b34-82b8-8f5f8707d681" alt=""><figcaption></figcaption></figure>

3. Se abrirá la ventana de configuración de la aplicación. En el panel izquierdo, seleccione "Configuración de la aplicación - Básica".

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FGCTzxunnHX6gtJJU84Ze%2F2023-09-07_17-16-52.png?alt=media&#x26;token=f8250ad7-e1e9-4490-b10f-a59d8b2a123a" alt=""><figcaption></figcaption></figure>

4. Además todo es igual que en el punto 1 - copie los valores de los campos Application ID y Application Secret, para obtener este último necesita hacer clic en el botón "Mostrar" a la derecha del campo con la clave secreta.

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FProdBmyNnbKNhluWb4yw%2F2023-09-07_17-05-07.png?alt=media&#x26;token=66485962-aaaa-42c3-bd4f-86aca1da6ee0" alt=""><figcaption></figcaption></figure>

5. El ID de aplicación y la clave secreta deben introducirse al habilitar los catálogos en el armario RadistWeb [https://app.radist.online/ ](https://app.radist.online/)- Configuración - Conexiones - WhatsApp Business API - Editar - Mostrar productos en la cuenta de WhatsApp, haga clic en "Siguiente" e inicie sesión en Facebook.

<figure><img src="https://3015388889-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOSj5cgQbJJpKJ9Z4c9ad%2Fuploads%2FjaojVs2sm84y0m4oNdIn%2F2023-09-08_16-38-24.png?alt=media&#x26;token=9b7cedda-3da1-4458-ac1b-e548583476b1" alt=""><figcaption></figcaption></figure>

Puede obtener más información sobre la conexión de un catálogo a un número en RadistWeb aquí: <https://docs.radist.online/docs/v/espanol-1/productos-1/whatsapp-business-api/como-configurar-productos-catalogos-en-waba>