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")
Muestra tu Instagram y vende con Tiendanube
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, y que las publicaciones se muestren correctamente al finalizar, es importante que:
- Te asegures de que tu tienda no esté en modo construcción.
- Tengas creada una página con las Políticas de privacidad de tu tienda (será solicitada más adelante).
- Hayas completado la verificación de dominio desde tu administrador, en la sección "Instagram y Facebook > Cuenta", un paso que suele pasarse por alto y sin el cual las publicaciones no llegan a mostrarse.
¡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
Ahora puedes avanzar al paso 2, "Crear la app en Facebook".
2. Crear la app en Meta Developers
Debes 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 Meta for Developers y, si es necesario, iniciar sesión con la cuenta de Facebook que ya tengas creada para tu negocio.
Helpjuice Warning Callout Title
Si aún no tienes una cuenta en Meta for Developers, puedes seguir estos pasos de Meta para registrarte. Realizado el registro, podrás ingresar a tu cuenta de Meta y continuar con el paso 2.2.
2.2. Seleccionar "Crear app".
2.3. Completar con el nombre que quieras darle a la aplicación para tu control interno e ingresa el correo electrónico. Luego seleccionar "Siguiente".
2.4. En "Casos de uso", buscar la opción "Administración de contenido" en el panel lateral izquierdo y seleccionarla.
Luego, elegir la opción "Administrar mensajes y contenido en Instagram" y hacer clic en "Siguiente"
2.5. En el paso "Negocio" o "Empresa" (según la versión que tengas), seleccionar o crear el portfolio comercial que quieres conectar a esta app y hacer clic en "Siguiente":
2.6. En la siguiente pantalla de "Requisitos", se mostrará la leyenda el mensaje "No se identificaron requisitos. Esto puede cambiar si agregas más casos de uso a la app.". No tienes que hacer nada, solo clic en "Siguiente".
2.7. Revisar la información en "Resumen" y hacer clic en "Crear app".
2.8 Serás redirigido al "Panel" general. Allí hacer clic en el "Casos de uso" y luego en el botón "Personalizar" que aparece dentro de la opción "Administrar mensajes y contenido en Instagram".
2.9 En la barra lateral de "Personalizar caso de uso", hacer clic en "API setup with Unified login".
2.10 Dentro de "1. Configurar tu app", hacer clic en "Crear nueva configuración".
2.11 En la ventana de confirmación de la configuración de inicio de sesión, hacer clic en "Crear desde una plantilla".
2.12 Una vez creada la configuración, hacer clic en "Editar permisos".
2.13 En "Seleccionar permisos", dejar tildados solo instagram_basic e instagram_manage_messages y destildar el resto de los permisos.
2.14 Hacer clic en "Guardar".
2.15 Dentro de "2. Generar tokens de acceso", hacer clic en "Agregar cuenta".
2.16 Se abrirá la ventana "Agregar cuenta de Instagram". Hacer clic en "Continuar" para iniciar sesión con la cuenta de Instagram de tu negocio.
Si la ventana emergente (pop-up) no aparece, puede estar bloqueada o haber un conflicto de sesión. Para solucionarlo:
- Desactiva los bloqueadores de ventanas emergentes en tu navegador.
- Cierra sesión en Facebook e Instagram y vuelve a ingresar con las cuentas de tu negocio.
- Intenta el proceso en una ventana de incógnito o en otro navegador (Chrome, Firefox, Edge).
Helpjuice Warning Callout Title
Tu cuenta de Instagram debe ser profesional y pública para poder autorizarla correctamente.
2.17 Se abrirá la ventana "Agregar personas a tu app". En "Roles adicionales para esta app", seleccionar "Evaluador de Instagram" e ingresar, en el campo de búsqueda, el usuario de Instagram debajo del cual quieres mostrar las publicaciones en tu tienda. Al escribirlo, aparecerán las opciones disponibles para seleccionar. Por último, hacer clic en "Agregar".
2.18 Después de agregar la cuenta, en la sección "2. Generar tokens de acceso" se indicará que la cuenta aparecerá una vez que se acepte la invitación. Para aceptarla, hacer clic en "Apps and Websites", lo que te redirigirá a Instagram. Si no iniciaste sesión previamente, se te pedirá hacerlo para avanzar.
2.19 Dentro de "Aplicaciones y sitios web" de Instagram, hacer clic en la pestaña "Invitaciones para evaluadores" y luego en el botón "Aceptar".
2.20 Volver a la página de configuración de la app en Meta Developers. La cuenta de Instagram aparecerá agregada en la sección "2. Generar tokens de acceso". Hacer clic en "Generar identificador" para generar el token.
Será necesario iniciar sesión nuevamente y aceptar los permisos solicitados. Estos permisos son generales para mostrar la cuenta, no habilitan modificarla.
2.21 Se abrirá la ventana "Identificador generado" con el token. Tildar el casillero "Acepto" y hacer clic en el botón "Copiar" para copiar el token.
Helpjuice Success Callout Title
Copia el token en este momento. Si cierras la ventana sin copiarlo, no se podrá volver a ver y será necesario generar uno nuevo.
2.22 Si el token que copiaste empieza con "EAA", copiar también el ID de la cuenta, el número que aparece debajo del nombre de usuario en la sección "Cuenta de Instagram".
Este ID queda visible mientras la cuenta siga agregada, por lo que puedes volver a copiarlo cuando lo necesites.
Helpjuice Success Callout Title
El token vence 60 días después de que se crea y es necesario regenerarlo manualmente desde Meta Developers. Si no se regenera, las publicaciones de Instagram dejarán de mostrarse.
Ahora puedes avanzar al paso siguiente de "3. Configurar el token, el ID de la cuenta y la visibilidad de publicaciones en tu Tiendanube".
3. Configurar el token, el ID de la cuenta y la visibilidad de publicaciones en tu Tiendanube
3.1. En otra pestaña del navegador, acceder al administrador de tu Tiendanube.
3.2. Ir a "Tienda online > Link de redes sociales".
3.3. En el campo "Token de Instagram", pegar el token que copiaste en Meta Developers.
3.4. Si tu token empieza con "EAA", pegar en el campo "ID de la cuenta de Instagram" el ID de la cuenta que copiaste en Meta Developers.
3.5. Completar el campo "Nombre de usuario en Instagram" en caso de que esté vacío.
3.6. Volver al inicio del administrador de la tienda y acceder a "Tienda online > Diseño". Una vez dentro, hacer clic en "Editar diseño".
3.7. Ingresar a "Página de inicio > Publicaciones de Instagram".
Helpjuice Warning Callout Title
Funcionalidad no disponible en el diseño Patagonia.
3.8. Tildar el casillero "Mostrar tus publicaciones de Instagram en la página de inicio de tu tienda".
3.9. Volver a "Página de Inicio" y verificar que la sección "Publicaciones de Instagram" esté visible: el ícono de ojo debe aparecer en color azul y sin tachar. En caso de que el ícono de ojo se muestre en gris y tachado, hacer clic sobre él para activar la visibilidad de la sección en la tienda.
Helpjuice Info Callout Title
Desde los seis puntos (⠿) ubicados a la izquierda de la sección, es posible arrastrarla y reposicionarla en el lugar deseado dentro de la Página de Inicio.
3.10. Por último, hacer clic en "Publicar cambios".
¡Listo!
Una vez seguidos todos los pasos, ya aparecerán las publicaciones de Instagram en tu Tiendanube.
Helpjuice Warning Callout Title
Por el momento no se permite configurar la cantidad y disposición de publicaciones que se pueden mostrar.
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?