Toimii ha hecho un lanzamiento discreto: el servicio está en marcha y el registro está abierto. Pruébalo gratis →

Toimii ha hecho un lanzamiento discreto, así que estas guías describen un servicio en el que ya puedes registrarte y que puedes usar hoy mismo. Aún quedan algunas piezas en camino: las aplicaciones para iOS y Android llegan más adelante en 2026.

Añade un formulario de contacto a tu sitio estático: Astro, Hugo, 11ty, Jekyll

Un fragmento en tu plantilla de layout. Funciona en Astro, Hugo, 11ty, Jekyll y cualquier otro generador de sitios estáticos.

<!-- Añade esto en cualquier parte de tu página -->
<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-your-code></toimii-your-code>
¿Esto funciona de verdad?

Sí — y los sitios estáticos son el caso más limpio. Sin sandbox de plugins, sin editores que eliminen scripts, sin niveles de plan. Las dos líneas se colocan en tu plantilla de layout de la misma manera que irían en cualquier archivo HTML.

Paso a paso

1
Abre tu plantilla de layout
Abre la plantilla que envuelve todas las páginas — la que ya contiene tu etiqueta <body>.
2
Pega el código de incrustación
Pega dentro de <body> las dos líneas de la página de tu componente en Toimii. Para mostrar el formulario solo en algunas páginas, envuelve ambas líneas en el condicional de tu generador — el script y la etiqueta van juntos.
3
Compila y despliega
Compila y despliega como lo haces normalmente. Luego abre la página publicada y envíate un mensaje de prueba.

Problemas comunes

  • Pon la etiqueta en una plantilla, no en un archivo de contenido Markdown. Que el HTML sin procesar sobreviva a Markdown depende de un ajuste propio de cada generador — en Hugo hace falta markup.goldmark.renderer.unsafe — mientras que una plantilla no pasa por Markdown en absoluto.
  • Astro empaqueta las etiquetas script cuyo único atributo es src. La nuestra lleva además async, y cualquier atributo aparte de src hace que Astro deje la etiqueta en paz — así que funciona tal cual. Si alguna vez la reduces solo a src, añade is:inline.
  • Los hosts estáticos no añaden una Content-Security-Policy por defecto. Si configuras una tú — como cabecera de respuesta HTTP o como etiqueta <meta> — permite cdn.toimii.io en script-src y api.toimii.io en connect-src.

Preguntas frecuentes

¿Cómo lo añado en Astro, Hugo, 11ty o Jekyll?

No hay ninguna diferencia entre ellos — los pasos de arriba son todo el procedimiento en los cuatro. No damos la ruta del archivo de la plantilla a propósito: cada generador nombra ese archivo de forma distinta y los nombres han cambiado entre versiones, así que consulta la documentación de tu propio generador.

¿Funciona en GitHub Pages, Netlify, Vercel o Cloudflare Pages?

Sí, y en cualquier otro host que sirva archivos estáticos — en tu lado no se ejecuta nada. Lo que importa es la dirección más que el proveedor: los envíos solo se aceptan desde el dominio que indicaste en Toimii, así que una compilación de vista previa en el subdominio del propio proveedor renderiza el formulario pero rechaza el mensaje.

¿Ralentizará mi compilación?

No. El script se carga en tiempo de ejecución, no en tiempo de compilación — tu build emite la etiqueta script y el navegador descarga el componente real cuando un visitante llega a la página. Astro, Hugo, 11ty, Jekyll: todos sin cambios.

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