Aquí puedes subir tu logo, configurar el tema de tu webinar y añadir CSS personalizado a tus páginas.
Logo
Para subir un logo, sigue estos pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Navega a «Personalización de marca» en el lado izquierdo, bajo la pestaña «Webinars».
Haz clic en «Subir logo» y selecciona el archivo correcto.
Puedes subir dos logos: uno para el modo claro y otro para el modo oscuro. El logo para el tema claro será visible en la página de registro, página de confirmación, canal y en la esquina superior izquierda de la página del webinar cuando esté activado el modo claro. El logo para el tema oscuro solo es visible en la página del webinar cuando está activado el modo oscuro.
¡Atención! Se recomienda el formato SVG para asegurar la mejor calidad en cualquier tamaño en que aparezca el logo (también se pueden subir archivos .png transparentes). Los archivos de imagen subidos (.png) deben tener una altura mínima de 70 píxeles.
Icono
Para subir un icono, sigue estos pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Navega a «Personalización de marca» en el lado izquierdo, bajo la pestaña «Webinars».
Haz clic en «Subir logo» y selecciona el archivo correcto.
La opción de subir un icono está disponible a partir del plan Enterprise. Puedes subir dos iconos: uno para el modo claro y otro para el modo oscuro. El icono para el tema claro será visible en la app móvil de streaming y en el navegador como favicon cuando esté activado el modo claro. El icono para el tema oscuro solo es visible cuando está activado el modo oscuro.
Colores del tema
Para cambiar el tema del webinar, sigue estos pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Navega a «Personalización de marca» en el lado izquierdo, bajo la pestaña «Webinars».
Haz clic en «Colores del tema» y configura tu tema predeterminado o colores personalizados.
No olvides hacer clic en «Actualizar tema del webinar» para guardar los cambios.
Tema del webinar
Aquí puedes establecer el tema visual predeterminado para tus webinars. Esto se aplica a las páginas donde los participantes acceden a tu webinar. Por defecto, nadie puede cambiar el tema que elijas, ni presentadores, moderadores ni espectadores, a menos que configures lo contrario.
¡Atención! Si la casilla «Todos los participantes pueden alternar entre modo claro y oscuro.» está activada, el tema predeterminado para tus páginas de registro y webinar dependerá de la configuración del dispositivo del asistente.
Cuando la casilla «Todos los participantes pueden alternar entre modo claro y oscuro.» está activada, los visitantes pueden usar un botón para cambiar entre modo oscuro y claro.
Colores personalizados del tema
Aquí puedes configurar tus propios colores. Nosotros los combinaremos para crear una combinación agradable. No usaremos exactamente los colores que elijas porque nos basamos en la teoría del color para encontrar la mejor combinación.
¡Atención! Los cambios no se aplicarán hasta que guardes. Asegúrate de que el tema personalizado esté activado y haz clic en «Actualizar colores del tema».
Puedes leer más sobre los temas de webinar en este artículo.
Etiqueta para miembros del equipo
Durante tus webinars, los miembros del equipo tendrán una etiqueta junto a su nombre. Por defecto se usa «Equipo», pero puedes personalizar esta etiqueta predeterminada con los siguientes pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Navega a «Personalización de marca» en el lado izquierdo, bajo la pestaña «Webinars».
Desplázate hasta «Etiqueta del equipo» y escribe una etiqueta de hasta 20 caracteres.
No olvides hacer clic en «Actualizar cuenta» para guardar los cambios.
La etiqueta que configures aquí se usará por defecto para todos los miembros del equipo del webinar, pero también puedes añadir etiquetas individuales para cada miembro.
Etiquetas individuales para miembros del equipo
Los propietarios de la cuenta pueden asignar etiquetas individuales para diferenciar a los miembros del equipo del webinar. Esta opción está disponible al añadir o editar un miembro del equipo en un webinar, como se explica en este artículo.
CSS personalizado
Para añadir CSS personalizado a tus páginas, sigue estos pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Navega a «Personalización de marca» en el lado izquierdo, bajo la pestaña «Webinars».
Añade CSS personalizado a tus páginas para darles un diseño propio genérico. Esto se aplicará a todas las páginas de registro y de visualización.
No olvides hacer clic en «Actualizar estilos» para guardar los cambios.
El CSS personalizado está disponible a partir del plan Enterprise.
¡Atención! El CSS personalizado tiene limitaciones. Por ejemplo, puedes aplicar una fuente diferente, pero los colores de los elementos los definimos nosotros. Actualmente, las fuentes personalizadas no se aplican a los formularios embebidos.
Consejos, trucos y referencias:
Siempre prueba tus páginas después de hacer un cambio.
Usa la función @import para cargar fuentes externas (https).
No cargues estilos para elementos interactivos como el reproductor de vídeo para evitar que algo deje de funcionar.
Para saber qué elementos seleccionar, usa el "Inspector web" o la "barra de herramientas para desarrolladores" en Chrome o Firefox para hacer clic en los elementos y descubrir su selector (por ejemplo, ".logo-balk") para dirigir el CSS personalizado.
Limpiamos el código CSS y extraemos código no deseado; si esto ocurre, revisa tu sintaxis y notación.
// establece todos los elementos de fuente a la familia de fuentes 'Verdana'
* { font-family: 'Verdana' !important; }
// establece todas las fuentes en cualquier página a 'Roboto' y usa sans-serif como alternativa si no está disponible
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
* { font-family: 'Roboto', sans-serif !important; }