Tutorial para la integración de Instagram Api
Integración por flujos a través de Gupshup. Para solicitar los flujos para la integración contactarse con el equipo de uContact.
Configuración desde Instagram
Para realizar la integración es necesario contar con una cuenta comercial/profesional en Instagram.
Para ello, se debe realizar lo siguiente:
En Instagram, dirigirse a la sección de Configuración haciendo clic en la rueda al lado del botón de ‘Editar perfil’:
2. Al hacer click en la rueda aparecerá un submenú con las siguientes opciones:
3. Seleccionar Cuenta profesional.
4. En la ventana de diálogo que se abre, seleccionar la opción cuenta profesional del menú lateral izquierdo y hacer clic en la opción ‘Cambiar a cuenta empresarial’
5. Confirmar la operación haciendo clic en el botón de ‘Cambiar’.
Una vez creada la cuenta empresarial, se la deberá vincular con una cuenta de Facebook.
Se requiere crear una página de Facebook.
Configuración desde Facebook
Para ello, se deberá realizar lo siguiente:
Acceder a la opción Editar perfil.
2. Seleccionar la opción ‘Editar perfil’ en el menú lateral izquierdo de la ventana de diálogo y luego acceder a ‘Centro de cuentas’.
3. Una vez en el ‘Centro de cuentas’, seleccionar la opción ‘Cuentas y perfiles’ del menú lateral izquierdo y hacer clic en el botón de ‘Añadir cuentas’ que aparece en el sector derecho.
4. Seleccionar la opción ‘Añadir cuenta de Facebook’ y seguir las instrucciones en la pantalla.
5. Para finalizar, presionar el botón ‘Sí, finalizar configuración’.
Integración con Gupshup
Se requiere crear una cuenta de Gupshup: http://www.gupshup.io
Luego de creada la cuenta de Gupshup, deberá hacer clic en el botón ‘Dashboard’ a la izquierda del perfil. Esto desplegará un submenú con varias opciones, de las cuales se deberá elegir ‘My Bots’.
Dentro de la sección de ‘My Bots’, se deberá crear un Bot haciendo clic en el botón +.
Para crear el Bot, deberá completar dentro de la ventana ‘Get Started’ los campos del formulario emergente con el nombre asociado al bot y una breve descripción. Presionar el botón ‘Next’ para continuar la configuración.
Dentro de la ventana ‘Select Method’, el siguiente paso será seleccionar la opción ‘Callback post’ e ingresar la URL del webhook:
https://[nombreinstancia].ucontactcloud.com/Integra/resources/GupshupInstagram/event
Para finalizar, presionar el botón ‘Crear bots’.
Luego de creado y configurado el Bot, este se podrá visualizar en la sección de ‘My Bots’. Allí, el siguiente paso será la configuración del canal de Instagram.
¿Cómo configurar el canal de Instagram?
Seleccionar el Bot y acceder a la opción ‘Channels’ dentro de la columna ‘Publish’.
Hacer clic en ‘Publish’ correspondiente a la opción de Instagram dentro de la ventana de ‘Channels Supported’.
Una vez publicado, se solicitará vincular la cuenta con la página de Facebook.
Para conectar la cuenta de Facebook se deberán seguir las instrucciones y requerimientos solicitados en la ventana emergente:
Ingresar a la cuenta de Facebook: https://www.facebook.com/pages/.
Se abrirá una nueva pestaña. En ella acceder a la página que se creó para vincular con Instagram.
En el menú lateral izquierdo, seleccionar la opción Configurar.
En la siguiente vista acceder a la opción ‘Mensajería avanzada’ y luego hacer clic en el botón de ‘Configurar’ correspondiente a la opción de ‘Instagram receiver’.
Dentro de la ventana de ‘Configuración de apps’ seleccionar ‘Gupshup Bot’ como el receptor principal del protocolo de traspaso.
Al finalizar, la aplicación figurará dentro de la lista de ‘Apps conectadas’ dentro de la ‘Configuración avanzada’.
En la página de Gupshup aparecerá lo siguiente:
Acceder a la cuenta de Instagram desde el celular y acceder al ícono , luego presionar la opción Configuración > Privacidad
Al ingresar en la opción Privacidad > Mensajes, permitir el acceso a los mensajes.
Crear proveedor en uContact
Ingresa a uContact con un usuario que posea permisos para crear proveedores de SMS.
Una vez dentro, nos dirigimos a Administrador → Proveedores → SMS.
Seleccionamos GupshupInstagram de la lista de proveedores y completamos los campos:
Nombre
Para identificar al proveedor.Nombre de Usuario
Se ingresa el nombre del Bot anteriormente creado.Contraseña
API Key de Gupshup.
