⏱️ 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
Aahora podés vanzar al paso 2, "Crear la app en Facebook".
2. Crear la app en Facebook
Debés 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 para tu negocio.
2.2. Seleccionar “Crear app”.
2.3. Completar con el nombre que quieras darle a la aplicación para tu control interno y seleccionar “Siguiente”.
2.4. En casos de uso, elegir la opción "Otro" y avanzar al siguiente paso.
2.5. En el tipo de aplicación, seleccionar “Business” (o negocio).
2.6. En la siguiente pantalla, seleccionar “Crear app”.
2.7. Seleccionar “Configurar” para la opción de Instagram.
2.8. Seleccionar “Agregar cuenta” en el apartado “Generar tokens de acceso”. Luego, elegir la cuenta de Instagram de tu negocio. Debe estar configurada como cuenta de negocio o creador y ser pública.
Así, vas a obtener el token de acceso que debés copiar.
Helpjuice Success Callout Title
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.
Ahora podés vanzar 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 podés 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. Recordá que la cuenta debe estar configurada en modo público.
3.14. Avanzar con el paso 4 "Configurar el token en tu Tiendanube".
3. Configurar el token en tu Tiendanube
3.1. En otra pestaña del navegador, acceder al administrador de tu Tiendanube, y luego al botón con el nombre de tu tienda.
3.2. Ir a "Redes sociales". En el campo Token de Instagram, pegar el token que obtuvimos de Facebook.
3.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".
3.4. Acceder a "Redes sociales".
Si no ves esa opción, podés ingresar a "Página de inicio".
3.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".
¡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?