01 · Que se ve
El editor completo de la tool, con su sidebar, sus controles y sus exports. Arriba una barra fina con el logo aGo lab y un link "Abrir en tools.ago.cl ↗". Abajo una linea de atribucion minuscula.
§ EMBED MODE · IFRAME · CERO SERVIDOR
Incrusta tools aGo en tu sitio
Once de nuestras tools tienen version embebible. Copia el iframe, pegalo donde quieras (blog tecnico, intranet, demo cliente, pagina de pricing) y tus visitantes usan el editor sin salir de tu dominio. Procesamiento 100 % en su navegador. Atribucion sobria.
02 · Que no se ve
Sin nuestro header global, sin el footer largo, sin command palette, sin tarjeta de donacion, sin tour de bienvenida. La idea es que tu sitio mantenga la batuta visual y el editor sea solo la herramienta.
03 · Que telemetria pasa
Si pasas ?utm_source=tudominio.com nosotros lo guardamos en sessionStorage del usuario para atribuir el uso al embed cuando agregue eventos anonimos al editor. Cero cookies, cero IP logging propio (CF Pages logs estandar aparte).
Catalogo embebible
Copia el bloque de la tool que necesites y reemplaza tudominio.com por tu URL real.
La altura recomendada varia por tool (los editores con sidebar quieren mas alto).
Casos de uso reales
Blog tecnico
Escribes sobre optimizacion de imagenes. Embebe aGo Squeezer al final del articulo para que el lector pruebe la tecnica con sus propias fotos sin abrir otra pestania.
Intranet de equipo
Tu equipo necesita generar cotizaciones rapidas sin instalar nada. Embebe aGo Cotizador en una pagina interna detras del SSO. Cero datos del cliente salen del navegador.
Demo a cliente
Estas presentando un sistema de branding y quieres que el cliente experimente con el color principal. Embebe aGo Palette con el color de su marca como preset (via query string en el futuro).
Pagina de pricing
Vendes un servicio y quieres mostrar que entregas QR con marca. Embebe aGo QR Studio al lado del plan premium para que el visitante vea el resultado antes de pagar.
Docs de producto
Tu app exporta SVG sucio de Figma. Embebe aGo SVG Purge en la documentacion para que el usuario limpie el archivo sin instalar dependencias.
Onboarding de cliente
Pides un favicon. Embebe aGo Faviconic en el formulario de alta para que el cliente genere el ZIP completo en el momento.
Curso o taller
Ensenias diseno tipografico. Embebe aGo Font Specimen con un par de Google Fonts pre-elegidas en la leccion para que el alumno itere alli mismo.
Firma de contrato
Tu landing de servicios cierra con un contrato simple. Embebe aGo Signer para que el cliente firme y descargue sin enviar el PDF a tu correo.
Detalles tecnicos
¿Necesito API key, cuenta o pago?
No. Tomas el bloque, lo pegas y funciona. Es estatico servido desde Cloudflare Pages. Si en el futuro agregamos limites por dominio, sera con aviso previo y posibilidad de auto-host.
¿Cuanto pesa el iframe?
Carga la pagina /embed/<tool>/ que pesa entre 80 y 250 KB segun la tool (HTML + JS + CSS comprimido). Usa loading="lazy" para que solo cargue cuando el visitante se acerca scrolling.
¿Que pasa si quito la barra de atribucion?
Tecnicamente puedes hacerlo con CSS sobre el iframe (no se permite cross-origin pero hay tretas). Pedimos no hacerlo: la barra es lo unico que recibe aGo lab a cambio de la herramienta gratis. Si necesitas una version white label, contactanos en ago.cl/servicios.
¿Puedo restringir el embed a mi dominio?
El embed funciona en cualquier sitio (CSP frame-ancestors *). No hay restriccion por dominio. La unica forma de restringir es servir el HTML del iframe desde tu propio dominio (proxy) y bloquear el resto en tu firewall.
¿Funciona en WordPress, Webflow, Notion?
WordPress: si, con bloque HTML personalizado. Webflow: si, en Embed component. Notion: si, con bloque Embed (pega la URL tools.ago.cl/embed/<tool>/). Wix y Squarespace: tambien, en sus bloques HTML.
¿Que ocurre en mobile?
Cada tool tiene su propio breakpoint. La mayoria funcionan en pantallas medianas (768px+). Para mobile estricto (320-480px) algunos editores quedan apretados; en ese caso recomendamos enlazar a la version completa en vez de embeber.
¿Y la privacidad de los archivos del usuario?
Cero servidor por diseno. Todos los archivos (PDF, imagenes, SVG) se procesan en el navegador del usuario via APIs nativas (Canvas, OffscreenCanvas, pdf-lib en wasm). No subimos nada a nuestro backend porque no tenemos backend.
¿Quieres una versión white label o un tool a medida?
aGo lab construye sistemas para clientes (informáticos que tratan datos personales y se adaptan a Ley 21.719 chilena). Si tu caso pide branding propio, datos integrados o flujo a medida, hablamos.