Incrusta un formulario de contacto en React, Vue o Angular
Los web components son parte del DOM. Coloca la etiqueta directamente en JSX, plantillas Vue o componentes Angular — sin envoltorio.
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
Paso a paso
Problemas comunes
Preguntas frecuentes
¿Necesito un componente envoltorio de React/Vue/Angular?
No. El script define el elemento en el navegador, así que tu framework solo renderiza la etiqueta — y en tu compilación no cambia nada cuando publicamos una versión nueva.
¿Cómo le indico a TypeScript que existe el elemento personalizado?
Decláralo en IntrinsicElements de JSX, con la etiqueta que usa tu propio componente. React 19 movió ese espacio de nombres y la forma correcta depende del ajuste jsx de tu tsconfig, así que toma la actual de la guía de actualización de React. El formulario funciona sin esa declaración.
¿Cómo paso props o configuración?
No hay nada que pasar. Lo que pregunta el formulario y adónde entrega los mensajes se define en Toimii y va incorporado en el bundle que carga el script — por eso la etiqueta no lleva ningún atributo.
¿Funciona con Next.js u otro framework de React?
Sí. En Next.js, cárgalo con next/script desde el layout raíz — el lugar documentado para un script que necesita todo el sitio. Solo hace falta un boundary "use client" si le añades un manejador de load o de error; la etiqueta en sí no necesita ninguno.
¿Qué pasa con el renderizado en el servidor?
El elemento personalizado se renderiza en el lado cliente, como cualquier web component. El SSR emite la etiqueta, el navegador registra el elemento cuando se carga el script, y entonces aparece el formulario. Hay un breve destello de espacio vacío — normalmente imperceptible.
¿Vas a incrustar en otra plataforma?
Las mismas dos líneas de código, explicadas para cada plataforma.
¿Listo para probarlo?
Prueba gratuita de 30 días. Sin tarjeta de crédito. Listo en minutos.
Sin tarjeta de crédito. Listo en 2 minutos.