Este artículo trata sobre la antigua página de registro. ¿Estás usando la nueva página de registro introducida en junio de 2025? Por favor, lee este artículo en su lugar.
¿Sigues usando la versión anterior pero quieres cambiar a la nueva? Consulta este artículo.
El formulario incrustado permite a los visitantes de tu sitio web o blog registrarse en tu webinar sin tener que salir de tu página. Lo único que necesitas hacer es copiar un poco de código HTML y pegarlo en tu sitio web.
Descubre más de nuestras funciones orientadas a ventas aquí para recopilar y convertir leads.
Crear un formulario incrustado
Para crear un formulario incrustado, puedes seguir estos pasos:
Haz clic en tu webinar.
Haz clic en 'Editar webinar'.
Navega a 'Registro' > 'Incrustar'.
Elige 'Crear formulario incrustado' para acceder al editor.
Editar el formulario
Puedes cambiar los colores del título, subtítulo y botón de registro.
Haz clic en el cuadro de texto para editar el título o subtítulo.
Pulsa 'Estilo' en el lado izquierdo de la pantalla para cambiar los colores a tu gusto o a los de tu marca corporativa.
La emisión solo será visible después de que el webinar haya sido publicado.
Colocar un código incrustado en tu propio sitio web
Para colocar el código incrustado en tu propio sitio web, puedes seguir estos pasos:
Haz clic en tu webinar.
Haz clic en 'Editar webinar'.
Navega a 'Registro' > 'Incrustar'.
Elige 'Crear formulario incrustado' para acceder al editor.
Coloca el código en tu propio sitio web.
Formulario incrustado con Javascript
Después de editar tu formulario incrustado, recibirás un código HTML y Javascript. Este código puede colocarse en tu sitio web o blog. Puedes elegir la ubicación para mostrar el formulario incrustado. Recuerda que el formulario requiere un ancho mínimo de 350 px.
¡Atención! No puedes usar el mismo código incrustado dos veces en la misma página cuando usas la versión Javascript.
Si usas un sistema CMS personalizado o un blog como Wordpress, recuerda que el código debe colocarse en la 'fuente' de la página, no pegues el código como texto plano.
Para algunos sistemas CMS no es posible añadir código Javascript personalizado, por lo que podrías necesitar ayuda de tu técnico web.
Ajustar el ancho y alto del formulario incrustado (javascript)
Aunque el formulario incrustado con Javascript se ajusta automáticamente al espacio disponible, es posible añadir estilos CSS para modificar el formulario resultante.
Ejemplo:
.geek-frame-holder iframe { width: 700px }
Formulario incrustado mediante iframe
También puedes incrustar tu formulario de registro mediante un iframe, útil para sistemas de gestión de contenidos donde no es fácil o posible usar Javascript. Crea un elemento iframe en tu página web e incrusta la URL del iframe desde la página de incrustación.
Ejemplo:
<iframe src="Tu URL de iframe aquí" title="Formulario de registro al webinar" height="350" width="350" ></iframe>
Ajustar el ancho y alto del formulario incrustado (iframe)
Debes asegurarte de que el iframe tenga la altura adecuada, ya que no se ajusta automáticamente. Si solo ves parte del formulario, aumenta la altura del iframe cambiando el valor de "height" en el código de ejemplo.
Asegúrate de establecer un ancho para el iframe; está optimizado para unos 350 píxeles de ancho. Sin embargo, puedes aumentar el ancho si lo deseas o establecer un porcentaje para que ocupe el espacio disponible en tu sitio web.
Ejemplo:
<iframe src="Tu URL de iframe aquí" title="Formulario de registro al webinar" height="500" width="100%" ></iframe>
Ajustes avanzados
Ten en cuenta que la adaptabilidad del formulario es limitada. Si deseas más personalización y quieres diseñar todo el proceso de registro según tus preferencias y tenerlo bajo control total, puedes usar nuestra API. Contáctanos para más información.
Adjuntar enlaces de registro personalizados
Cuando hayas creado enlaces de registro personalizados, es posible que quieras usarlos también en tu formulario incrustado.
Estos enlaces personalizados te permiten guardar la fuente del registro, por ejemplo al usar un UTM o URL de campaña. Si tienes varios formularios incrustados, puedes rastrear desde cuál formulario proviene el registro.
Puedes añadir este valor dentro del código incrustado como un parámetro llamado 'data-cst'.
Esto es lo que debes hacer. En el código del formulario incrustado, antes del texto 'data-webinar=..', añade lo siguiente: data-cst="tu_nombre_de_enlace_aqui".
Debes reemplazar tu_nombre_de_enlace_aqui por el nombre que usaste para generar el enlace de registro personalizado, o el parámetro de campaña, como 'linkedin' o 'facebook'. Tu código quedará algo así:
<script src="https://app.webinargeek.com/assets/embed-frame.js" data-cst="nombre_del_enlace" data-webinar="ca5c3.." type="text/javascript"></script>
Después del registro, podrás ver en las estadísticas de tu webinar qué enlace usaron los inscritos para registrarse. Haz clic aquí para más información sobre enlaces de registro personalizados.
En caso de usar un iframe, puedes añadir '?cst=Linkedin' al final de la URL del iframe, 'Linkedin' puede reemplazarse por una variable, por ejemplo la fuente del registro o un parámetro de campaña. Ejemplo:
<iframe src="https://embed.webinargeek.com/xxxxxxxxxxxxx?cst=Linkedin" title="descripción" height="350" width="350" ></iframe>
¡Atención! La altura deberá ajustarse si tu formulario tiene varios campos extra.
URL de confirmación personalizada
Después de que las personas se registren usando tu formulario incrustado, puedes redirigirlas a una URL de confirmación personalizada.
Para hacerlo, sigue estos pasos:
Haz clic en tu webinar.
Haz clic en 'Editar webinar'.
Navega a 'Registro' > 'Incrustar'.
Haz clic en el icono de lápiz bajo 'Redirigir usuarios a una URL personalizada tras el registro'.
Introduce tu URL personalizada y haz clic en 'Guardar'.
Tus registros ahora serán redirigidos automáticamente a la URL recién añadida.
¡Atención! La URL añadida debe contener "https://" para que funcione.
¡Atención! 1,5 horas antes de que comience el webinar en directo o automatizado, los suscriptores verán la página de confirmación incrustada y no serán redirigidos a la URL personalizada añadida. Para webinars de pago, debe usarse la página de confirmación de WebinarGeek debido al procedimiento de pago requerido.
Registro con un solo clic para formularios incrustados
Los formularios incrustados también pueden usar el sistema de registro con un solo clic, pero debes crear el enlace manualmente.
Estas instrucciones son para el registro con un solo clic en los formularios incrustados que vienen con la antigua página de registro. ¿Usas la nueva página de registro introducida en junio de 2025? Por favor, lee este artículo que explica el nuevo sistema de enlaces para rellenar campos automáticamente.
¿Sigues usando la versión anterior de la página de registro pero quieres cambiar a la nueva? Consulta este artículo.
Primero, sigue las instrucciones de este artículo para obtener el enlace de registro con un solo clic para tu webinar. Cópialo y pégalo en algún lugar.
Ejemplo de un enlace de registro con un solo clic:
https://tutorials.webinargeek.com/one-click-webinar/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Ahora, encuentra el enlace de tu formulario incrustado. Cópialo y pégalo también en algún lugar.
Querrás combinar estos dos enlaces para añadir la funcionalidad de un solo clic a tu formulario incrustado. Para ello, copia la parte que va después del nombre del webinar en el enlace de registro con un solo clic y colócala al final del enlace del formulario incrustado. En el ejemplo anterior, sería:
/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Aquí tienes un ejemplo de un enlace de formulario incrustado combinado con el enlace de registro con un solo clic anterior:
https://tutorials.webinargeek.com/embed/1fbb3737-285f-4a7e-a4a2-5c8a1bbcd947/?episode%5B3108%5D=13692&subscription%5Baddress%5D%5Bemail%5D=Email+here&subscription%5Baddress%5D%5Bfirstname%5D=First+name+here
Palabras clave: integrar





