Estas guías describen Toimii una vez que esté en funcionamiento. El panel y la facturación aún no están disponibles — Toimii se lanza en 2026.

La forma más sencilla de añadir un formulario de contacto a una página HTML simple

Dos líneas en cualquier parte de <body>. Sin proceso de compilación, sin dependencias. Si puedes guardar y subir, puedes hacer esto.

<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-contact></toimii-contact>

¿Esto funciona de verdad?

Sí — y este es el caso más sencillo. El HTML simple no tiene sandbox de plugins, los editores no eliminan scripts, ni hay niveles de plan. Las dos líneas funcionan en cualquier lugar donde puedas guardar y subir un archivo .html.

Paso a paso

Abre tu archivo .html

Abre el archivo .html en el que quieres el formulario, en cualquier editor de texto — VS Code, Sublime, Notepad++, incluso TextEdit (en modo texto sin formato).

Pega el código de incrustación

Pega las dos líneas de tu panel de Toimii dentro de <body>, exactamente donde quieres que aparezca el formulario.

Guarda y sube

Guarda el archivo y súbelo a tu hosting — FTP, S3, Netlify drop, lo que uses. Abre la página en un navegador para confirmarlo.

Problemas comunes

No pegues el fragmento dentro de <head>. El elemento personalizado es una etiqueta de nivel body — tiene que estar dentro de <body>.
No elimines el atributo async de la etiqueta script. Sin él, el script bloquea el renderizado del resto de la página.
Si copias y pegas desde un editor de texto enriquecido, puede que obtengas comillas tipográficas (" ") en lugar de comillas rectas ("). Usa un editor de texto simple — VS Code, Sublime, Notepad, TextEdit en modo texto sin formato.
Si tu página ya tiene etiquetas meta Content-Security-Policy, permite cdn.toimii.io en script-src y connect-src. La mayoría de las páginas HTML simples no tienen CSP en absoluto.

Preguntas frecuentes

¿Necesito un backend o PHP?

No necesitas backend. Los envíos van directamente del formulario al API de Toimii — tu página HTML puede estar alojada en cualquier lugar, incluso en un hosting estático gratuito.

¿Puedo abrir el archivo .html directamente con file://?

Depende del navegador. Chrome y Safari abren archivos .html mediante file:// sin problema; Firefox bloquea los scripts de origen cruzado en URLs file://. Para hacer pruebas fiables, ejecuta un servidor local pequeño (npx serve, python -m http.server) y abre http://localhost.

¿Funcionará en CodePen, JSFiddle o un sandbox?

Sí — pega las dos líneas en el panel HTML. El script se cargará y el componente se renderizará en el iframe de vista previa.

¿Funciona sin conexión?

La página se carga, pero el formulario necesita conexión a internet para enviar. Si un visitante está sin conexión, la página se renderiza bien — simplemente no puede enviar el mensaje hasta que vuelva a tener conexión.

¿Incrustando en una plataforma diferente?

Las mismas dos líneas de código, explicadas para cada plataforma.

WordPress

Bloque HTML personalizado, editor de bloques o clásico. Sin instalar plugins. Un detalle — tu rol de usuario necesita el permiso unfiltered_html.

Leer la guía completa

Squarespace

Coloca un Bloque de Código en cualquier página. Requiere el plan Core (renombrado de Business en 2025) o superior.

Leer la guía completa

Webflow

El elemento Code Embed admite hasta 50.000 caracteres. El código personalizado requiere el plan Basic o superior. Publica para ver el resultado.

Leer la guía completa

Wix

Wix pone el widget Embed en un sandbox, así que usamos un método dividido — el script en Configuración → Código personalizado, la etiqueta mediante Insertar widget. Guía honesta.

Leer la guía completa

Shopify

Añade una sección Custom Liquid a cualquier tema — sin instalar ninguna app. Las páginas de pago requieren Shopify Plus.

Leer la guía completa

Sitios estáticos

Astro, Hugo, 11ty, Jekyll — las mismas dos líneas en tu plantilla de layout. Las compilaciones siguen siendo rápidas.

Leer la guía completa

React / Vue / Angular

Usa el elemento personalizado directamente en JSX, plantillas Vue o componentes Angular. Sin componente envoltorio, sin paquetes extra.

Leer la guía completa

¿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.