⏱️ Tiempo estimado de ejecución: ~ 20 minutos.
En este tutorial, te contamos cómo mostrar las publicaciones de tu Instagram en el inicio de tu tienda.
.png "Tienda con últimas publicaciones de Instagram")
Warning
Si tu tienda tiene un diseño a medida vía FTP, es 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.
¡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 cambiarla a pública siguiendo estos pasos:
1.1. Acceder a Instagram, y luego a la sección 🌐 Configuración y Privacidad. Desde allí, ingresar a Privacidad de la cuenta.
1.2 Una vez dentro, desmarcar la opción Cuenta privada.
Desde el celular
Desde la computadora
1.3. Avanzar al paso 2, "Crear la app en Facebook".
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 la 🌐 sección de aplicaciones de Facebook Developers y, si es necesario, iniciar sesión con la cuenta de Facebook que ya tengas creada (puede ser personal o de tu negocio).
2.2. Hacer clic en "Crear aplicación", en la siguiente pantalla, elegir la opción "Otro" y avanzar al siguiente paso.
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)
Luego, hacer clic en "Crear aplicación".
Te va a aparecer la siguiente pantalla:
2.5. Avanzar al paso 3, "Configurar la app en Facebook".
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 > Informació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 puedes utilizar tu subdominio de Tiendanube ("tumarca.mitiendanube.com") o tu dominio propio si lo adquiriste ("www.tumarca.com").
3.3. Desplazar hacia el final de la página, y hacer clic en el botón "Añadir 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 "Añadir producto".
3.7. Buscar la opción de "Visualización básica de Instagram" y hacer clic en "Configurar".
3.8. En la parte inferior de la pantalla, 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 y mostrarlas en el inicio de nuestra tienda. Recuerda que la cuenta debe estar configurada en modo público.
3.14. Avanzar con el paso 4 "Configurar la app en Instagram".
4. Configurar la app en Instagram
Success
Realiza los siguientes pasos desde una computadora. No es posible hacerlo 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 estos pasos:
- Acceder desde una computadora a 🌐 Instagram
- Ingresar a tu perfil y luego en el icono de opciones ⚙️.
- Ir a la sección "Aplicaciones y sitios web"
4.2. Seleccionar "Invitaciones para evaluadores" y luego en "Aceptar".
4.3. Avanzar con el paso 5 "Obtener el token".
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.
5.2. En la barra lateral, hacer clic en "Visualización básica de Instagram", y luego en "Visualización básica".
5.3. Deslizar 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. Marcar el casillero "I Understand".
5.6. Finalmente, obtendrás el token que deberás copiar, haciendo clic en el botón "Copy".
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".
6. Configurar el token en tu Tiendanube
6.1. En otra pestaña del navegador, acceder al administrador de tu Tiendanube, y luego al botón con el nombre de tu tienda.
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 tienda, y acceder a la sección "Mi Tiendanube > Diseño". Una vez dentro, hacer clic en "Editar diseño".
6.4. Acceder a "Redes sociales".
Si no ves esa opción, puedes ingresar a "Página de inicio".
6.5. Marcar 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".
¡Listo! 🙌
Una vez seguidos todos los pasos, ya aparecerán las publicaciones de Instagram en tu Tiendanube.
Info
Si tienes algún inconveniente para realizar esta configuración, te recomendamos ver 📝 ¿Por qué no se muestran mis publicaciones de Instagram en mi Tiendanube?