Guía de incrustación
Incrusta un YeetForm en Squarespace
El Code Block de Squarespace renderiza HTML puro y ejecuta scripts directamente en la página, así que un formulario de YeetForm encaja sin problema junto a los bloques de contenido nativos de Squarespace. Es una buena opción cuando quieres un formulario con lógica real y creación asistida por IA, ya que el bloque de formulario nativo de Squarespace solo ofrece campos básicos y ninguna ramificación condicional.
Pasos
Añade un Code Block
Edita la página, haz clic en un punto de inserción y añade un Code Block desde el panel (en More dentro del menú de bloques).
Pega el fragmento de código
Pega el código de abajo en el bloque, asegúrate de que Display Source esté desactivado para que el código se renderice en lugar de mostrarse como texto, y aplica los cambios.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Guarda y mira la página en vivo
La vista previa del editor de Squarespace a veces limita los scripts de terceros: guarda tus cambios y consulta la página publicada para confirmar que el formulario carga y se redimensiona.
Consejos
- •El formulario incrustado se redimensiona solo mediante un listener de postMessage, así que no hace falta fijar una altura en píxeles en el Code Block.
- •El formulario se renderiza sin la cabecera propia de YeetForm, de modo que parece parte de tu página de Squarespace y no una ventana de una aplicación externa.
- •Añade un campo oculto y rellénalo desde la URL de la página (?utm_source=... o ?field_id=valor) para saber qué página o campaña de Squarespace generó una respuesta.
Crea tu formulario con IA en segundos
El plan gratuito incluye generación con IA, lógica e incrustación.
Crea tu formulario con IA en segundos