Bloques de Instagram

Presenta las imágenes más recientes de tu feed de Instagram en tu sitio.

Última actualización: 8 de enero de 2025

Usa Bloques de Instagram para mostrar las publicaciones de Instagram en tu sitio. Esta es una excelente manera de mostrar tus imágenes o videos de Instagram sin agregarlos manualmente en bloques de galería o páginas de galería. Cuando agregas contenido a una cuenta de Instagram conectada, los bloques de Instagram se sincronizan para mostrar tus publicaciones más recientes en tu sitio. 

Nota

Debido a los cambios recientes en la API de Instagram, para continuar extrayendo contenido nuevo a tus bloques de Instagram, tendrás que volver a conectar tu sitio de Squarespace a Instagram. Si actualmente tienes una cuenta personal de Instagram, debes convertir tu cuenta en una cuenta profesional durante este proceso. A partir del 4 de diciembre de 2024, los bloques de Instagram que no se hayan vuelto a conectar no mostrarán ningún contenido nuevo hasta que se vuelvan a conectar.

Para volver a conectar tu cuenta de Instagram:

  1. Abre el panel Cuentas conectadas.   
  2. Haz clic en Reautenticar.
  3. Si todavía no tienes una cuenta profesional (comercial o de creador), el proceso de reconexión te guiará para cambiar de una cuenta personal a una cuenta profesional.
  4. Una vez que hayas convertido tu cuenta y te hayas vuelto a conectar, haz clic en el icono de Instagram en el panel Cuentas conectadas.
  5. Haz clic en Restablecer valores.

Para continuar mostrando un feed de publicaciones de Instagram en tu sitio sin convertir tu cuenta de Instagram en una cuenta profesional, reemplaza tu bloque de Instagram por un bloque de inserción con el código de inserción de Instagram.

Mira el video

Agrega el Bloque de Instagram

Cómo agregar un Bloque de Instagram:

  1. Edita una página o publicación, haz clic en Agregar bloque o en un punto de inserción y elige Instagram en el menú. Para obtener ayuda, consulta Agregar contenido con bloques.
  2. Abre el editor de bloques presionando el ícono del lápiz en el bloque.
  3. En la pestaña Cuenta, haz clic en el menú desplegable Cuenta conectada para seleccionar una cuenta de Instagram conectada previamente o selecciona Agregar una cuenta y sigue los pasos de autorización para conectar una nueva.
  4. Establece el número de elementos que se van a mostrar, hasta 20.
  5. En la pestaña Diseño, elige un diseño y personaliza la configuración de pantalla
  6. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.

Consejos y limitaciones

Ten en cuenta lo siguiente:

  • Instagram no admite el filtrado de publicaciones en Bloques de Instagram por un término de búsqueda o hashtag.
  • Si conectas una cuenta privada de Instagram con un Bloque de Instagram, las publicaciones van a aparecer en el bloque, pero si haces clic sobre ellas, van a dirigir a un enlace roto. Para evitarlo, configura tu cuenta de Instagram como pública.
  • Las publicaciones de Instagram que tengan varias imágenes o videos muestran el primer elemento como una imagen estática en los bloques de Instagram. En la pestaña diseño del editor del bloque, marca Abrir enlaces en una ventana nueva para vincular a quienes visiten el sitio con la publicación completa.
  • Los bloques de Instagram no admiten publicaciones de IGTV, historias, publicaciones compartidas o reels.
  • No aparecen las publicaciones fijadas arriba en tu bloque de Instagram. 
  • Si tienes varias cuentas de Instagram que te gustaría incluir, puedes conectar cada cuenta a un bloque de Instagram diferente.

Elige un diseño

En la pestaña Diseño, elige cómo aparecerán las publicaciones en el bloque. Hay cuatro diseños entre los cuales puedes elegir. Además, puedes personalizarlos con diferentes opciones, como relación de aspecto, relleno y cómo aparecen las publicaciones cuando haces clic en ella. Estos son los cuatro diseños:

  • Modo presentación: las publicaciones aparecen de a una por vez.
  • Carrusel: las publicaciones se muestran en su totalidad con partes de las publicaciones anteriores y siguientes a cada lado, dependiendo de la configuración
  • Cuadrícula - Las publicaciones se muestran como una cuadrícula de imágenes en miniatura
  • Apilado - Las publicaciones se muestran a ancho completo, una encima de la otra

