Guía de incrustación

Incrusta un formulario de YeetForm en cualquier lugar

Guías paso a paso para añadir un formulario de YeetForm al constructor de sitios o al CMS que ya usas, sin necesidad de plugin.

Notion

El bloque /embed de Notion convierte cualquier página en una ventana en vivo a contenido externo, y un formulario de YeetForm encaja ahí directamente, sin plugin. Como Notion aísla las páginas incrustadas y no ejecuta JavaScript inyectado, usarás la URL directa del formulario en lugar del script del SDK. Cualquier persona que vea tu página compartida de Notion ve el formulario real e interactivo y puede enviarlo sin salir de la página.

Pasos

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

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

Shopify

El editor de temas de Shopify te permite colocar HTML y scripts puros en cualquier página mediante una sección Custom Liquid, lo suficiente para ejecutar el script de incrustación de YeetForm sin instalar una app de la Shopify App Store. Úsalo para un formulario de contacto, una lista de espera de preventa, un cuestionario de tallas o una página de solicitud de devolución: en cualquier lugar donde la tienda necesite recoger respuestas estructuradas y no solo un correo.

Pasos

WordPress

El editor de bloques de WordPress ya incluye un bloque HTML personalizado que ejecuta etiquetas de script en la página en vivo, así que puedes incrustar un formulario de YeetForm sin instalar (ni pagar) un plugin de formularios. Funciona igual en una página, en una entrada o en la mayoría de los constructores de páginas que admiten bloques de HTML puro, y el formulario sigue funcionando aunque cambies de tema más adelante.

Pasos

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

Wix

El elemento Embed a Widget de Wix puede colocar un iframe simple en cualquier página, la forma más sencilla de añadir un formulario de YeetForm, ya que Wix aísla el elemento por ti. Obtienes un formulario en vivo e interactivo sin tener que buscar una app de formularios en el Wix App Market, y sigue funcionando tanto en el Editor como en los sitios de tipo Studio de Wix.

Pasos

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

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