⏱️ 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 "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. 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.
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 🌐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)
Luego, hacer clic en "Crear app".
Te va a aparecer la siguiente pantalla:
2.5. Avanzar al paso 3, "Configurar la app en Facebook".
Delete3. 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.
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 de Tiendanube ("tumarca.mitiendanube.com") o tu dominio propio si lo adquiriste ("www.tumarca.com.ar").
3.3. Desplazar hacia el final de la página, 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" 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.
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. Avanzar con el paso 4 "Configurar la app en Instagram".
4. 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"
- 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 "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. 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. Tildar 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".
Delete6. 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.
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".
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.
Info
Si tenés algún inconveniente para realizar esta configuración, te recomendamos ver 📝¿Por qué no se muestran mis publicaciones de Instagram en mi Tiendanube?.