Guía de incrustación
Incrusta un YeetForm en Framer
El componente Embed de Framer ejecuta HTML y JavaScript puros dentro de una página, y eso es todo lo que el SDK de YeetForm necesita para renderizar un formulario en vivo. Pega el fragmento con redimensionamiento automático, ajusta el componente para que llene su propio contenedor y publica: el formulario carga con su propio diseño y crece o se encoge solo según su contenido, sin que tengas que adivinar una altura fija.
Pasos
Inserta un componente Embed
En el lienzo de Framer, abre Insert (el icono +), entra en Code y elige Embed. Suéltalo en la página donde debe ir el formulario.
Pega el HTML
Abre los ajustes del componente Embed y pega el fragmento de abajo en el campo HTML. Carga el SDK y renderiza el formulario con redimensionamiento automático.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Define el tamaño y publica
Pon el ancho del componente en Fill o en un valor fijo y la altura en Auto o Fit content, y luego publica el sitio: las incrustaciones solo se renderizan de verdad tras publicar, no siempre en la vista previa del lienzo.
Consejos
- •El redimensionamiento automático viene de YeetForm.embed(), que escucha un mensaje de altura del iframe del formulario: pon la altura del componente en Auto para no recortar el contenido.
- •El formulario incrustado prescinde de la cabecera y el fondo propios de YeetForm, así que parece parte de tu página de Framer y no un widget aparte.
- •Añade un campo oculto al formulario y rellénalo desde la URL (?utm_source=... o ?field_id=valor) para saber de qué página o campaña de Framer llegó 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