Cuando hayas terminado de personalizar el diseño, haz clic en Guardar. Para obtener más información, visita Opciones para cada diseño de bloque de Instagram.

Consejo

algunas opciones de diseño se muestran de manera diferente en los dispositivos móviles. Puedes obtener una vista previa de tu configuración con la opción Vista en dispositivo.

Opciones de cada diseño de Bloque de Instagram

Opción del diseño Comportamiento del bloque
Automatically Transition Between Slides (Transición automática entre las diapositivas) Cambia automáticamente a la siguiente publicación después de un periodo de tiempo determinado. Cuando se activa, aparecerá un control deslizable para ajustar el tiempo de transición de 1 a 10 segundos.
Show Next and Previous Controls (Mostrar los controles siguiente y previo) Añade flechas para navegar a las publicaciones siguientes y anteriores. Los controles aparecen superpuestos a la izquierda y a la derecha de la publicación principal.
Automatically Crop Images (Recortar imágenes automáticamente) Recorta o cambia el tamaño de las publicaciones para obtener el mejor diseño.
Show Thumbnails (Mostrar imágenes en miniatura) Añade una tira con imágenes en miniatura de todas las imágenes y los videos al bloque debajo de la publicación principal. Cuando se activa, aparece un control deslizable para ajustar la altura de la tira de imágenes en miniatura y la distancia entre la tira de imágenes en miniatura y la publicación principal.
Mostrar leyenda

Muestra descripciones de la publicación. Cuando está marcada, aparecen más opciones para configurar la posición de las descripciones y para mostrarlas solamente cuando se coloca el cursor encima de ellas. Averigua cuál es el estilo de tu plantilla para estas leyendas.

Las descripciones no se mostrarán en los móviles.

Abrir enlaces en una nueva ventana Abre Instagram en una pestaña nueva cuando los que visitan el sitio hacen clic en las publicaciones.
Opción del diseño Comportamiento del bloque
Automatically Transition Between Slides (Transición automática entre las diapositivas) Cambia automáticamente a la siguiente publicación después de un periodo de tiempo determinado. Cuando se activa, aparecerá un control deslizable para ajustar el tiempo de transición de 1 a 10 segundos.
Show Next and Previous Controls (Mostrar los controles siguiente y previo) Añade flechas para navegar a las publicaciones siguientes y anteriores. Los controles aparecen superpuestos a la izquierda y a la derecha de la publicación principal.
Alineación activa Concentra el bloque en una publicación activa. Esta publicación aparece completa.
Abrir enlaces en una nueva ventana Abre Instagram en una pestaña nueva cuando los que visitan el sitio hacen clic en las publicaciones.
Opción del diseño Comportamiento del bloque
Aspect Ratio (Relación de Aspecto) Controla las dimensiones con las que aparecen tus publicaciones.
Crop Images (Recortar imágenes) Elimina el relleno de los contenedores de las publicaciones y los muestra con el tamaño elegido en el menú desplegable Relación de aspecto.
Thumbnails Per Row (Miniaturas por fila) En una fila de la cuadrícula, personaliza la cantidad de miniaturas.
Padding (Relleno) Ajusta el relleno fuera del contenedor de las publicaciones.
Lightbox

Abre una publicación con fondo negro cuando los que visitan el sitio hacen clic en la publicación.

La leyenda de la publicación se mostrará cuando se posicione el cursor sobre el lightbox. En el dispositivo móvil, pulsa el círculo en la esquina inferior derecha del lightbox para que se muestre la leyenda de la publicación. Averigua cuál es el estilo de tu plantilla para estas leyendas.

Abrir enlaces en una nueva ventana Abre Instagram en una pestaña nueva cuando los que visitan el sitio hacen clic en las publicaciones. Esta opción no funcionará si el lightbox está habilitado.
Opción del diseño Comportamiento del bloque
Mostrar leyenda

Muestra las descripciones de la publicación debajo de cada publicación. Averigua cuál es el estilo de tu plantilla para estas leyendas.

Abrir enlaces en una nueva ventana Abre Instagram en una pestaña nueva cuando los que visitan el sitio hacen clic en las publicaciones.

Resolución de problemas

