Este artículo trata sobre la página de registro que se introdujo en junio de 2025. Lea Este artículo en tu lugar, si todavía estás usando la versión anterior.
¿Sigues usando la versión anterior pero quieres cambiar a la nueva? Controlar Este artículo.
Si desea que las personas se registren en tus webinars a través de tu propio sitio web, el formulario de inserción es tu mejor amigo. Le permite colocar el formulario de registro en tu propio sitio web de una de cuatro maneras diferentes:
como un botón
Esta opción es un botón que abre el formulario de registro. Puedes colocarse en una ubicación determinada de tu sitio web o como una superposición que permanece visible mientras los visitantes se desplazan por tu página.
Como inserción en línea
Esta opción es el propio formulario de registro. Puedes colocarlo en una ubicación determinada en tu sitio web.
Como enlace personalizado
Esta opción es un simple hipervínculo que abre el formulario de registro. Puedes colocarlo en una ubicación determinada en tu sitio web.
Como widget
Esta opción es una barra o mosaico que muestra información del webinar. Lo coloca en tu sitio web como una superposición que permanece visible mientras los visitantes se desplazan por tu página.
La inserción en línea y los formularios que aparecen cuando usa el botón, el enlace personalizado y las opciones de widget utilizan los colores del tema de marca de tu cuenta. Siga los pasos en Este artículo para editarlos.
¡Ten en cuenta! Cuando genera un código de inserción, le asignamos un identificador único. Este identificador único está en el código y solo se puede utilizar una vez por página, lo que significa que no se puede colocar el mismo código de inserción en una página varias veces. Si desea utilizar el mismo formulario para insertar en varias ubicaciones de una página, deberá generar un nuevo código para insertar para que el identificador sea diferente. Esto se puede hacer actualizando la página y copiando el nuevo código.
Creando un formulario para insertar
Siga los pasos a continuación para crear un formulario para insertar:
Encuentre tu webinar en la descripción general de tu webinar y haga clic en tu título
Haz clic en el botón 'Editar webinar'
Ir a 'Registro'
Ve a 'Incrustar'
Selecciona el tipo de formulario de inserción que desea utilizar: botón, inserción en línea, enlace personalizado o widget.
Personalice el formulario de inserción elegido. Puedes encontrar descripciones de todas las opciones. aquí.
Cuando haya terminado, copie el código haciendo clic en el ícono con dos páginas y colóquelo en el código HTML de tu sitio web.
¡No olvides guardar los cambios en tu sitio web!
¡Eso es todo! Si hizo todo bien, la inserción aparecerá ahora en tu sitio web.
Opciones de personalización
Formulario de inscripción (todos los tipos)
Puedes personalizar el formulario de registro que se abre cuando alguien presiona tu inserción. Las cosas que se pueden personalizar son:
Idioma
Tema
Bandera
Página de confirmación
Siga leyendo para descubrir cómo cambiarlos todos.
Cambiar el idioma de tu formulario de inserción
De forma predeterminada, tu formulario para insertar utilizará el idioma de tu webinar. También puedes configurarlo para utilizar el idioma del navegador del visitante o un idioma fijo de una lista. Esta configuración se puede cambiar con el menú desplegable "Idioma de inserción" después de seleccionar un tipo de inserción.
Cambiar el tema de tu formulario de inserción
De forma predeterminada, tu formulario para insertar utilizará el tema estándar de tu cuenta (claro u oscuro). También puedess configurarlo para usar el tema del sistema del visitante o un tema fijo. Esta configuración se puede cambiar con el menú desplegable "Incrustar tema" después de seleccionar un tipo de inserción.
Cambiar los colores de tu formulario de inserción
De forma predeterminada, tu formulario para insertar utilizará los colores del tema de tu cuenta. Puedes anularlo con colores personalizados por formulario de inserción individual. Esta configuración se puede cambiar marcando la casilla junto a "Anulación de tema personalizado" y seleccionando los colores que desea utilizar. Para los widgets, esto también determina el color del propio widget.
¡Consejo! No puede obtener una vista previa del formulario en sí al crear un botón o un enlace personalizado incrustado, pero puede cambiar a "Insertar en línea" y volver a ver cómo se verá.
Usando un formulario de registro de una sola página
De forma predeterminada, todos los tipos de incrustaciones vienen con un formulario de registro de varias páginas cuando el espectador debe ingresar algo más que tu nombre y dirección de correo electrónico, incluso cuando elige entre varias fechas de transmisión.
Las incrustaciones se pueden configurar para que el formulario de registro tenga todos los campos de registro en una sola página usando la casilla de verificación junto a "Formulario de una sola página".
Usar una página de confirmación personalizada para tu formulario de inserción
De forma predeterminada, a los suscriptores se les muestra una confirmación dentro del formulario de inserción una vez que terminan de registrarse. Puedes optar por establecer una URL personalizada para redirigir a las personas después de suscribirse haciendo clic en "Editar" en "Redirigir a los espectadores a una URL personalizada después de registrarse", pegando la URL en el cuadro de texto "URL personalizada" y haciendo clic en "Guardar".
Para botones
Incrustación en línea e incrustación adhesiva
Hay dos tipos de botones para insertar: botones para insertar en línea y botones para insertar adhesivos. Ambos abren el formulario de registro al hacer clic en ellos, pero aparecen de forma diferente en tu sitio web.
El botón de inserción en línea se coloca en un lugar específico de tu sitio web y permanece allí pase lo que pase, lo que significa que desaparecerá de la pantalla de una persona si, por ejemplo, se desplaza hacia abajo.
El botón adhesivo para insertar, por otro lado, permanece visible cuando los visitantes de tu sitio web se desplazan hacia arriba o hacia abajo. ¡Siempre está ahí, así que no pueden olvidarse de registrarse! Cuando utiliza el botón adhesivo para insertar, puede elegir tenerlo en la parte inferior izquierda o derecha de tu sitio web.
Texto y colores del botón
El texto y los colores de tu botón de inserción se pueden cambiar para adaptarlos a tu sitio web. Mientras crea tu botón, use las opciones "Texto del botón", "Color del botón" y "Color del texto del botón" en "Personalizar" para personalizar tu botón a tu gusto.
Para incrustaciones en línea
Mostrar solo formulario
De forma predeterminada, los formularios insertados en línea incluyen el logotipo de tu empresa, el título del webinar y la fecha/hora del webinar. Puedes eliminar fácilmente esta información de tu inserción en línea activando la configuración "Mostrar solo formulario".
Esta configuración es perfecta cuando desea mostrar esta información en tu sitio web a tu manera.
Utilice un fondo transparente
La inserción en línea viene con un color de fondo de forma predeterminada. Si esto no se adapta a tu sitio web o prefiere utilizar el fondo de tu sitio web, configure el fondo insertado en línea para que sea transparente marcando la casilla junto a "Fondo transparente".
Para enlaces personalizados
Texto de enlace personalizado
El texto de tu enlace personalizado se puede cambiar para adaptarlo a tu webinar. Mientras crea tu enlace personalizado, use la opción "Texto del botón" en "Personalizar" para personalizar tu enlace personalizado a tu gusto.
Para widgets
Barra adhesiva y baldosa adhesiva.
Hay dos tipos de widgets: barras adhesivas y mosaicos adhesivos. Ambos abren el formulario de registro cuando se hace clic en tu botón, pero aparecen de manera diferente en tu sitio web.
La barra adhesiva es una barra horizontal que se muestra en la parte superior o inferior de tu sitio web y permanece en esa posición.
El mosaico adhesivo, por otro lado, es una versión más pequeña del widget que ocupa menos espacio que la barra adhesiva. Se puede colocar en la parte superior izquierda, superior derecha, inferior izquierda o inferior derecha y permanece en esa posición.
Tanto la barra adhesiva como el mosaico adhesivo siempre están visibles, sin importar cuánta gente se desplace por tu sitio web. Se adhieren a la parte de la pantalla que elijas.
Colores de widgets
A diferencia de las otras opciones de inserción, los colores del widget los deciden los colores del tema en tu cuenta que también se aplican al formulario de registro.
De forma predeterminada, tu widget utilizará los colores del tema de tu cuenta. Puedes anularlo con colores personalizados por widget individual.
Texto del botón
El texto del botón de tu widget se puede cambiar para adaptarlo a tu webinar. Mientras crea tu widget, use la opción "Texto del botón" en "Personalizar" para personalizar el texto del botón del widget a tu gusto.
Configuración avanzada
Insertar como iframe
También puedess usar el código para insertar dentro de un iframe, pero requiere que uses "srcdoc" (ver también aquí). El código de inserción se ve así:
<iframe srcdoc='
<script>
(function(w,d,stn,sa,gn,se,fse){w[gn]=w[gn]||function(){(w[gn].q = w[gn].q||[]).push(arguments)};
se=d.createElement(stn);fse=d.getElementsByTagName(stn)[0];se.id=gn;se.async=1;
se.src=sa+"?t="+new Date().toISOString().slice(0, -9);fse.parentNode.insertBefore(se, fse);
})(window, document, "script", "https://malong.webinargeek.com/malong.embed.js", "mw_12345");
mw_12345("init", {
project: "registration",
identifier: "12345",
shape: "inline"
});
</script>
' />
Como podrás notar el <div id="mw_Tv1FSKM6ScX_webinargeek"></div> ha desaparecido, eso se debe a que debe eliminarse si utiliza este método.
Hacer que la inserción preseleccione una transmisión específica
Puedes hacer que la inserción seleccione previamente una transmisión específica para garantizar que las personas se registren para una transmisión en particular.
Para hacer esto agrega esto al código:
,
broadcastId: "1234"
Puedes encontrar el ID de transmisión mediante las estadísticas y luego el número final en la URL. O haciendo clic en las opciones al lado de la transmisión y luego en la referencia API.
Un ejemplo completo sería:
<div id="mw_Tv1FSKM6ScX_webinargeek"></div>
<script>
(function(w,d,stn,sa,gn,se,fse){w[gn]=w[gn]||function(){(w[gn].q = w[gn].q||[]).push(arguments)};
se=d.createElement(stn);fse=d.getElementsByTagName(stn)[0];se.id=gn;se.async=1;
se.src=sa+'?t='+new Date().toISOString().slice(0, -9);fse.parentNode.insertBefore(se, fse);
})(window, document, 'script', 'https://malong.webinargeek.com/malong.embed.js', 'mw_Tv1FSKM6ScX');
mw_Tv1FSKM6ScX("init", {
project: "registration",
identifier: "2e467174-46e1-4305-9c33-587f0cd8ad7a",
shape: "inline",
broadcastId: "1234"
});
</script>
Enlaces de registro personalizados para insertar formularios
Los enlaces de registro personalizados son enlaces que puede crear para medir los registros de fuentes específicas. Le permiten utilizar diferentes enlaces de registro para diferentes redes sociales y/o campañas publicitarias. Puedes leer más sobre enlaces de registro personalizados y cómo crearlos en Este artículo.
Aplicar enlaces de registro personalizados para insertar formularios es un poco más difícil y requiere más conocimientos técnicos. Sin embargo, puede seguir los pasos a continuación para aplicarlos a tus formularios para insertar una vez que haya creado un enlace de registro personalizado:
Después de crear tu enlace de registro personalizado siguiendo los pasos en Este artículo, vaya a 'Insertar' cuando edite tu webinar.
Elige tu tipo de inserción y personalízala.
Copie el código y péguelo en algún lugar donde pueda editarlo.
Agregue una coma (,) al final de la línea antes
});por ejemplo después de:
shape: "inline"Crea una nueva línea arriba
});y agrega:
cst: "<your custom link name>"
Lo que debes ingresar despuéscst:es la parte en negrita de tu enlace de registro personalizado como se ve en la captura de pantalla a continuación.El final de tu código debería verse así. Ten en cuenta que cada tipo de formulario insertado tiene una línea final diferente y este ejemplo es para un formulario insertado en línea. Si usa, por ejemplo, un botón para insertar, la penúltima línea podría decir
customTextColor: "#ffffff"en cambio. Todo depende de la personalización del formulario de inserción.shape: "inline",
cst: "website"
});
</script>Copie y pegue el código editado donde desea colocar tu formulario de inserción.
A continuación se muestra un ejemplo de un código para insertar en línea con un enlace de registro personalizado aplicado en el código:
<div id="mw_Tv1FSKM6ScX_webinargeek"></div>
<script>
(function(w,d,stn,sa,gn,se,fse){w[gn]=w[gn]||function(){(w[gn].q = w[gn].q||[]).push(arguments)};
se=d.createElement(stn);fse=d.getElementsByTagName(stn)[0];se.id=gn;se.async=1;
se.src=sa+'?t='+new Date().toISOString().slice(0, -9);fse.parentNode.insertBefore(se, fse);
})(window, document, 'script', 'https://malong.webinargeek.com/malong.embed.js', 'mw_Tv1FSKM6ScX');
mw_Tv1FSKM6ScX("init", {
project: "registration",
identifier: "2e467174-46e1-4305-9c33-587f0cd8ad7a",
shape: "inline",
cst: "website"
});
</script>
Usando tu propio botón para insertar formularios
Tiene la opción de utilizar tu propio botón para los formularios de inserción de tu webinar si las opciones de personalización de botones existentes no satisfacen tus necesidades. Para hacerlo, deberá utilizar el tipo de inserción "Enlace personalizado" como base y editar manualmente el código. Siga los pasos a continuación:
Encuentre tu webinar en la descripción general de tu webinar y haga clic en tu título
Haz clic en el botón 'Editar webinar'
Ir a 'Registro'
Ve a 'Incrustar'
Selecciona "Enlace personalizado" como tipo de inserción
Copia el código y pégalo en algún lugar donde puedas editarlo.
Ahora, reemplace la primera línea del código, que debería verse similar a esto:
<span onclick="mw_IMdJQyvjVrd('registrationEvent', 'confirmSignup',con tu propio botón, mientras se asegura de mantener el atributo 'onclick'. Entonces, el código debería verse similar a este:
<button class="your class names" onclick="mw_IMdJQyvjVrd('registrationEvent', 'confirmSignup', [])">Register here</button>
<script>
(function(w,d,stn,sa,gn,se,fse){w[gn]=w[gn]||function(){(w[gn].q = w[gn].q||[]).push(arguments)};
se=d.createElement(stn);fse=d.getElementsByTagName(stn)[0];se.id=gn;se.async=1;
se.src=sa+'?t='+new Date().toISOString().slice(0, -9);fse.parentNode.insertBefore(se, fse);
})(window, document, 'script', 'https://malong.webinargeek.com/malong.embed.js', 'mw_IMdJQyvjVrd');
mw_IMdJQyvjVrd("init", {
project: "registration",
identifier: "12345",
shape: "link"
});
</script>Cuando haya terminado, copie y pegue el código modificado en el código HTML de tu sitio web.
¡No olvides guardar los cambios en tu sitio web!
Personalizando incrustaciones con CSS
Si las incrustaciones de WebinarGeek no se alinean del todo con el estilo de tu sitio web, puede usar CSS en tu sitio web para modificarlas más de lo que permite el asistente del webinar.
Por ejemplo, podrías usar el siguiente CSS para cambiar qué tan redondeados están los botones:
*::part(wg-button-primary) {
border-radius: 4px;
}
*::part(wg-button-secondary) {
border-radius: 4px;
}O esto para cambiar los colores de tus botones en el formulario:
/* Button */
*::part(wg-button-primary) {
background-color: rgb(0, 208, 255);
color: rgb(0, 0, 0)
}
/* Focus state */
*::part(wg-button-primary):focus-visible {
outline-color: rgb(0, 208, 255);
}
/* State-layer, indicating hover/focus/active state */
*::part(wg-button-primary)::before {
background-color: rgb(0, 0, 0);
}
Estas adiciones las realizas al CSS de tu propio sitio web, porque ahí es donde se colocan las incrustaciones.
¡Ten en cuenta! Estos cambios se aplican a cada WebinarGeek insertado en tu sitio web.