Guía de incrustación
Incrusta un YeetForm en Ghost
El editor de Ghost incluye una tarjeta HTML que ejecuta etiquetas de script en la entrada o página publicada, así que un formulario de YeetForm encaja directamente en el flujo de suscripción de tu newsletter, en una encuesta a tus lectores o en un formulario de registro para contenido de pago. Funciona de forma idéntica en Ghost autogestionado y en Ghost(Pro), ya que la tarjeta HTML es una función central del editor, no un complemento del tema ni del alojamiento.
Pasos
Añade una tarjeta HTML
En el editor de Ghost, escribe /html y pulsa Enter, o haz clic en el botón + en una línea nueva y elige HTML en el menú de tarjetas.
Pega el fragmento de código
Pega el código de abajo en la tarjeta. Carga el script de YeetForm y renderiza tu 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>Previsualiza y publica
Usa la vista previa de Ghost para comprobar que el formulario se ve bien y luego publica o actualiza la entrada: las entradas solo para miembros funcionan igual que las públicas.
Consejos
- •El formulario se redimensiona automáticamente mediante un listener de postMessage, así que no tienes que adivinar una altura fija para la tarjeta HTML.
- •Los formularios incrustados se renderizan sin la cabecera propia de YeetForm, así que parecen parte de tu entrada de Ghost y no un widget incrustado.
- •Añade un campo oculto y rellénalo desde la URL de la entrada (?utm_source=... o ?field_id=valor) para ver qué edición de la newsletter o qué entrada generó un envío.
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