¿Cómo puedo utilizar los widgets de eWebinar para crear mi propia página de destino o para promocionar mi seminario web en mi sitio web o blog?

Cómo elegir, configurar, instalar y personalizar los widgets de marketing de eWebinar para crear su propia página de aterrizaje o promocionar su seminario web en su sitio web o blog.

Los widgets incrustables de eWebinar están diseñados para permitirle crear sus propias páginas de registro o ayudarle a promocionar sus seminarios web de forma eficaz y llamativa, sin tener que escribir su propio código.  

Hay tres tipos principales de widgets:

  1. Widgets para páginas de destino de seminarios web
  2. Widgets para las páginas de agradecimiento
  3. Widgets para páginas web (como tu página de inicio) y blogs

Puede acceder a nuestros widgets desde la página de inicio de eWebinar haciendo clic en el botón Widgets de cualquier webinar publicado, ya que los widgets son específicos de cada webinar. 

Al hacer clic en Widgets, se abrirá un cuadro de diálogo en el que puedes elegir y configurar uno de los widgets y luego copiar fácilmente su código para pegarlo en un constructor de páginas de terceros.

Una vez que haya elegido el widget que desea utilizar, tendrá que:

  1. Configurar el widget
  2. Instalar el widget
  3. Personalizar el widget (CSS)

Para obtener instrucciones sobre el uso de los widgets en plataformas específicas, consulte estos artículos:

3 TIPOS DE WIDGETS PARA ELEGIR

1. Widgets para páginas de destino 

Existen cuatro tipos de widgets que puede utilizar para crear su propia página de destino de seminario web: Reproductor incrustado, Formulario incrustado, Widget de barra fija o Widget de botón.

Dos grandes ventajas de utilizar nuestros widgets de registro son:

  1. reCaptcha se asegura de que los robots no se registren utilizando sus formularios, lo que podría dar lugar a decenas de miles de registros falsos en el lapso de una hora.
  2. Verificamos que los correos electrónicos sean válidos durante el proceso de registro, lo que significa que los correos electrónicos que recibe son de mucha mayor calidad que los de los formularios estándar, con un índice de entregabilidad mucho mayor. 

Widget de reproductor integrado

El widget del reproductor incrustado le permite incrustar el reproductor de vídeo del eWebinar en cualquier página web o página de destino.

Tradicionalmente, la gente va a una página de destino, se registra en su seminario web y luego es conducida a otro lugar para verlo. Con nuestro reproductor integrado, la gente puede hacer clic para ver una sesión a la carta o una repetición de su seminario web directamente desde su página de destino.

El reproductor integrado está actualmente en fase BETA. Cuando finalice el periodo BETA, el widget del reproductor incrustado pasará a formar parte del Complemento de suscripción a dominios personalizados y sólo podrás añadir el reproductor incrustado a tu propio dominio y subdominios.

A continuación encontrará un reproductor incrustado de la demostración a la carta de eWebinar. Haz clic en el botón de reproducción para ver cómo la experiencia completa de eWebinar se expande hasta ocupar toda la página. 

 

NOTA: La imagen que aparece en el reproductor incrustado es su imagen para compartir en redes sociales, que puede cambiar en Compartir en la pestaña Configuración al editar su seminario web.

Con el reproductor integrado, puedes elegir:

* En el reproductor incrustado de arriba, hemos añadido el formulario de registro en el minuto 1 del vídeo, para que puedas ver cómo funciona.

Registro en vídeo

Para que aparezca un formulario de registro al principio o durante su seminario web en el reproductor incrustado, añada la interacción de registro en vídeo a su vídeo.

Cuando lo haga, podrá optar por registrarse:

  • Necesario: Las personas no pueden ver o continuar viendo su seminario web hasta que se inscriban en él.
  • Opcional: La gente puede saltarse el registro y ver o seguir viendo tu webinar de forma anónima

Para obtener más información sobre cómo añadir el registro al reproductor incrustado, consulte este artículo sobre el tema:

¿Cómo puedo hacer visible un formulario de registro en sesiones no publicadas, incluido el widget del reproductor incrustado?

Widget de formulario incrustado

El widget de formulario incrustado es un formulario de registro que puede incrustar en cualquier página web o página de destino. Al configurar el formulario, puede optar por mantenerlo muy simple (como se muestra a continuación) y mostrar sólo un campo de nombre y correo electrónico, de modo que cuando un visitante se registra para su seminario web, se le lleva inmediatamente a una sesión a la carta o repetición. La simplicidad de esta versión del formulario fue diseñada para reducir la fricción para los solicitantes de registro para hacer el proceso de registro lo más fluido posible.

ewebinar-embed-form

