Guía de incrustación
Incrusta un YeetForm en 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
Añade una sección Custom Liquid
En el Shopify Admin, ve a Online Store > Themes > Customize, abre la página donde irá el formulario, haz clic en Add section (o Add block, según la plantilla) y elige Custom Liquid.
Pega el fragmento de código
Pega el código de abajo en el cuadro de código Liquid. La parte {{ section.id }} mantiene único el id del contenedor por si añades la sección dos veces en la misma página.
<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>Guarda y previsualiza
Haz clic en Save y luego abre la página en tu tienda (no solo la vista previa del editor de temas) para confirmar que el formulario carga y se redimensiona correctamente.
Consejos
- •La incrustación se redimensiona automáticamente según el contenido del formulario mediante un listener de postMessage, así que no tienes que adivinar una altura fija para la sección.
- •Los formularios incrustados se renderizan sin la cabecera propia de YeetForm, así que parecen una parte nativa de tu página en Shopify y no un widget externo.
- •Añade un campo oculto para capturar contexto automáticamente y pásalo como parámetro de consulta en la URL de la página (?utm_source=... o ?field_id=valor) para seguir campañas o páginas de producto.
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