Generador de código de inserción
Pega un enlace de YouTube, Vimeo, TikTok u otro y genera al instante un iframe responsivo, fijo o un embed por script con vista previa, gratis en el navegador.
🔒 Esta herramienta funciona totalmente en tu navegador. Tus archivos nunca se suben a un servidor.
Paso 1 · Entrada
URL para insertar
Plataforma detectada: esperando una URL
Opciones
Se ejecuta por completo en tu navegador: nada de esto se envía a un servidor.
Paso 2 · Vista previa
Vista previa en vivo
Introduce arriba una URL válida para ver aquí una vista previa en vivo.
Muchos sitios bloquean su inserción (mediante X-Frame-Options o una política CSP frame-ancestors). Si la vista previa queda en blanco, el código generado sigue siendo correcto: ese destino no puede insertarse en ningún sitio, no solo en esta vista previa.
Paso 3 · Código generado
Pega esto en tu página
Plataformas admitidas
Detectadas y optimizadas automáticamente
Pega un enlace normal de cualquiera de estas y la herramienta lo reescribe a la URL de inserción de esa plataforma. Cualquier otra http(s) URL válida se usa como un iframe genérico. Selecciona una para cargar un ejemplo.
Cómo funciona el Generador de código de inserción
- Pega un enlace normal: YouTube, Vimeo, Loom, TikTok, Spotify, SoundCloud, X o cualquier otra página.
- La herramienta detecta la plataforma y lo convierte en la URL de inserción correcta.
- Elige iframe responsivo, iframe fijo o embed por script y ajusta el tamaño, la alineación, el comportamiento de carga y los permisos: el código y la vista previa se actualizan mientras escribes.
- Copia el resultado con un solo clic.
FAQ
¿Valida la URL que introduzco?
Sí. La URL debe ser una dirección http:// o https:// bien formada antes de generar cualquier código: las entradas no válidas muestran un error en línea en lugar de producir marcado roto.
¿Qué plataformas detecta automáticamente?
Pega un enlace normal de YouTube, Vimeo, Loom, TikTok, Spotify, SoundCloud o X (Twitter) y la herramienta lo reescribe automáticamente a la URL de inserción de esa plataforma, mostrando un indicador "Detected platform" junto al campo. Los enlaces de Google Maps se reconocen, pero necesitan la URL de Compartir → Insertar del propio Google. Cualquier otra URL http(s) válida se usa como un iframe genérico.
¿Cuál es la diferencia entre los tres tipos de inserción?
El iframe responsivo envuelve el marco en un contenedor que mantiene la relación de ancho a alto elegida al cambiar el tamaño de la página. El iframe fijo usa un ancho y un alto exactos en píxeles. El embed por script genera una sola etiqueta <script> para proveedores que insertan mediante JavaScript en lugar de un iframe.
¿Es seguro pegar el HTML generado tal cual?
Sí. La URL y el título se escapan como HTML antes de insertarse en el fragmento, de modo que las comillas o los signos de mayor y menor de tu entrada no pueden salirse de los atributos generados.
¿Por qué a veces la vista previa está en blanco?
Muchos sitios envían una cabecera X-Frame-Options o Content-Security-Policy que impide cargarlos en cualquier iframe, incluida esta vista previa. Es una restricción del sitio de destino, no un problema del código generado.
¿El código generado funciona en WordPress, Wix o Squarespace?
Sí. La salida es HTML sencillo (un iframe o una etiqueta de script), así que funciona en cualquier lugar donde puedas pegar HTML personalizado: un bloque de HTML personalizado de WordPress, un elemento de inserción de Wix, un bloque de código de Squarespace o una página escrita a mano.
¿La herramienta es gratuita?
Sí. Se ejecuta por completo en tu navegador, sin registro, sin marca de agua y sin límite en la cantidad de códigos de inserción que generes.