Centro de Atención Nube Configurá tu tienda Diseño Personalizar el diseño Redes sociales

¿Cómo mostrar mis publicaciones de Instagram en mi Tiendanube?

Pasos para agregar un feed de Instagram con los últimos posts en tu tienda

Última actualización: 16/06/2022

⏱️ Tiempo estimado de ejecución: ~ 20 minutos.

En este tutorial, te indicamos el paso a paso a seguir para poder mostrar las publicaciones de tu Instagram en el inicio de tu tienda.

Celular mostrando una tienda con los últimos posteos de instagram en la página de inicio

Delete

Warning

Si tu tienda tiene un diseño a medida vía FTP, es necesario que un diseñador implemente esta 👉documentación.

Delete

Success

Para poder seguir los pasos que te mostramos en este tutorial, es importante que te asegures de que tu tienda no esté en modo construcción. Para saber más, podés seguir nuestro tutorial sobre la 📝página en construcción.

¡Vamos a los pasos!

1. Poner pública la cuenta de Instagram

Antes de empezar, es importante validar que la cuenta de Instagram de tu negocio sea pública. Si es privada, tendrías que cambiarlo a público siguiendo estos pasos:

1.1. Acceder a Instagram, y luego a la sección 🌐Configuración > Privacidad


1.2 Una vez dentro, destildar la opción Cuenta privada.

Desde el celular

Sección de Configuración - Privacidad dentro de Instagram desde el celular, con la opción para desmarcar la cuenta como privada resaltada

Delete

Desde la computadora

Opción de cuenta privada no marcada en Instagram desde la computadora

Delete


1.3. Avanzar al paso 2, "Crear la app en Facebook".

Delete

2. Crear la app en Facebook

Ahora, es necesario avanzar con los pasos para conseguir un "token". Es un permiso que necesitamos para que las publicaciones de tu cuenta de Instagram se puedan mostrar en tu tienda.


2.1. Ingresar a 🌐Facebook Developers e iniciar sesión con la cuenta de Facebook que ya tengas creada (puede ser personal o de tu negocio).

Inicio de Facebook Developers con los campos para ingresar el mail y contraseña e iniciar sesión

2.2. Dentro de la 🌐sección de apps, hacer clic en "Crear app".

Sección de apps dentro de Facebook Developers con el botón "Crear app" resaltado


2.3. Seleccionar "Consumidor", y hacer clic en "Siguiente".

Opción de Consumidor y botón Siguiente resaltados


2.4. Completar los siguientes datos:

  • Nombre de la app (esto no se verá en la tienda)
  • Correo electrónico de contacto
  • Cuenta de Administrador Comercial (no seleccionar ninguna cuenta)

Luego, hacer clic en "Crear app".

Campos para completar el nombre de la aplicación, el email de contacto y la cuenta comercial. Botón Crear app resaltado


Te va a aparecer la siguiente pantalla:Pantalla de Facebook Developers para agregar productos a tu app

2.5. Avanzar al paso 3, "Configurar la app en Facebook".

Delete

3. Configurar la app en Facebook

Desde la pantalla del paso anterior dentro del panel de 🌐Facebook Developers, avanzar con estos pasos:


3.1. Ir a Configuración > Básica.

Panel de Facebook Developers con la opción Configuración - Básica resaltada en la barra lateral izquierda


3.2. Completar los siguientes campos con la URL de tu tienda:

  • URL de la Política de privacidad
  • Eliminación de datos de usuario
Delete

Info

Como link de tu tienda podés utilizar tu subdominio de Tiendanube ("tumarca.mitiendanube.com") o tu dominio propio si lo adquiriste ("www.tumarca.com.ar").

Diferentes campos a completar. URL de la política de privacidad y eliminación de datos de usuario, donde se debe ingresar la URL de la tienda, resaltados


3.3. Desplazar hacia el final de la página, y hacer clic en el botón "Agregar plataforma".

Botón "Agregar plataforma" resaltado


3.4. En la ventana emergente, elegir "Website".

Ventana emergente con diferentes opciones. Website resaltado


3.5. Ingresar la URL de tu tienda y luego clic en "Guardar cambios".

siguiente pantalla con el campo de URL del sitio completado con el link de la tienda. Botón Guardar cambios resaltado


3.6. En el menú lateral, hacer clic en "Agregar producto".

Menú lateral izquierdo con el botón "Agregar producto" resaltado

3.7. Buscar la opción de "Visualización básica de Instagram" y hacer clic en "Configurar".

Botón "configurar" en la sección de Visualización básica de Instagram resaltado


3.8. En la parte inferior de la pantalla, hacer clic en "Crear nueva aplicación".

