YeetForm
Empezar

Guía de incrustación

Incrusta un YeetForm en Carrd

El elemento Embed de Carrd acepta un iframe simple, la opción más segura en una plataforma pensada para páginas únicas sencillas y rápidas, sin preocuparte de que las etiquetas de script rompan algo. Los elementos de código personalizado son una función Pro, así que los sitios gratuitos de Carrd no pueden incrustar un formulario en vivo directamente, pero enlazarlo funciona en cualquier plan mientras decides si vale la pena subir de plan.

Pasos

1.

Añade un elemento Embed

En el constructor de Carrd, haz clic en + para añadir un elemento y elige Embed entre las opciones de contenido. Esto requiere el plan Pro Standard o superior; los sitios del plan gratuito pueden añadir un elemento Link que apunte a la URL de tu formulario.

2.

Define el tipo como Code y pega el iframe

Elige Code como tipo de incrustación y pega el fragmento de abajo. Carrd lo renderiza como un iframe aislado, así que el método de URL simple es la opción fiable aquí.

<iframe
  src="https://yeetform.io/f/your-form-slug?embed=true"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:8px;"
></iframe>
3.

Ajusta la altura y publica

Define la altura del elemento para que quepa cómodamente tu formulario (los elementos de Carrd no se redimensionan automáticamente al contenido incrustado) y luego publica el sitio.

Consejos

  • •Las incrustaciones de Carrd no admiten el redimensionamiento automático por postMessage del SDK, así que elige una altura fija con algo de margen, sobre todo para formularios más largos o con varias páginas.
  • •La URL con ?embed=true elimina la cabecera y el fondo propios de YeetForm, algo que importa aún más en Carrd, ya que las páginas únicas suelen tener un diseño muy depurado.
  • •Añade un campo oculto y rellénalo desde la URL de la página (?utm_source=... o ?field_id=valor) para saber de qué sitio o sección de Carrd 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

Preguntas frecuentes

¿Puedo incrustar un formulario en el plan gratuito de Carrd?+
No con una incrustación de código: el elemento Embed de Carrd requiere el plan Pro Standard o superior. En el plan gratuito, añade en su lugar un elemento Link o Button que apunte a la URL de tu formulario.
¿Por qué usar un iframe simple en lugar del SDK de JS en Carrd?+
Carrd renderiza las incrustaciones personalizadas dentro de su propio iframe aislado, así que una URL de iframe simple es más sencilla y fiable que anidar ahí dentro la incrustación por script del SDK.
¿El formulario se ajustará solo a su contenido en Carrd?+
No: define una altura fija en el elemento Embed que acoja cómodamente tu formulario, ya que Carrd no ejecuta el listener de redimensionamiento automático que el SDK usa normalmente.
¿Hay un límite de formularios que puedo incrustar en una página de Carrd?+
No hay un límite estricto por parte de YeetForm, aunque una página única con varios formularios incrustados puede quedar visualmente recargada; la mayoría de los sitios de Carrd incrustan un formulario enfocado por sección.