Pegue una URL, elija el ancho y la altura, active o desactive algunas opciones y copie un HTML de inserción <iframe> limpio, ya sea para su página de Knocket, un vídeo, un mapa o cualquier contenido que el navegador pueda mostrar. Consulte una vista previa en directo y luego pegue el código en su sitio. Sin iniciar sesión y sin almacenar nada.
¿La vista previa está en blanco? El sitio bloquea la inserción, pero el código sigue siendo correcto.
Lo más útil que puedes insertar es una página que permita a las personas ponerse en contacto contigo. Una página de contacto de Knocket gratuita está diseñada para insertarse: añádela a tu sitio y los visitantes tendrán acceso al chat en vivo, WhatsApp, correo electrónico y reservas sin que tengas que crear un formulario ni un backend. Consigue tu página gratis →
Incrustar una página dentro de otra es uno de los recursos más antiguos de la web, pero escribir manualmente la etiqueta <iframe> —con el ancho correcto, un título para los lectores de pantalla, carga diferida y un entorno aislado seguro— es engorroso y fácil de hacer mal. Un generador lo hace correctamente siempre y te muestra el resultado antes de publicarlo.
En un bloque HTML personalizado de WordPress, un elemento Code Embed de Wix, un bloque Embed de Squarespace o directamente en el HTML de tu sitio. En un diseño de React/Astro, inserta el <iframe> mediante un elemento HTML sin procesar. La etiqueta es independiente: no hay que cargar scripts ni hojas de estilo.
Un iframe es perfecto para mostrar otra página dentro de la tuya. No es la herramienta adecuada cuando necesitas:
X-Frame-Options: DENY; Google, Instagram y la mayoría de las páginas de inicio de sesión impiden que se muestren en un marco.Para ofrecer una experiencia de contacto integrada de forma nativa en su sitio (sin iframe, con su dominio y su estilo), basta con una etiqueta de script para usar un widget de Knocket.
Sí, es completamente gratis, sin inicio de sesión ni límites. El HTML se genera en tu navegador; no se sube ni se almacena nada. Genera tantos códigos de inserción como quieras.
El sitio que intentas insertar envía un encabezado X-Frame-Options o Content-Security-Policy que impide que se muestre dentro de un marco. Google, Instagram, Facebook y la mayoría de las páginas que requieren iniciar sesión hacen esto. El código generado sigue siendo correcto; simplemente, el sitio no permite que nadie lo inserte en ningún lugar. Las páginas de Knocket y la mayoría de los reproductores de vídeo (YouTube, Vimeo) permiten la inserción.
El atributo sandbox restringe lo que puede hacer la página incrustada, de modo que un contenido incrustado que no sea de confianza no pueda abrir ventanas emergentes, ejecutar formularios ni acceder a tu página. Restringido (recomendado) permite que el contenido incrustado ejecute scripts y formularios, pero bloquea las funciones peligrosas; Estricto solo permite scripts. Desactívalo en páginas de confianza que necesiten todas las funciones.
El atributo title del iframe indica a los lectores de pantalla qué contiene, algo esencial para la accesibilidad. Sin él, los visitantes que usan tecnologías de asistencia oyen «marco» sin ningún contexto. Configúralo siempre para describir el contenido incrustado (por ejemplo, «Página de contacto de Knocket»).
Usa un diseño adaptable (100 % de ancho) cuando el contenido incrustado deba llenar su contenedor, como en la mayoría de los sitios modernos. Usa un ancho y una altura fijos cuando necesites dimensiones exactas, como para un reproductor de vídeo o un mapa cuadrado. Los contenidos incrustados adaptables suelen combinarse con un contenedor de relación de aspecto en tu página.
Sí. loading="lazy" indica al navegador que cargue el iframe solo cuando el usuario se desplace cerca de él, lo que acelera la carga inicial de la página, algo especialmente útil si tienes varias inserciones en una misma página.
No. Todo se ejecuta en tu navegador: la URL, el título y las opciones nunca salen de tu dispositivo. No hay servidor, base de datos ni cuenta.
Sí, y es una excelente opción. Tu página de contacto de Knocket está diseñada para integrarse: los visitantes disponen de chat en vivo, WhatsApp, correo electrónico y reservas directamente en tu sitio, sin necesidad de crear formularios ni un backend. Pega tu URL knocket.trtc.io/tu-identificador y copia el código.
Lo mejor que puedes incrustar es algo que permita que la gente se ponga en contacto contigo. Una página de Knocket incorpora chat en vivo, WhatsApp, correo electrónico y reservas en cualquier sitio.
Crea tu página gratis