Instagram

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: 

  1. 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:

  1. 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.