Utiliza Instagram para hacer fotos y vídeos cortos, personalizarlos y compartirlos con tu teléfono inteligente. En esta guía te explicamos cómo incrustar publicaciones de Instagram en tu sitio web.
En esta guía
¿Tienes alguna pregunta?
Pregunta a nuestro AI AssistantSi incrustas una publicación de Instagram, los visitantes de tu sitio web podrán ver la foto o el vídeo directamente en tu sitio, sin tener que ir a Instagram. Puedes incrustar fotos, vídeos y reels. Para incrustar una publicación desde Instagram, sigue estos pasos:
- Copia la URL de la publicación de Instagram desde la barra de direcciones de tu navegador o desde la aplicación Instagram. La URL será similar a esta:
https://www.instagram.com/p/CuzSGmjO5MP - En el editor de WordPress, pega la URL en una línea nueva sin ningún texto ni espacios adicionales. La publicación se incrustará automáticamente en un bloque Incrustado. Por defecto, la URL incrusta la imagen con el tamaño más grande disponible, que es de 612 píxeles de ancho.
- (Opcional) En la barra de herramientas que verás encima o debajo del contenido incrustado, podrás alinear el contenido a la izquierda, derecha o en el centro.
- (Opcional) En los ajustes del bloque, activa la opción «Cambiar tamaño para dispositivos más pequeños» para mantener la relación de aspecto en navegadores de otros tamaños.
Las incrustaciones de vídeo tendrán un aspecto muy similar, pero se incluirá el símbolo del triángulo de reproducción:
Si el contenido incrustado da error, consulta las posibles causas de error en nuestra guía para la solución de problemas de enlaces incrustados.
Utiliza el bloque Últimas publicaciones de Instagram para mostrar una cuadrícula que se actualice automáticamente con las últimas publicaciones de tu cuenta de Instagram. Puedes mostrar publicaciones de Instagram en tu sitio siempre que tengas una cuenta profesional de Instagram. Puedes convertir tu cuenta personal de Instagram de forma gratuita en una cuenta profesional o de creador.
Para añadir el bloque Últimas publicaciones de Instagram, haz clic en el icono + del insertador de bloques y busca «Instagram». Haz clic en Últimas publicaciones de Instagram para añadir el bloque a la publicación o página.
Encontrarás instrucciones detalladas sobre cómo añadir bloques en esta página.
Tras añadir el bloque Últimas publicaciones de Instagram, tendrás que conectarte a tu cuenta de Instagram. Si tienes un sitio activado con plugin, los ajustes de privacidad del sitio deben configurarse en el modo Público o Próximamente, no como Privado.
Conecta tu sitio a Instagram con estos pasos:
- Haz clic en el botón «Conectar a Instagram».
- En la ventana emergente, haz clic en «Permitir» para aprobar la conexión.
- Selecciona la cuenta a la que quieras conectarte, como se muestra en la siguiente imagen.
- Vuelve a hacer clic en «Conectar a Instagram».
Aparecerá una cuadrícula con tus nueve publicaciones más recientes de Instagram incrustadas en la página. Por ahora no se incluyen las colecciones colaborativas (publicaciones que compartes en una conversación). Continúa en el siguiente paso para saber cómo personalizar la cuadrícula.
Puedes conectar y desconectar tu sitio de Instagram en tu panel de administración desde Herramientas → Marketing → Conexiones (o Alojamiento → Conexiones si usas WP-Admin). Si desconectas Instagram desde aquí, se eliminará la conexión de todos los sitios de tu cuenta de WordPress.com.
Cuando elijas un bloque, verás ajustes del bloque adicionales en la barra lateral de la derecha. Si no ves la barra lateral, es posible que tengas que hacer clic en el icono Ajustes de la esquina superior derecha para que aparezcan los ajustes. Este icono parece un cuadrado con dos columnas desiguales:
Tienes las siguientes opciones:
Ajustes de la cuenta: consulta la cuenta de Instagram a la que estás conectado. Desconecta esa cuenta si tienes que eliminarla o conectar otra cuenta.
Ajustes de visualización: ajusta el número de publicaciones de Instagram que se mostrarán, el número de columnas y el espacio de separación (calculado en píxeles) entre cada entrada de la cuadrícula de Instagram.
Apilar en móvil: al habilitar esta opción, el contenido de la izquierda se mostrará encima del contenido de la derecha, y no a su lado, como pasa en las pantallas de los ordenadores. Esto ofrece una mejor experiencia a los usuarios que visitan tu sitio desde el móvil.
Avanzado: esta pestaña permite añadir una clase CSS a tu bloque, con lo que puedes escribir código CSS personalizado y dar estilo al bloque. Descubre cómo añadir clases CSS a los bloques.
Alineación y anchura: la barra de herramientas del bloque Últimas publicaciones de Instagram incluye opciones para alinear el bloque a la izquierda, en el centro o a la derecha y. además, si tu tema lo admite, puedes usar la visualización en todo el ancho de pantalla:
Puedes conectar hasta dos cuentas de Instagram y usar dos bloques Últimas publicaciones de Instagram (p. ej., una cuenta por cada bloque). Para ello, se necesitan dos accesos independientes a Instagram; no funcionará si gestionas varias cuentas de Instagram usando las mismas credenciales de acceso.
Tras conectar tu primera cuenta de Instagram a tu sitio, sigue estos pasos para conectar la segunda:
- En una pestaña nueva del navegador, ve a Instagram.com y sal de la cuenta n.º 1 de Instagram.
- Accede a tu cuenta n.º 2 de Instagram.
- Dirígete al panel de administración de tu sitio.
- Ve a Herramientas → Marketing → Conexiones (o Alojamiento → Conexiones si usas WP-Admin).
- En Instagram, haz clic en la flecha desplegable y selecciona la opción «Conectar una cuenta diferente».
- Cuando se establezca la conexión, podrás usar dos bloques de Últimas publicaciones de Instagram.
Hay otras alternativas para integrar tu sitio con Instagram, como:
- Mediante el bloque Iconos sociales, aparece un logotipo de Instagram con un enlace a tu perfil.
- Comparte automáticamente las publicaciones en una cuenta de Instagram Business.
