¿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/05/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.
.png)
Warning
Si tu tienda tiene un diseño a medida vía FTP, va a ser necesario que un diseñador implemente esta 👉documentación.
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 tu usuario de Instagram sea público. Si es privado, tendrías que cambiarlo a público.
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.
1.3. Avanzar con el paso 2 de "Crear la app en Facebook".
Delete2. Crear la app en Facebook
Ahora, vamos a avanzar en 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).
2.2. Dentro de la 🌐sección de apps, hacer clic en "Crear app".
2.3. Seleccionar "Consumidor", y hacer clic en "Siguiente".
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).
Y luego, hacer clic en "Crear app".
Te va a aparecer la siguiente pantalla:
2.5. Avanzar con el paso 3 de "Configurar la app en Facebook".
Delete3. Configurar la app en Facebook
Estando en la siguiente pantalla dentro del panel de 🌐Facebook Developers, avanzar con estos pasos:
3.1. Ir a Configuración > Básica.
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
Info
Como link de tu tienda podés utilizar tu subdominio nube ("tumarca.mitiendanube.com") o tu dominio propio si lo adquiriste ("www.tumarca.com.ar").
3.3. Desplazar hacia abajo de todo, y hacer clic en el botón "Agregar plataforma".
3.4. En la ventana emergente, elegir "Website".
3.5. Ingresar la URL de tu tienda y luego clic en "Guardar cambios".
3.6. En el menú lateral, hacer clic en "Agregar producto".
3.7. Buscar la opción de "Visualización básica de Instagram", hacer clic en "Configurar".
3.8. Abajo de todo, hacer clic en "Crear nueva aplicación".
3.9. Asignar un nombre (no se mostrará en la tienda), y luego hacer clic en "Crear app".
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".
3.11. Desplazándote hacia abajo y dentro de la sección User Token Generator, hacer clic en "Add or Remove Instagram Testers".
3.12. Abajo de todo, dentro del recuadro de "Evaluadores de Instagram", hacer clic en "Agregar evaluadores de Instagram".
3.13. Agregar el usuario de Instagram del cual queremos obtener las publicaciones.
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.
3.14. Hecho esto, avanzar con el paso 4 de "Configurar la app en Instagram".
Delete4. Configurar la app en Instagram
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.
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".
- E ir a la sección "Apps y sitios web".
4.2. Hacer clic en "Invitaciones De Prueba" y luego en "Aceptar".
4.3. Avanzar con el paso 5 de "Obtener el token".
Delete5. Obtener el token
5.1. Ingresar nuevamente a la sección "Mis Apps" dentro de 🌐Facebook Developers y seleccionar la app que creaste anteriormente.
5.2. En la barra lateral, hacer clic en "Visualización básica de Instagram", y luego en "Visualización básica".
5.3. Ir hacia abajo y buscar la sección de "User Token Generator". Una vez ahí, hacer clic en "Generate Token".
5.4. Permitir el acceso.
5.5. Tildar el casillero "I Understand".
5.6. Finalmente, obtendrás el token que deberás copiar, haciendo clic en el botón "Copy".
Warning
Una vez creado el token el mismo vence a los 60 días, y es necesario regenerarlo manualmente desde Developers Facebook, sino las publicaciones de Instagram dejarán de mostrarse.
5.7. Avanzar con el paso 6 de "Configurar el token en tu Tiendanube".
Delete6. Configurar el token en tu Tiendanube
6.1. En otra pestaña del navegador, Acceder al Administrador de tu Tiendanube, y luego a "Mi Cuenta".
6.2. Ir a "Redes sociales". En el campo Token de Instagram, pegar el token que obtuvimos de Facebook.
6.3. Volver al inicio del Administrador de la tienada, y acceder a la sección Mi Tiendanube. Una vez dentro, hacer clic en "Personalizar el diseño actual".
6.4. Acceder a "Redes sociales".
6.5. Tildar el casillero "Mostrar tus publicaciones de Instagram en la página de inicio de tu tienda".
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.