Como alternativa, puede optar por mostrar el formulario de inscripción completo, independientemente de cómo se haya creado el seminario web, incluida la posibilidad de que los participantes elijan la sesión a la que desean asistir.

Widget de barra fija

El widget de barra fija se utiliza normalmente como widget principal de cualquier página de inscripción a un seminario web. Esto se debe a que siempre está visible, ya que se mantiene fijo en la parte inferior de la página a medida que la gente se desplaza, ¡con un temporizador de cuenta atrás para su próxima sesión de webinar!

El widget de barra fija se utiliza a menudo en combinación con el widget de botón o el widget de formulario incrustado, de modo que haya varios lugares en su página de destino para que alguien se registre en su seminario web.

Widget de botones

El widget de botón permite a los clientes potenciales registrarse en su seminario electrónico sin salir de la página, ya que abre el formulario de registro en una ventana modal al hacer clic en él.

Registro automático de asistentes mediante Zapier

Si prefiere no utilizar nuestros widgets y desea capturar la información de registro fuera de eWebinar, puede registrar automáticamente a los asistentes a sus seminarios web a través de Zapier. Tenga en cuenta que un requisito previo para hacerlo es enviar correos electrónicos de notificación desde su propio dominio (en lugar de a través de eWebinar) mediante la integración con SendGrid o el servicio SMTP de un proveedor de correo electrónico externo.

Lea este artículo para saber más:

¿Cómo puedo auto-registrar personas para mis eWebinars a través de Zapier utilizando datos de registro de una fuente externa, como LeadPages o Hubspot?

2. Widgets para las páginas de agradecimiento por el registro 

Hay dos tipos de widgets que puede utilizar al crear una página de agradecimiento personalizada: la página a la que se envía a los solicitantes de registro después de que hayan enviado correctamente el formulario de registro. Se trata de un widget de tarjeta y un widget de botón.

Tarjeta de sesión (para las páginas de agradecimiento de la inscripción)

La mayoría de la gente debería utilizar el widget de la tarjeta de sesión para sus páginas de agradecimiento por el registro, ya que tiene toda la lógica incorporada necesaria para mostrar el botón correcto a la persona que se registra, ya sea un botón para que se una a una sesión que comienza de inmediato, vea una repetición o añada una sesión futura a su calendario .  

El widget de la tarjeta también muestra la fecha y la hora de la sesión a la que se ha apuntado el usuario, e incluye un enlace para que pueda unirse a su sesión.

Widget CTA de agradecimiento (para páginas de agradecimiento de registro)

El widget CTA de agradecimiento te da la libertad de personalizar completamente el aspecto de tu página de agradecimiento, pero requiere codificación por tu parte para hacerlo de forma eficaz.

Este widget simplemente muestra un botón. El resto de la información está disponible como parámetros de consulta como en la URL, pero no se muestra. (De nuevo, esto requiere una codificación personalizada).  

El widget del botón es un botón inteligente que permite al registrante:

  • Haga clic para ver una repetición si se registraron para uno
  • Únase inmediatamente a una sesión si ésta comienza pronto
  • Añadir su sesión a un calendario si está en el futuro

Nota importante sobre las pruebas de los widgets de agradecimiento

Si quieres probar un widget de agradecimiento después de instalarlo, ten en cuenta que si navegas a la página de agradecimiento directamente, el widget no tendrá los datos del formulario de registro necesarios para mostrarse correctamente y parecerá que no funciona.

Para probar un widget de agradecimiento, debe rellenar el formulario de registro y ser llevado a la página de agradecimiento como resultado de completar el registro.

3. Widgets para páginas web y blogs

Hay dos tipos de widgets ideales para su sitio web o blog principal. Se trata de un widget emergente y un widget de tarjeta.

Widget emergente

El widget emergente es el más popular utilizado por los clientes de eWebinar. Muestra su seminario web a los visitantes y clientes potenciales de una manera que es fácil de descubrir pero no molesta. Aparece en la parte inferior de la pantalla y puede configurarse para que aparezca en el lado izquierdo, en el lado derecho o en el centro, con diferentes opciones para escritorio y móvil.

Captura de pantalla 2021-04-21 a las 2.52.31 PM

El widget emergente muestra automáticamente el título de su seminario web, incluso si lo cambia después de instalar el widget. Tenga en cuenta que, en su lugar, mostrará el título para compartir en redes sociales si lo ha introducido en la pestaña de configuración de su seminario web. También tenga en cuenta que el widget no se mostrará si no hay sesiones disponibles para registrarse.

Widget de tarjeta  

El widget Card le permite promocionar su seminario web como parte de un contenido existente, como una entrada de blog o una página de destino.