Sigue los pasos que se indican a continuación para solucionar problemas con los bloques de Instagram. Ten en cuenta que, aunque podemos ofrecer consejos para solucionar problemas, cualquier problema causado por cambios de política o actualizaciones de productos por parte de Instagram queda fuera de nuestro alcance de soporte técnico. Entre los problemas comunes se incluyen:

  • El bloque no coincide con lo publicado en Instagram.
  • El bloque muestra publicaciones duplicadas o incorrectas.
  • El bloque muestra las publicaciones archivadas.
  • El bloque incluye un mensaje de error: "No hay elementos para mostrar de la colección seleccionada".
  • El bloque no aparece.

Consejo

Los bloques de Instagram se actualizan cada 30 minutos. Por ese motivo, las publicaciones nuevas podrían no aparecer al instante.

Paso 1: Verifica la conexión

Puedes solucionar la mayoría de los problemas cerciorándote de que la conexión a Instagram esté correctamente configurada:

  1. Abre el panel Cuentas conectadas.
  2. Haz clic en tu cuenta de Instagram.
  3. Asegúrate de que Descargar datos esté activado.
  4. Haz clic en Restablecer valores.
  5. Haz clic en Guardar.
  6. Actualiza la página web.

Paso 2: Vuelve a conectar la cuenta

Si continúas teniendo problemas o ves un mensaje de error que dice: "No autorizado: elimina o vuelve a autenticar esta cuenta para continuar usándola", desconecta y vuelve a conectar tu cuenta de Instagram:

  1. En el panel de Cuentas conectadas, haz clic en tu cuenta de Instagram.
  2. Haz clic en Desconectar.
  3. Haz clic en Confirmar.
  4. En otra pestaña, cierra sesión de todas las cuentas de Instagram en tu dispositivo.
  5. Vuelve a tu sitio de Squarespace. En el panel de cuentas conectadas, haz clic en Conectar.
  6. Elige Instagram en el menú Cuentas de redes sociales y, a continuación, inicia sesión con tu nombre de usuario y contraseña de Instagram.
  7. Haz clic en Guardar.
  8. Vuelve al bloque de Instagram. En la pestaña cuenta del editor de bloques, haz clic en el menú desplegable Cuenta conectada para volver a seleccionar tu cuenta de Instagram.
  9. Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego en Guardar para cerrar el editor.
  10.  

Paso 3: Reemplaza el bloque

Si el problema sigue sin solucionarse, borra el bloque y agrega uno nuevo:

  1. Abre el panel de Páginas y haz clic en la página con el bloque de Instagram.
  2. Posiciona el cursor sobre la página y haz clic en Editar.
  3. Posiciona el cursor sobre el Bloque de Instagram y haz clic en el icono de la papelera.
  4. Haz clic en un punto de inserción y elige Instagram.
  5. Seleciona la cuenta de Instagram y haz clic en Guardar.
  6. Actualiza la página.

Paso 4: Deshabilitar bloqueadores de anuncios y extensiones de navegador

Es posible que los bloques de Instagram no se muestren si utilizas bloqueadores de anuncios en tu navegador. Recomendamos eliminar cualquier bloqueador de anuncios para empezar. Si sigues teniendo problemas de visualización de bloques, intenta deshabilitar todas las extensiones del navegador. Si sigues teniendo problemas, ponte en contacto con nosotros.

Mostrar un feed de publicaciones usando un bloque de inserción

Debes tener una cuenta profesional de Instagram para usar un bloque de Instagram. Para mostrar un feed de publicaciones de Instagram en tu sitio sin una cuenta profesional, agrega el código de inserción de Instagram a un bloque de inserción:

  1. Edita una página o una publicación, haz clic en Agregar bloque o en un punto de inserción y, a continuación, haz clic en Insertar. Para obtener ayuda, visita Cómo agregar contenido con bloques.
  2. En Instagram, busca la publicación o el perfil que te gustaría incrustar y haz clic en ... arriba a la derecha.
  3. Haz clic en Insertar y luego en Copiar código de inserción
  4. Vuelve al bloque de inserción, haz clic en el fragmento de código en el editor de bloques en una computadora o toca Código en la aplicación de Squarespace y, a continuación, pega el código de inserción manualmente en el campo de texto.

Para obtener más información sobre cómo insertar colecciones de publicaciones en tu sitio, visita la documentación de Instagram

Footer Image
  • Recibe ayuda de nuestra comunidad

  • Recibe la ayuda de nuestra comunidad para personalizaciones avanzadas.

  • Contrata a un Squarespace Expert

  • Destácate en línea con la ayuda de un diseñador o desarrollador con experiencia.