Todas las colecciones
Construyendo tu sitio
Social
Widget para Redes Sociales (Instagram)
Widget para Redes Sociales (Instagram)

Aprende a mostrar un feed de Instagram que se actualiza automáticamente con el widget Social Grid de Showit.

Sarah Pugh avatar
Escrito por Sarah Pugh
Actualizado hace más de una semana

🚀 29/11/21 Nueva función: el widget Showit Social Grid ahora está disponible para mostrar tu feed de Instagram en vivo. Se actualiza automáticamente cada 10 minutos para mostrar tus nuevas publicaciones.

NOTA: Es posible que se requiera una re-conexión ocasional debido a cómo Meta elige proporcionar tokens de seguridad a fuentes externas durante un número limitado de días. Esta es una capa de su seguridad que no podemos cambiar ni controlar.

Video de Instrucciones:

Instrucciones escritas (paso a paso)

Social Grid Preview

Agregar el Widget para Redes sociales (Social Grid)

Para agregar el widget Social Grid a tu diseño:

1). Primero seleccione el lienzo al que le gustaría agregar el widget.

2). Luego selecciona Connect Instagram en la barra a la derecha de la pantalla, en la pestaña de Social Grid Settings.

3). Sigue las instrucciones que verás en Account Settings para conectar Instagram.

Se te pedirá que inicies sesión en Instagram y debes dar permiso para que Showit acceda a tu cuenta de Instagram para mostrar sus fotos.

Puedes conectar cuentas de Instagram adicionales en esta pantalla de cuenta - NOTA: Para conectar cuentas adicionales, debe iniciar sesión en la cuenta que desea conectar EN INSTAGRAM para que se conecte la nueva cuenta. Si ya conectaste la cuenta A y deseas conectar la cuenta B, asegúrate de haber iniciado sesión en la cuenta B en Instagram antes de configurar esa cuenta para conectarse correctamente.

4). Se te re-dirigirá a la aplicación Showit para seleccionar tu cuenta en el panel de configuración de Social Grid. (Si no ves tu cuenta, intenta actualizar el navegador)

5). Personaliza la configuración del Social Grid widget a tu gusto.


Configuración del widget Social Grid

Video, Carousel, Image Posts (Publicaciones de video, carrusel e imagen)

Puedes excluir tipos específicos de publicaciones de Instagram para que no aparezcan en tu feed de redes sociales.

Auto-space Images (Imágenes de espacio automático)

Ajusta automáticamente los espacios de la imagen para que se ajusten al número máximo de imágenes completas.

*Solo disponible para 1 fila de imágenes.

Allow Overflow (Permitir desbordamiento)

Rellena el widget alineando las imágenes a la izquierda y mostrará imágenes parciales a la derecha. Idea para usar con bloqueo de borde horizontal en el escritorio.

*Solo disponible para 1 fila de imágenes.

Image Gap (Brecha de imagen)

Ajustar espacio entre imágenes.

Rows (Filas)

Ajusta el número de filas de imágenes visibles.

*Solo disponible para 1 fila de imágenes.

Align (Alinear)

Alinea las imágenes a la izquierda, al centro o a la derecha.

*No disponible con Espaciado automático de imágenes o Permitir desbordamiento activado.


Imágenes alternativas

Nuestro Social Grid admite la selección de imágenes alternativas. Estas imágenes se mostrarán si por algún motivo los servidores de Instagram no responden o si Instagram alguna vez desconecta tu cuenta.

Puedes seleccionar cualquier imagen de tu biblioteca de multimedia para utilizarla como imágenes alternativa.

Vista previa de plantillas de sitios web: las imágenes alternativas se muestran en las plantillas si no se selecciona ninguna cuenta o cuando se comparte una plantilla.


Funcionalidad adicional


Ayuda de Edge Locking: ¡Social Grid tiene soporte para bloqueo de bordes! ¡Darle una oportunidad!

Copiar configuraciones de estilo entre computadora de escritorio y dispositivo móvil

Puedes utilizar Pegado especial para copiar rápidamente la configuración de estilo entre el escritorio y el dispositivo móvil.

Agregar o desconectar una cuenta de Instagram


Si deseas agregar una cuenta adicional o desconectar una cuenta de Instagram, sigue estos pasos:

  1. Inicie sesión en la configuración de tu cuenta de Instagram.

  2. Haga clic en Connect Instagram para agregar otra cuenta o Desconectar junto a tu cuenta conectada.


Limitaciones

Frecuencia de actualización del feed

Cada 10 minutos

Límite de recuento de publicaciones

Se mostrarán hasta 50 publicaciones. Excluir tipos de publicaciones como Carrusel o Video puede brindarle un conjunto más pequeño de publicaciones.

Tipos de contenido no admitidos

IGTV, Stories, Collaborative posts

Soporte limitado para feeds privados

La Conexión está limitada a 60 días por Instagram, deberá renovar la conexión manualmente en su Cuenta.

Imágenes de portada siempre recortadas en el centro

Las imágenes de portada en Reels siempre se mostrarán recortadas en el centro en nuestro widget. Los recortes personalizados en las imágenes de portada no se aplicarán a nuestro widget.

Solución de problemas


Cuenta inactiva

Si tu widget de red social no muestra o deja de mostrar imágenes, intenta los siguientes pasos:

  1. Inicia sesión en la Account App

  2. Haz clic en Third Party

  3. Haz clic en el botón "Conectar Instagram"

  4. Reautorizar la cuenta.

Al hacer clic en el botón Connect Instagram se ejecutará un proceso de reautorización y se restablecerá nuestro acceso a su cuenta de IG/Facebook. Esto suele suceder cuando se cambia o actualiza una configuración o contraseña en su cuenta de IG/Facebook.

Problemas para volver a conectar Instagram: "Tu actividad fuera de las metatecnologías está actualmente desactivada".

Si ves este mensaje de error al intentar volver a conectar tu Instagram dentro de tu cuenta Showit:

{"error_type": "OAuthException", "code": 400, "error_message": "Your activity off Meta technologies is currently turned off."}

Puede resolverlo rápidamente siguiendo los pasos que se enumeran a continuación:

  1. Inicia sesión en Facebook y ve a la sección Settings debajo de tu imagen de perfil.

  2. Luego haz clic para ver la configuración de Off-Facebook Activity.

3. Haz click en Manage future activity.

4. Selecciona la opción Connect future activity para activarla y haga clic en Confirmar para guardar.

5. Finalmente, intenta volver a conectar Instagram en tu cuenta Showit. ¡Ahora debería funcionar!

Más recursos


¿Ha quedado contestada tu pregunta?