El código de inserción de Instagram está fijado a 540px y se pega al borde izquierdo de tu contenido, porque Instagram escribe esas reglas sobre el embed como estilos en línea. Pega tu código, elige ancho y alineación, y copia un fragmento que funciona en WordPress, Squarespace, Webflow, Ghost o HTML simple.
Pega tu código o el enlace de la publicación
Puedes pegar el código completo de Instagram, solo el blockquote o simplemente el enlace de la publicación: sirven las URL /p/, /reel/ y /tv/. Los fragmentos que perdieron su etiqueta script o que volvieron alterados de un editor de markdown se reparan automáticamente.
Ajusta el ancho y la alineación
Arrastra el control de ancho entre 326px y 540px, el rango que Instagram realmente respeta, o elige "ocupar el contenedor". Selecciona izquierda, centro o derecha: el centrado es exacto en cualquier ancho porque lo que se centra es el contenedor, no el embed.
Comprueba la vista previa en vivo
Carga la vista previa para ver el embed real y ya cargado con tus ajustes, y alterna entre anchos de columna de escritorio, tablet y móvil. La vista previa se reconstruye en cada cambio, así que la altura que ves es la altura que vas a obtener.
Copia el código y pégalo
Copia el HTML completo, la versión sin la etiqueta script, o una única regla CSS global. En WordPress, pega en la vista Texto o en un bloque HTML personalizado: el editor Visual elimina la etiqueta script y el embed no aparecerá.
Tu embed queda a la izquierda porque el script de Instagram aplica margin: 0 0 12px directamente sobre el embed como estilo en línea, sin dejar margen izquierdo ni derecho para centrarlo. No lo causa tu tema, y ninguna regla CSS normal puede vencer a un estilo en línea. La solución es envolver el embed en un contenedor con margin-left: auto y margin-right: auto, que es exactamente lo que genera esta herramienta.
Instagram limita el embed a 540px con un max-width en línea sobre el iframe que crea, así que un contenedor más ancho no tiene ningún efecto. El rango admitido es de 326px a 540px: por debajo de 326px el embed se desborda en lugar de encogerse. Esta herramienta ofrece una opción avanzada que fuerza una caja más ancha con !important, pero Instagram no lo admite y el contenido se escala más allá de su resolución original, por lo que puede verse borroso.
No puedes fijarla con CSS, porque el script de Instagram mide su propio contenido e inyecta la altura en el embed después de cargarse, anulando lo que declares. Esta herramienta lo resuelve con honestidad mediante dos modos: "calcular altura" predice la altura que obtendrás con tu ancho y no emite ninguna altura en el código, mientras que "forzar proporción exacta" envuelve el embed en una caja de proporción real que sí lo limita, pero recorta el texto y el pie.
No: embed.js solo se necesita una vez por página, por muchos embeds que contenga. Si tu tema u otro embed ya lo carga, usa la salida "sin script" para mantener limpio tu HTML. Si nada más en la página lo carga, conserva la etiqueta script o el blockquote nunca se convertirá en una publicación real.
El editor Visual de WordPress elimina las etiquetas script, así que pegar ahí borra el cargador en silencio y deja un hueco vacío o un simple enlace. Pega en la pestaña Texto del editor clásico, o en un bloque HTML personalizado del editor de bloques, y el embed se mostrará. La misma regla vale para cualquier editor que limpie el HTML al guardar.
Sí, los Reels funcionan igual que las publicaciones: pega una URL /reel/ o /reels/, o el código de inserción que Instagram te da para un Reel, y se normaliza al enlace canónico. Los Reels son contenido vertical 9:16, así que elige la forma Reel en la sección de proporción para ver la altura prevista con tu ancho antes de pegar el código en tu página.
No, la generación del código ocurre por completo en tu navegador: analizar tu fragmento y construir el nuevo no implica ninguna petición de red. La única excepción es la vista previa en vivo, que está desactivada hasta que la pulsas y que carga el script de Instagram desde Instagram para mostrar un embed auténtico en un marco aparte de esta página. Si no la usas, nada sale de tu dispositivo.
¿Algo no funciona? Informar de un error