Botón Crear nueva aplicación en la parte inferior resaltado


3.9. Asignar un nombre (no se mostrará en la tienda), y luego hacer clic en "Crear app".

Campo para agregar el nombre que se le quiere asignar a la app y botón "Crear app" resaltado


3.10. Completar los siguientes campos con la URL de tu tienda:

  • URL de redireccionamiento de OAuth válidos
  • URL de devolución de llamada para autorización cancelada
  • URL de la solicitud de eliminación de datos


Luego, hacer clic en "Guardar cambios".

Campos para completar las tres opciones que se mencionan arriba con la url de la tienda ingresada y el botón Guardar cambios resaltado


3.11. Desplazándote hacia abajo y dentro de la sección User Token Generator, hacer clic en "Add or Remove Instagram Testers".

Sección de User Token Generator, con el botón Add or Remove Instagram Testers resaltado

3.12. Abajo de todo, dentro del recuadro de "Evaluadores de Instagram", hacer clic en "Agregar evaluadores de Instagram".

Sección Evaluadores de Instagram con el botón Agregar evaluadores de Instagram resaltado

3.13. Agregar el usuario de Instagram del cual queremos obtener las publicaciones.

Delete

Warning

Es necesario agregar el usuario de Instagram que queremos mostrar en el inicio de nuestra tienda. Recordá que la cuenta tiene que estar configurada en modo público.

Campo para agregar evaluadores con el usuario de Instagram cuyas publicaciones queremos mostrar en la tienda


3.14. Avanzar con el paso 4 "Configurar la app en Instagram"

Delete

4. Configurar la app en Instagram

Delete

Success

Los siguientes pasos se tienen que hacer desde una computadora. No es posible realizarlos desde la app de Instagram para celulares.

4.1. Abrir una nueva ventana e ingresar en el siguiente link: 🌐Apps y sitios web

Delete

Warning

Si no pudiste acceder al link directo para hacer esta configuración, tendrías que seguir los siguientes pasos:

  • Acceder desde una computadora a 🌐Instagram 
  • Ingresar a tu perfil y luego en "Editar Perfil"
  • Ir a la sección "Apps y sitios web"

4.2. Hacer clic en "Invitaciones De Prueba" y luego en "Aceptar".

Sección Apps y sitios web de Instagram con las opción de Invitaciones de prueba y Aceptar resaltadas


4.3. Avanzar con el paso 5 "Obtener el token".

Delete

5. Obtener el token

5.1. Ingresar nuevamente a la sección "Mis Apps" dentro de 🌐Facebook Developers y seleccionar la app que creaste anteriormente.

Sección Apps con la app creada seleccionada

5.2. En la barra lateral, hacer clic en "Visualización básica de Instagram", y luego en "Visualización básica".

Barra lateral con las opciones de Visualización básica resaltadas

5.3. Deslizar hacia abajo y buscar la sección de "User Token Generator". Una vez ahí, hacer clic en "Generate Token".

Sección User Token Generator, con el botón de Generate token resaltado


5.4. Permitir el acceso.


Botón Permitir resaltado


5.5. Tildar el casillero "I Understand".

Casillero I Understand resaltado

5.6. Finalmente, obtendrás el token que deberás copiar, haciendo clic en el botón "Copy".

Token generado con el botón Copy resaltado

Delete

Success

El token vence 60 días después de que se crea y es necesario regenerarlo manualmente desde Facebook Developers. Si no se regenera, las publicaciones de Instagram dejarán de mostrarse.

5.7. Avanzar con el paso 6 "Configurar el token en tu Tiendanube".

Delete

6. Configurar el token en tu Tiendanube

6.1. En otra pestaña del navegador, acceder al Administrador de tu Tiendanube, y luego a la sección "Mi Cuenta".


6.2. Ir a "Redes sociales". En el campo Token de Instagram, pegar el token que obtuvimos de Facebook.

Token agregado en el campo correspondiente dentro de la sección de Redes sociales


6.3. Volver al inicio del Administrador de la tienda, y acceder a la sección Mi Tiendanube > Diseño. Una vez dentro, hacer clic en "Personalizar el diseño actual".

6.4. Acceder a "Redes sociales".

Opción de Redes sociales en la barra lateral dentro de Personalizar el diseño actual

6.5. Tildar el casillero "Mostrar tus publicaciones de Instagram en la página de inicio de tu tienda".

Opción para mostrar las publicaciones de Instagram marcada

6.6. Por último, hacer clic en "Publicar cambios".

Delete

¡Listo! 🙌

Una vez seguidos todos los pasos, ya aparecerán las publicaciones de Instagram en tu Tiendanube.

Tienda de ejemplo con las publicaciones de Instagram en el inicio