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.

Cómo incrustar un formulario de contacto en Squarespace con un Bloque de Código

Un Bloque de Código. El formulario aparece al guardar. Funciona en todos los temas modernos de Squarespace.

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

¿Esto funciona de verdad?

Sí — en Core, Plus o Advanced (el cambio de nombre de los planes de Squarespace de 2025). El Bloque de Código se ejecuta en la página publicada exactamente como está escrito. El cambio de nombre de 2025 sustituyó Personal/Business/Commerce por Basic/Core/Plus/Advanced; el Bloque de Código requiere Core o superior.

Paso a paso

Abre el editor de página

Abre la página donde quieres el formulario. Haz clic en Editar, luego haz clic en un punto de inserción (la línea azul que aparece entre secciones).

Añade un Bloque de Código

En el menú de bloques, busca "Code" y selecciona el Bloque de Código. Por defecto está en modo HTML — déjalo en HTML.

Pega el código de incrustación

Pega las dos líneas de tu panel de Toimii. Asegúrate de que el interruptor "Display Source" esté DESACTIVADO para que la incrustación se renderice y no muestre el código fuente.

Aplicar

Haz clic en Aplicar. Verás el formulario (o una advertencia cosmética de "Embedded scripts disabled" — consulta los problemas comunes).

Guarda y abre en vivo

Guarda la página. Abre la URL publicada — no la Vista Previa, no el Safe Mode — para confirmar que el formulario se renderiza.

Plan requerido

Squarespace renombró sus planes en 2025. El Bloque de Código requiere el plan Core (16 €/mes) o superior — ese es el nuevo nombre del plan Business heredado. El plan Basic NO incluye el Bloque de Código.

Problemas comunes

"Embedded scripts disabled" en el editor Fluid Engine es cosmético — no rompe tu incrustación. Guarda y abre la página publicada para verificarlo.
"Preview in Safe Mode" desactiva el código personalizado a propósito. Usa la vista previa normal o visita la URL en vivo.
El Bloque de Código no tiene resaltado de sintaxis. Redacta primero en un editor de texto simple y luego pega.
Squarespace usa una caché agresiva. Tras publicar, puede que necesites una recarga forzada (Cmd+Shift+R / Ctrl+F5) para ver el formulario.
No pegues en un Bloque Markdown — ese es un bloque diferente y escapará tu HTML. Usa específicamente el Bloque de Código.

Preguntas frecuentes

¿Puedo usar el plan Basic?

No — el Bloque de Código requiere el plan Core o superior. El plan Basic solo admite bloques de texto, imagen y galería. Para usar Toimii, actualiza a Core (16 €/mes) o superior.

Estoy en Squarespace 7.0, no 7.1 — ¿sigue funcionando?

Sí. El Bloque de Código también existe en la versión 7.0 — los pasos son casi idénticos. El cambio de nombre de planes solo afectó a partir de 2025; el "Personal" heredado no tiene el Bloque de Código, pero el "Business" heredado y superiores sí.

Veo "Embedded scripts disabled" en el editor — ¿está roto?

Es solo cosmético. La advertencia "Embedded scripts disabled" aparece en el editor Fluid Engine para cualquier Bloque de Código — NO significa que tu incrustación esté rota. Guarda, sal del editor y abre la página publicada para confirmarlo.

Mi formulario no aparece en la Vista Previa — ¿por qué?

Sí. El "Preview in Safe Mode" de Squarespace desactiva el código personalizado a propósito para diagnóstico. Para ver tu formulario, usa la vista previa normal — o abre directamente la página publicada.

¿Por qué usar Toimii en lugar del formulario integrado de Squarespace?

El formulario integrado de Squarespace envía los envíos a tu email y a una tabla de almacenamiento de Squarespace. Toimii te da un panel real con estadísticas, hilos de conversación, búsqueda, números de ticket, integraciones (Slack, webhooks, email), protección antispam y exportaciones. El integrado está bien para uno o dos mensajes al mes — Toimii está diseñado para los próximos 1.000.

¿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

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

HTML / Personalizado

Una página HTML simple es suficiente. Ábrela en cualquier editor de texto, pega, guarda, sube. Tres pasos y ya está en línea.

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.