Aquí puedes subir tu logotipo, configurar el tema de tus webinars y añadir CSS personalizado a tus páginas.
Logotipo
Para subir un logotipo, sigue estos pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Ve a «Personalización de marca», en el lado izquierdo, dentro de la pestaña «Webinars».
Haz clic en «Subir logotipo» y selecciona el archivo correcto.
Puedes subir dos logotipos: uno para el modo claro y otro para el modo oscuro. El logotipo del tema claro se mostrará en la página de registro, la página de confirmación, el canal y en la esquina superior izquierda de la página del webinar cuando esté activado el modo claro. El logotipo del tema oscuro solo se mostrará en la página del webinar cuando esté activado el modo oscuro.
¡Tenlo en cuenta! Se recomienda el formato SVG para garantizar la mejor calidad en cualquier tamaño en que se muestre el logotipo (también puedes subir archivos .png transparentes). Los archivos de imagen (.png) que subas 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.
Ve a «Personalización de marca», en el lado izquierdo, dentro de la pestaña «Webinars».
Haz clic en «Subir logotipo» y selecciona el archivo correcto.
La posibilidad 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 del tema claro se mostrará como favicon en la aplicación móvil de streaming y en el navegador cuando esté activado el modo claro. El icono del tema oscuro solo se mostrará cuando esté activado el modo oscuro.
Colores del tema
Para cambiar el tema de tus webinars, sigue estos pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Ve a «Personalización de marca», en el lado izquierdo, dentro de la pestaña «Webinars».
Haz clic en «Colores del tema» y configura el tema predeterminado de tu webinar o los colores personalizados del tema.
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. Se aplica a las páginas en las que los participantes asisten a tu webinar. De forma predeterminada, nadie puede cambiar el tema que elijas, ni los presentadores, ni los moderadores ni los espectadores, salvo que lo configures de otro modo.
¡Tenlo en cuenta! Si está activada la casilla «Todos los participantes pueden alternar entre el modo claro y el oscuro», el tema predeterminado de tus páginas de registro y de webinar dependerá de los ajustes del dispositivo del asistente.
Cuando está activada la casilla «Todos los participantes pueden alternar entre el modo claro y el oscuro», los visitantes pueden utilizar un botón para alternar entre el modo oscuro y el claro.
Colores personalizados del tema
Aquí puedes configurar tus propios colores. De forma predeterminada, usamos tu color principal y tu color de acento como base. Los combinamos para crear una combinación agradable mediante la teoría del color.
¡Tenlo en cuenta! Los cambios no se aplicarán hasta que pulses Guardar. Asegúrate de que el tema personalizado esté activado y haz clic en «Actualizar colores del tema».
También puedes activar los colores de marca exactos mediante «Usar colores de marca exactos». De este modo, el color principal y el color de acento se mantienen exactamente como los introduces, para que el entorno del webinar coincida con tu marca con precisión. Introduce los códigos HEX exactos de tu color principal y color de acento y, a continuación, haz clic en «Actualizar tema del webinar» para guardar.
Para activar esta función, asegúrate de marcar la casilla que impide a los visitantes alternar entre el modo claro y el oscuro.
¡Tenlo en cuenta! Los colores de marca exactos pueden hacer que algunos botones, enlaces o textos sean más difíciles de ver en determinados temas.
Puedes leer más sobre los temas de webinar en este artículo.
Etiqueta de miembro del equipo
Durante tus webinars, los miembros del equipo del webinar tendrán una etiqueta junto a su nombre. De forma predeterminada se utiliza «Equipo», pero puedes personalizar la etiqueta predeterminada siguiendo estos pasos:
Haz clic en «Cuenta» en la esquina superior derecha.
A continuación, haz clic en «Mi cuenta» en el menú desplegable.
Ve a «Personalización de marca», en el lado izquierdo, dentro de la pestaña «Webinars».
Desplázate hasta «Etiqueta del equipo» e introduce una etiqueta de hasta 20 caracteres.
No olvides hacer clic en «Actualizar cuenta» para guardar los cambios.
La etiqueta que configures aquí se utiliza de forma predeterminada para todos los miembros del equipo del webinar, pero también puedes añadir etiquetas individuales para cada miembro.
Etiquetas individuales de miembros del equipo
Los propietarios de la cuenta pueden aplicar etiquetas individuales a distintos miembros del equipo del webinar. Esta es una opción disponible al añadir o editar un miembro del equipo del webinar en un webinar. Puedes obtener más información 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.
Ve a «Personalización de marca», en el lado izquierdo, dentro de la pestaña «Webinars».
Añade CSS personalizado a tus páginas para darles un diseño propio. Se aplicará a todas las páginas de registro y de espectador.
No olvides hacer clic en «Actualizar estilos» para guardar los cambios.
El CSS personalizado está disponible a partir del plan Enterprise.
¡Tenlo en cuenta! El CSS personalizado tiene limitaciones. Por ejemplo, puedes aplicar una fuente diferente, pero nosotros definimos los colores de los elementos. Actualmente, las fuentes personalizadas no se aplican a los formularios insertados.
Consejos, trucos y referencias:
Prueba siempre tus páginas después de realizar un cambio.
Utiliza la función @import para cargar fuentes externas (https), como fuentes tipográficas.
No cargues estilos para elementos interactivos como el reproductor de vídeo, para evitar que algo deje de funcionar.
Para averiguar qué elementos seleccionar, utiliza el «Inspector web» o la «Barra de herramientas para desarrolladores» de Chrome o Firefox; haz clic en los elementos para averiguar su selector (por ejemplo, ".logo-balk") y usarlo en el CSS personalizado.
Limpiamos el código CSS y eliminamos el código no deseado; si ocurre, vuelve a comprobar la sintaxis y la notación.
// set all font elements to the font family 'Verdana'
* { font-family: 'Verdana' !important; }
// set all fonts on any page to 'Roboto' and fallback to sans-serif if it is not available
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
* { font-family: 'Roboto', sans-serif !important; }