Herramienta gratuita
Inserta tu feed de Instagram en cualquier sitio web
Genera un bloque de feed de Instagram personalizable para tu sitio web. Elige tema, diseño y estilo, y luego copia el código y pégalo en cualquier página que acepte HTML personalizado.
Sin necesidad de iniciar sesiónSin programarHTML con CSS en línea
Solo se pueden cargar perfiles públicos y la herramienta nunca pide una contraseña. Las consultas se guardan en caché: el perfil puede tener hasta 15 minutos y las publicaciones hasta 2 minutos.
Modo de vista previa: Introduce un nombre de usuario arriba para cargar las publicaciones de esa cuenta. Abajo se muestra contenido de ejemplo.
Personalizar inserción
Tema
Diseño
Columnas
Número de publicaciones
9
Espaciado
Esquinas
Opciones de visualización
Vista previa
Código de inserción
<!-- Instagram Feed by Likes.io -->
<div style="max-width:100%;width:100%;margin:0 auto;background:#ffffff;border:1px solid #efefef;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow:hidden;box-sizing:border-box;">
<a href="https://www.instagram.com/yourprofile/" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:12px;padding:16px;text-decoration:none;border-bottom:1px solid #efefef;">
<img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e2e8f0%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2238%22%20r%3D%2218%22%20fill%3D%22%2394a3b8%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2280%22%20rx%3D%2228%22%20ry%3D%2222%22%20fill%3D%22%2394a3b8%22%2F%3E%3C%2Fsvg%3E" alt="Tu marca" width="44" height="44" style="border-radius:50%;object-fit:cover;" />
<div>
<div style="font-weight:600;color:#262626;font-size:14px;">Tu marca</div>
<div style="color:#8e8e8e;font-size:12px;">@yourprofile</div>
</div>
</a>
<div style="padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;">
<a href="https://www.instagram.com/p/mock1/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e2e8f0%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2230%22%20width%3D%2250%22%20height%3D%2240%22%20rx%3D%228%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2212%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2236%22%20r%3D%223%22%20fill%3D%22%2364748b%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 1" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock2/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fde68a%22%2F%3E%3Cpath%20d%3D%22M50%2070%20C20%2045%2020%2025%2035%2020%20C42%2017%2048%2022%2050%2028%20C52%2022%2058%2017%2065%2020%20C80%2025%2080%2045%2050%2070Z%22%20fill%3D%22%2392400e%22%20opacity%3D%220.7%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 2" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock3/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><svg width="16" height="16" viewBox="0 0 24 24" fill="white" style="position:absolute;top:8px;right:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5));z-index:1;"><polygon points="5,3 19,12 5,21"/></svg><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23bfdbfe%22%2F%3E%3Cpath%20d%3D%22M50%2020%20L58%2040%20L80%2042%20L64%2056%20L68%2078%20L50%2066%20L32%2078%20L36%2056%20L20%2042%20L42%2040Z%22%20fill%3D%22%231e40af%22%20opacity%3D%220.7%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 3" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock4/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23d9f99d%22%2F%3E%3Cpath%20d%3D%22M15%2070%20L35%2035%20L50%2050%20L65%2030%20L85%2070Z%22%20fill%3D%22%23365314%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2225%22%20r%3D%228%22%20fill%3D%22%23365314%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 4" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock5/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fecaca%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%228%22%20fill%3D%22%23991b1b%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2235%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2265%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2250%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2250%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 5" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock6/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><svg width="16" height="16" viewBox="0 0 24 24" fill="white" style="position:absolute;top:8px;right:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5));z-index:1;"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e9d5ff%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2222%22%20fill%3D%22%236b21a8%22%20opacity%3D%220.3%22%2F%3E%3Cpolygon%20points%3D%2243%2C36%2043%2C64%2068%2C50%22%20fill%3D%22%236b21a8%22%20opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 6" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock7/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fbcfe8%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2222%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2222%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2254%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2254%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 7" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock8/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23ccfbf1%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2235%22%20width%3D%2234%22%20height%3D%2230%22%20rx%3D%224%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.6%22%2F%3E%3Cpath%20d%3D%22M62%2042%20C72%2042%2072%2058%2062%2058%22%20stroke%3D%22%23134e4a%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2268%22%20width%3D%2240%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 8" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock9/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fed7aa%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2214%22%20fill%3D%22%239a3412%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%2250%22%20y1%3D%2225%22%20x2%3D%2250%22%20y2%3D%2218%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2250%22%20y1%3D%2282%22%20x2%3D%2250%22%20y2%3D%2275%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2225%22%20y1%3D%2250%22%20x2%3D%2218%22%20y2%3D%2250%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2282%22%20y1%3D%2250%22%20x2%3D%2275%22%20y2%3D%2250%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E" alt="Publicación de ejemplo 9" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
</div>
<a href="https://www.instagram.com/yourprofile/" target="_blank" rel="noopener noreferrer" style="display:block;text-align:center;padding:12px;font-size:12px;color:#8e8e8e;text-decoration:none;border-top:1px solid #efefef;">
Ver más en Instagram
</a>
</div>Pega este HTML en el código fuente de tu sitio web donde quieras que aparezca el feed. No necesita scripts; las imágenes se cargan a través de nuestro proxy de imágenes.
Por qué usar esta herramienta
Todo lo que necesitas para insertar Instagram
Una forma gratuita de mostrar tus publicaciones de Instagram en tu propio sitio web, sin programar.
Temas claro y oscuro
Elige un fondo claro u oscuro según el diseño de tu sitio.
Cuadrícula o carrusel
Muestra las publicaciones en una cuadrícula de 2 a 4 columnas o en una fila que se desplaza en horizontal.
Personaliza los detalles
Ajusta columnas, espaciado, redondeo de esquinas, encabezado, descripciones, iconos de medios, enlaces a las publicaciones y número de publicaciones.
Copia y pega el código
Obtén HTML con CSS en línea, sin scripts ni iframes. Las imágenes de las publicaciones se cargan a través de nuestro proxy de imágenes.
Ancho flexible
La inserción ocupa todo el ancho del espacio donde la pegues. Revísala en la vista previa con ancho de ordenador, tableta y móvil.
Sin registro necesario
Funciona con perfiles públicos de Instagram. La herramienta solo necesita un nombre de usuario, nunca una contraseña.
Cómo funciona
Cuatro pasos sencillos
1
Introduce tu nombre de usuario
Escribe un nombre de usuario público de Instagram para cargar su perfil y sus publicaciones recientes.
2
Personaliza el aspecto
Elige tu tema, diseño, columnas y espaciado, y activa o desactiva descripciones y encabezados.
3
Previsualiza y copia
Revisa la vista previa con ancho de ordenador, tableta y móvil, y luego copia el código de inserción.
4
Pega en tu sitio
Pega el HTML donde quieras el feed en tu página. Para mostrar publicaciones más nuevas, vuelve a generar el código.
Dónde encaja un feed de Instagram
Tanto si tienes un blog como una tienda online o un portafolio, una inserción lleva tus publicaciones de Instagram a tus propias páginas.
Tiendas de comercio electrónico
Muestra las fotos de producto de tu cuenta de Instagram en las páginas de tu tienda.
Portafolios y creativos
Muestra trabajos recientes de tu Instagram en tu portafolio. Vuelve a generar el código cuando quieras que aparezcan publicaciones más nuevas.
Blogs y sitios de medios
Añade un bloque de imágenes entre textos largos.
Restaurantes y negocios locales
Muestra en tu web los platos, el local y los eventos que publicas en Instagram.
Preguntas frecuentes
Preguntas frecuentes
¿Este generador de inserciones es realmente gratis?
Sí. Generar y copiar el código de inserción no cuesta nada.
¿Necesito instalar algún script o complemento?
No. La inserción generada es HTML con CSS en línea, sin JavaScript ni iframe. Las imágenes de las publicaciones y la foto de perfil se cargan a través de nuestro proxy de imágenes, así que la inserción sí llama a nuestro servidor cuando alguien ve tu página.
¿La inserción se actualizará automáticamente cuando publique contenido nuevo?
No. La inserción es una captura de tu feed en el momento en que la generas. Para mostrar publicaciones nuevas, vuelve a generar el código y sustituye el anterior en tu sitio. Haz lo mismo si deja de verse una imagen: las imágenes se cargan a través de nuestro proxy de imágenes desde las direcciones que Instagram dio al generar el código.
¿Funciona con cuentas privadas de Instagram?
No: la herramienta solo puede acceder a perfiles públicos. Asegúrate de que la cuenta que quieres insertar tenga la privacidad configurada como pública.
¿Puedo personalizar el número de publicaciones que se muestran?
Sí. El control deslizante del personalizador va de 3 a 12 publicaciones. La herramienta carga hasta 12 publicaciones recientes de la cuenta.
¿Cómo se ve la inserción en el móvil?
La inserción ocupa todo el ancho del espacio donde la pegas, y las publicaciones se ajustan a ese ancho. El número de columnas se mantiene como lo elegiste, así que revisa la vista previa de móvil si eliges 4.
¿Esto afectará a mi cuenta de Instagram o hará que la marquen?
La herramienta nunca inicia sesión en tu cuenta ni te pide una contraseña o un token de API. Lee el perfil público y las publicaciones recientes a través de un proveedor de datos: la misma información que cualquiera ve en el perfil.
¿Puedo usar esto en Shopify, WordPress, Wix o Squarespace?
Sí. La inserción funciona en cualquier plataforma que permita HTML personalizado. Busca un widget de «bloque HTML» o «código personalizado» en tu creador de páginas.
Paquetes de seguidores de Instagram
Elige el nivel de calidad y la cantidad. Para pagar solo hace falta tu nombre de usuario público, nunca una contraseña.