Este artículo trata sobre la antigua página de registro. ¿Utilizas la nueva página de registro, presentada en junio de 2025? Lee este artículo en su lugar.
¿Sigues utilizando 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 salir de la página. Solo tienes que copiar un fragmento de código HTML y pegarlo en tu sitio web.
Descubre más funciones orientadas a ventas aquí para captar y convertir clientes potenciales.
Crear un elemento incrustado
Para crear un elemento incrustado, sigue estos pasos:
Haz clic en tu webinar.
Haz clic en «Editar webinar».
Ve a «Registro» > «Incrustar».
Selecciona «Crear elemento incrustado» 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.
Haz clic en «Estilo», en la parte izquierda de la pantalla, para cambiar los colores según tus preferencias o tu identidad corporativa.
La emisión solo será visible después de publicar el webinar.
Añadir un código incrustado a tu propio sitio web
Para añadir el código incrustado a tu propio sitio web, sigue estos pasos:
Haz clic en tu webinar.
Haz clic en «Editar webinar».
Ve a «Registro» > «Incrustar».
Selecciona «Crear elemento incrustado» para abrir el editor.
Añade el código a tu propio sitio web.
Formulario incrustado con JavaScript
Después de editar el formulario incrustado, recibirás un fragmento de código HTML y JavaScript. Puedes añadir este código a tu sitio web o blog y elegir dónde mostrar el formulario. Recuerda que el formulario incrustado requiere una anchura mínima de 350 px.
¡Importante! No puedes utilizar el mismo código incrustado dos veces en la misma página si usas la versión de JavaScript.
Si utilizas un CMS personalizado o un blog como WordPress, recuerda que el código debe colocarse en el «código fuente» de la página, así que no lo pegues como texto sin formato.
En algunos CMS no es posible añadir código JavaScript personalizado, por lo que quizá necesites ayuda de la persona que gestiona tu sitio web.
Ajustar la anchura y la altura del formulario incrustado (JavaScript)
Aunque el elemento incrustado de JavaScript ajusta automáticamente su tamaño al espacio disponible, puedes aplicar estilos al formulario resultante mediante CSS.
Ejemplo:
.geek-frame-holder iframe { width: 700px }
Formulario incrustado mediante un iframe
También puedes incrustar el formulario de registro mediante un iframe; es útil para sistemas de gestión de contenidos en los que no resulta fácil o posible utilizar 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 una parte del formulario, aumenta la altura del iframe. Para hacerlo, cambia el valor de «height» en el código de ejemplo.
Asegúrate de definir una anchura para el iframe; está optimizado para unos 350 píxeles de ancho. Sin embargo, puedes aumentar la anchura o establecer un porcentaje para que ocupe el espacio disponible en 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 y diseñar todo el proceso de registro según tus necesidades, con pleno control, 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á también quieras utilizarlos en el formulario incrustado.
Estos enlaces personalizados te permiten guardar el origen del registro, por ejemplo, cuando utilizas una URL con UTM o de campaña. Si tienes varios formularios incrustados, puedes saber de cuál procede cada registro.
Puedes añadir este valor en el código incrustado como un parámetro denominado «data-cst».
Haz lo siguiente: 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 utilizar para generar el enlace de registro personalizado o por el parámetro de campaña, como «linkedin» o «facebook». El 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. Puedes sustituir «Linkedin» por una variable, como 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>
¡Importante! Deberás ajustar la altura si el formulario tiene varios campos adicionales.
URL de confirmación personalizada
Después de que las personas se registren mediante el 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» > «Incrustar».
Haz clic en el icono del lápiz situado debajo de «Redirigir a los usuarios a una URL personalizada después del registro».
Configura la URL personalizada y haz clic en «Guardar».
A partir de ahora, los registros se redirigirán automáticamente a la URL recién añadida.
¡Importante! La URL recién añadida debe incluir «https://» para funcionar.
¡Importante! Una hora y media antes del inicio del webinar en directo o automatizado, las personas suscritas verán la página de confirmación del elemento incrustado y no serán redirigidas a la URL personalizada recién añadida. En los webinars de pago, debes utilizar la página de confirmación de WebinarGeek debido al proceso de pago requerido.
Registro con un clic para formularios incrustados
Los formularios incrustados también pueden utilizar el sistema de registro con un clic, pero debes crear el enlace manualmente.
Estas instrucciones tratan sobre el registro con un clic para los formularios incrustados de la antigua página de registro. ¿Utilizas la nueva página de registro, presentada en junio de 2025? Lee este artículo en su lugar, donde se explica el nuevo sistema de enlaces para rellenar campos previamente.
¿Sigues utilizando la versión anterior de la página de registro, pero quieres cambiar a la nueva? Consulta este artículo.
Primero, sigue las indicaciones 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 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 del formulario incrustado. Cópialo y pégalo también en algún lugar.
Para añadir la función de registro con un clic al formulario incrustado, debes combinar estos dos enlaces. 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 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





