Este artículo trata sobre la antigua página de registro. ¿Utilizas la nueva página de registro introducida en junio de 2025? Lee este artículo.
¿Aún utilizas 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 la página. Lo único que tienes que hacer es copiar un poco de código HTML y pegarlo en tu sitio web.
Descubre más funciones orientadas a las ventas aquí para captar y convertir clientes potenciales.
Crear un formulario incrustado
Para crear un formulario incrustado, sigue estos pasos:
Haz clic en tu webinar.
Haz clic en «Editar webinar».
Ve a «Registro» > «Insertar».
Selecciona «Crear inserción» para abrir el editor.
Editar el formulario
Puedes cambiar los colores del título, el subtítulo y el botón de registro.
Haz clic en el cuadro de texto para editar el título o el subtítulo.
Pulsa «Estilo», en el lado izquierdo de la pantalla, para cambiar los colores a tu gusto o según tu imagen de marca.
La emisión solo estará visible después de publicar el webinar.
Insertar código en tu propio sitio web
Para insertar el código en tu propio sitio web, sigue estos pasos:
Haz clic en tu webinar.
Haz clic en «Editar webinar».
Ve a «Registro» > «Insertar».
Selecciona «Crear inserción» para abrir el editor.
Inserta el código en tu propio sitio web.
Formulario incrustado con JavaScript
Después de editar tu formulario incrustado, recibirás un poco de código HTML y JavaScript. Puedes insertar este código en tu sitio web o blog. Puedes elegir dónde mostrar el formulario incrustado. Recuerda que el formulario incrustado requiere una anchura mínima de 350 px.
¡Tenlo en cuenta! No puedes usar el mismo código de inserción dos veces en la misma página si utilizas la versión de JavaScript.
Si utilizas un sistema CMS personalizado o un blog como WordPress, recuerda que el código debe insertarse en el «código fuente» de la página; no lo pegues como texto sin formato.
En algunos sistemas CMS no es posible añadir código JavaScript personalizado, por lo que quizá necesites ayuda de la persona responsable de tu sitio web.
Ajustar la anchura y la altura del formulario incrustado (JavaScript)
Aunque la inserción de JavaScript se ajusta automáticamente al espacio disponible, puedes añadir estilos al formulario resultante mediante CSS.
Ejemplo:
.geek-frame-holder iframe { width: 700px }
Formulario incrustado mediante un iframe
También puedes incrustar tu formulario de registro mediante un iframe, lo que resulta útil para sistemas de gestión de contenido en los que no es fácil o posible usar JavaScript. Crea un elemento iframe en tu página web e inserta la URL del iframe desde la página de inserción.
Ejemplo:
<iframe src="Your iframe URL goes here" title="Webinar registration form" height="350" width="350" ></iframe>
Ajustar la anchura y la altura del formulario incrustado (iframe)
Debes asegurarte de que el iframe tenga la altura adecuada, ya que no se adapta automáticamente. Si solo ves parte del formulario, aumenta la altura del iframe. Para ello, cambia el valor de «height» en el código de ejemplo.
Asegúrate de establecer una anchura para el iframe; está optimizado para una anchura de unos 350 píxeles. No obstante, puedes aumentar la anchura si lo deseas o establecer un porcentaje para que ocupe el espacio de tu sitio web.
Ejemplo:
<iframe src="Your iframe URL goes here" title="Webinar registration form" height="500" width="100%" ></iframe>
Ajustes avanzados
Ten en cuenta que la capacidad de adaptación del formulario es limitada. Si quieres más opciones de personalización, diseñar todo el proceso de registro según tus preferencias y tener un control total, puedes utilizar nuestra API. Ponte en contacto con nosotros para obtener más información.
Añadir enlaces de registro personalizados
Cuando hayas creado enlaces de registro personalizados, quizá quieras utilizarlos también en tu formulario incrustado.
Estos enlaces personalizados te permiten guardar el origen del registro, por ejemplo, al utilizar una URL UTM o de campaña. Si tienes varios formularios incrustados, puedes hacer un seguimiento del formulario incrustado del que procede el registro.
Puedes añadir este valor dentro del código de inserción 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="your_link_name_here".
Sustituye your_link_name_here por el nombre que acabas de usar para generar el enlace de registro personalizado o por el parámetro de campaña, como «linkedin» o «facebook». Ahora tu código tendrá un aspecto similar a este:
<script src="https://app.webinargeek.com/assets/embed-frame.js" data-cst="name_of_link" data-webinar="ca5c3.." type="text/javascript"></script>
Después del registro, podrás ver en las estadísticas de tu webinar qué enlace utilizaron las personas registradas. Haz clic aquí para obtener más información sobre los enlaces de registro personalizados.
En el caso de un iframe, puedes añadir «?cst=Linkedin» al final de la URL del iframe. «Linkedin» puede sustituirse por una variable, por ejemplo, el origen del registro o un parámetro de campaña. Ejemplo:
<iframe src="https://embed.webinargeek.com/xxxxxxxxxxxxx?cst=Linkedin" title="description" height="350" width="350" ></iframe>
¡Tenlo en cuenta! Tendrás que ajustar la altura si el formulario tiene varios campos adicionales.
URL de confirmación personalizada
Después de que las personas se registren mediante 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».
Ve a «Registro» > «Insertar».
Haz clic en el icono del lápiz situado debajo de «Redirigir a los usuarios a una URL personalizada después de registrarse».
Configura tu URL personalizada y haz clic en «Guardar».
Tus registros se redirigirán ahora automáticamente a la URL recién añadida.
¡Tenlo en cuenta! La URL recién añadida debe incluir «https://» para funcionar.
¡Tenlo en cuenta! Una hora y media antes de que comience el webinar en directo o automatizado, las personas suscritas verán la página de confirmación de la inserción y no se las redirigirá a la URL personalizada recién añadida. Para los webinars de pago, debe utilizarse la página de confirmación de WebinarGeek debido al proceso de pago obligatorio.
Registro con un clic para formularios incrustados
Los formularios incrustados también pueden utilizar el sistema de registro con un clic, pero tienes que crear el enlace manualmente.
Estas instrucciones tratan sobre el registro con un clic para los formularios incrustados que se incluyen con la antigua página de registro. ¿Utilizas la nueva página de registro introducida en junio de 2025? Lee este artículo, que explica el nuevo sistema de enlaces de campos rellenados previamente.
¿Aún utilizas 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 clic para tu webinar. Cópialo y pégalo en algún lugar.
Ejemplo de un enlace de registro con un 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, busca el enlace de tu formulario incrustado. Cópialo y pégalo también en algún lugar.
Debes combinar estos dos enlaces para añadir la función de un clic a tu formulario incrustado. Para ello, copia la parte que aparece después del nombre del webinar en el enlace de registro con un 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
Este es un ejemplo de un enlace de formulario incrustado combinado con el enlace de registro con un 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