Consulte este artículo de nuestro blog como ejemplo de cómo utilizar este widget. Verá que hemos incrustado tres lugares diferentes - cerca del principio, en el medio y al final - para promover nuestro Demostración a la carta.

También puede utilizar el widget de tarjeta para crear una página web personalizada o una página de destino con una lista de todos sus seminarios web disponibles, como hicimos con nuestra biblioteca de seminarios web.

El widget de la tarjeta tiene el código HTML necesario para representar la tarjeta en su interior. Esto significa que si cambias el título para compartir en redes sociales o la descripción de tu seminario web, tendrás que volver a generar el código del widget, copiar y reemplazar cualquier tarjeta existente para que la información se actualice.

CONFIGURAR, INSTALAR Y PERSONALIZAR EL WIDGET

Configurar el widget

Aunque cada widget tiene sus propios ajustes, el proceso de configuración de un widget es el mismo para todos ellos. A continuación se explica cómo hacerlo:

  1. Abra el cuadro de diálogo de widgets para el seminario web en cuestión haciendo clic en Widgets.
  2. Seleccione el tipo de página para el que es el widget, una página de registro o de marketing o una página de confirmación de agradecimiento.
  3. A continuación, seleccione el estilo de widget que desea utilizar, entre las opciones disponibles. Cuando lo hagas, verás que aparece una vista previa del widget a la izquierda 
  4. Configure los ajustes del widget. A medida que configures el widget, verás que la vista previa de la izquierda se actualiza en consecuencia.
  5. Copie y pegue el código en el cuerpo del HTML de su sitio web. Es posible que necesite la ayuda de su administrador de TI para este paso o del equipo de soporte de cualquier constructor de páginas de terceros que esté utilizando, como LeadPages o SquareSpace.

A continuación se muestra un ejemplo de cómo se ve el widget emergente después de ser configurado. El siguiente paso sería copiar el código y pegarlo en el código de la página en la que desea que aparezca la ventana emergente.


En este caso, el widget emergente que se muestra arriba se ha configurado de la siguiente manera:

  • Para que aparezca en el lado izquierdo de la parte inferior de la pantalla en el escritorio
  • Para aparecer en el centro de la parte inferior de la pantalla en el móvil
  • Que el formulario de inscripción se abra en la propia página, para que el inscrito no tenga que ir primero a otro sitio antes de inscribirse
  • Para que el texto del botón diga "¡Únete a la próxima demostración!
  • Para que la fuente del widget se llame 'página de inicio' - para que cuando alguien se registre a través de este widget, pueda ver qué widget fue
NOTA: Si su seminario web está configurado para que ocurra en una hora, aparecerá un temporizador de cuenta atrás para crear una sensación de urgencia. Si tiene más de un botón de registro en la misma página, puede optar por desactivar el temporizador durante la configuración.

Instalar el widget

Aunque el proceso de instalación de los widgets variará en función del constructor de páginas de terceros que utilice, el flujo de trabajo es esencialmente el mismo. 

Como ejemplo, aquí hay un breve vídeo que muestra el proceso de instalación del formulario Embed en una página de destino de Hubspot, para que te hagas una idea de lo que puedes esperar:

 

For most webpage builders, it is fairly straightforward to add custom HTML code inside the <body> tag of your page and have that work automatically.  If you would like to see another example, look at these installation guides for Wordpress and SquareSpace.

Personalice su widget

Si después de instalar uno o más widgets en tu página necesitas personalizar aún más su aspecto, el CSS es tu amigo.  

Cada parte de un widget de eWebinar utiliza un nombre de clase diferente. Esto significa que puedes especificar CSS personalizado para anular colores, fuentes, tamaños o incluso ocultar partes específicas de un widget. Lo que nunca debe hacer es eliminar el código dentro del HTML del widget que copie/pegue, ya que podría romper su widget cuando actualicemos el servicio de eWebinar.  

A continuación se presentan algunos ejemplos de CSS personalizado para las personalizaciones más populares.

Cambiar la fuente y el tamaño de todos los botones de registro

<style>
.ewebinar__RegisterButton {
font-family: 'pragmatica', sans-serif !important;
font-size: 30px !important;
}
</style>

Cambiar el tamaño de la letra de un determinado botón de registro

<style>
#w1627034837426 .ewebinar__RegisterButton {
font-size: 30px;
}
</style>

Eliminar el botón de minimizar del widget emergente

<style>
  .ewebinar__FloatIn__Cross {
display: none;
}
</style>

Cambiar el color de la fuente de las etiquetas de los campos en el formulario de inserción a blanco

<style>
.ewebinar__RegForm__Field__Label {
color: #fff;
}
</style>