Guía de incrustación
Incrusta un YeetForm en Webflow
El elemento Embed de Webflow ejecuta código personalizado dentro del sitio publicado, justo lo que necesita el SDK de JS de YeetForm. Pega el fragmento de incrustación con redimensionamiento automático y el formulario aparece en línea, ajustado a su propio contenido y con un estilo lo más parecido posible a tu página dentro de lo que permite el tema de YeetForm. Funciona con cualquier plan de Webflow, ya que los elementos Embed no están reservados a un nivel de pago.
Pasos
Añade un elemento Embed
En el Webflow Designer, abre el panel Add (A), busca Embed en Components y arrástralo a la página donde debe aparecer el formulario.
Pega el código de incrustación
Haz doble clic en el elemento Embed y pega el fragmento del SDK de abajo. Carga el script de YeetForm y luego renderiza tu formulario en el div 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>Publica el sitio
El código personalizado dentro de los elementos Embed solo se ejecuta en el sitio publicado, no en el lienzo del Designer: publica y revisa la página en vivo para ver cómo carga el formulario.
Consejos
- •La incrustación se redimensiona sola: YeetForm.embed() escucha un postMessage del formulario y ajusta la altura del iframe, así que no necesitas fijar una a mano.
- •Los formularios incrustados usan un diseño compacto y sin marco (sin la cabecera de YeetForm), de modo que encajan de forma natural en tu sección de Webflow en lugar de parecer una aplicación aparte.
- •Añade un campo oculto y rellénalo desde la URL de la página (?utm_source=... o ?field_id=valor) para saber qué campaña o página originó la 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