El diseño de parches con IA es GRATIS — Sin conocimientos de diseño | Pruébalo Ahora →
Nuevo — SDK para partners

El diseñador de parches, nativo en tu sitio.

Una etiqueta de script, un elemento personalizado — sin iframe, sin scrolls anidados, sin frontera de estilos. Hereda tu tema, dispara eventos DOM nativos para analytics y pesa menos de 200 KB gzipped.

Obtén tu clave de clienteLee la guía de instalación

Pega esto. Estás en vivo.

Pon el snippet en cualquier parte dentro de tu página. El elemento personalizado se ajusta automáticamente a su contenedor y el script loader maneja todas las dependencias. Tu clave de cliente llega a tu dashboard en cuanto te registras.

Snippet listo para pegar
<!-- PatchDesign.AI SDK -->
<script src="https://patchdesign.ai/sdk/patch-designer.sdk.latest.js" defer></script>
<patch-designer
  client-key="YOUR_CLIENT_KEY"
  theme="auto"
  width="100%"
></patch-designer>
<!-- end PatchDesign.AI SDK -->
Funciona en todos los navegadores modernos Sin paso de build Self-host compatible
Vista previa en vivo

Este es el SDK renderizando, ahora mismo.

Mismo componente, mismo bundle que reciben tus partners. Prueba un prompt abajo.

Inspecciona el bundle →
Setting up your patch designer
Powered by PatchDesign.AI

Por qué los partners se movieron de los iframes.

El loader de iframe sigue siendo soportado como fallback. Para todo lo demás, el SDK gana en velocidad, estilos y fidelidad de analytics.

SDK (web component)Loader de iframe (fallback)
Peso de páginaUn solo archivo JS de ~170 KB gzipped, lazy-loadedEl iframe carga su propio bundle de ~600 KB dentro de un sandbox
Velocidad de renderRenderiza inline con la página — sin boot de iframeNavegación extra, contexto JS separado, pintado más lento
EstilosHereda el tema de la página; CSS vars + atributo brand-colorFrontera dura; no se puede estilar desde la página host
AnalyticsCustomEvents nativos en window — drop-in para GA4 / PixelMismos eventos, despachados por puente postMessage
MóvilAuto-ajuste al viewport; sin rarezas de scroll anidadoAltura de iframe fija; doble scroll en pantallas pequeñas

Renderiza en milisegundos

Sin boot de iframe, sin segundo contexto JS. El componente monta inline y el bundle se carga en lazy cuando tu página queda idle.

Pónle tu marca como widget nativo

Pasa brand-color, theme y prompts iniciales como atributos. Las variables CSS te dejan estilar todo, hasta el radio de los botones.

Funciona en todo lo moderno

Chrome 89+, Safari 14+, Firefox, Edge. El estándar de web components está integrado en cada navegador evergreen — sin polyfills.

Lanza el diseñador a tus clientes hoy.

Registrarse toma como un minuto. Tu dashboard te devuelve un snippet que ya tiene tu clave de cliente llena — pega, guarda, listo.

Registrarse — fabricanteRegistrarse — partner comunitario