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», a la izquierda, en 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 será visible en la página de registro, la página de confirmación, el canal y la esquina superior izquierda de la página del webinar cuando esté activado el modo claro. El logotipo del tema oscuro solo será visible en la página del webinar cuando esté activado el modo oscuro.
¡Importante! Se recomienda el formato SVG para garantizar la mejor calidad en cualquier tamaño en que aparezca el logotipo (también puedes 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.
Ve a «Personalización de marca», a la izquierda, en la pestaña «Webinars».
Haz clic en «Subir logotipo» y selecciona el archivo correcto.
La subida de iconos 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 será visible 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 será visible cuando esté activado el modo oscuro.
Colores del tema
Para cambiar el tema de los 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», a la izquierda, en la pestaña «Webinars».
Haz clic en «Colores del tema» y configura el tema de webinar predeterminado o los colores de tema personalizados.
No olvides hacer clic en «Actualizar tema de webinar» para guardar los cambios.
Tema de webinar
Aquí puedes establecer el tema visual predeterminado de tus webinars. Se aplica a las páginas en las que los participantes asisten al webinar. De forma predeterminada, nadie, incluidos presentadores, moderadores y espectadores, puede cambiar el tema que elijas, a menos que lo configures de otro modo.
¡Importante! Si está activada la casilla «Todos los participantes pueden alternar entre los modos claro y oscuro», el tema predeterminado de las páginas de registro y del webinar dependerá de los ajustes del dispositivo del asistente.
Cuando está activada la casilla «Todos los participantes pueden alternar entre los modos claro y oscuro», los visitantes pueden usar un botón para cambiar entre el modo oscuro y el claro.
Colores de tema personalizados
Aquí puedes configurar tus propios colores. De forma predeterminada, usamos el color principal y el color de acento como base. Los combinamos para crear una combinación agradable mediante la teoría del color.
¡Importante! Los cambios no se aplicarán hasta que los guardes. Asegúrate de que el tema personalizado esté activado y haz clic en «Actualizar colores del tema».
También puedes activar los colores exactos de la marca mediante «Usar colores exactos de la marca». Así, los colores principal y de acento se mantienen exactamente como los introduzcas, para que el entorno del webinar coincida con tu marca con precisión. Introduce los códigos HEX exactos de los colores principal y de acento y, a continuación, haz clic en «Actualizar tema de webinar» para guardar.
Para activar esta función, asegúrate de que la casilla esté marcada para impedir que los visitantes puedan cambiar entre el modo claro y el oscuro.
¡Importante! Los colores exactos de la marca pueden hacer que algunos botones, enlaces o textos sean más difíciles de ver en determinados temas.
Puedes obtener más información 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 usa «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», a la izquierda, en 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 usa 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 opción está disponible al añadir o editar un miembro del equipo del webinar en un webinar, sobre lo que 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», a la izquierda, en la pestaña «Webinars».
Añade CSS personalizado a tus páginas para darles un diseño propio y genérico. Se aplicará a todas las páginas de registro y para espectadores.
No olvides hacer clic en «Actualizar estilos» para guardar los cambios.
El CSS personalizado está disponible a partir del plan Enterprise.
¡Importante! 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 incrustados.
Consejos, trucos y referencias:
Prueba siempre tus páginas después de realizar un cambio.
Usa 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 dejen de funcionar.
Para saber qué elementos seleccionar, usa el «Inspector web» o las «Herramientas para desarrolladores» de Chrome o Firefox; haz clic en los elementos para averiguar su selector (p. ej., «.logo-balk») y aplicarle CSS personalizado.
Limpiamos el código CSS y extraemos el código no deseado. Si esto ocurre, revisa 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; }