Ir al contenido principal

Herrada

Configure tu logotipo, temas y CSS personalizado para adaptarlos a tu marca.

Escrito por Maria

Aquí puede cargar tu logotipo, configurar el tema de tu webinar y agregar CSS personalizado a tus páginas.

Logotipo

Para cargar un logotipo, siga estos pasos:

  1. Haz clic en 'Cuenta' en la esquina superior derecha.

  2. A continuación, haga clic en 'Mi cuenta' en el menú desplegable.

  3. Navegue hasta 'Marca' en el lado izquierdo debajo de la pestaña 'Webinars'.

  4. Haz clic en 'Subir logotipo' y seleccione el archivo correcto.

Puedes cargar 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 en la esquina superior izquierda de la página del webinar cuando el modo claro esté habilitado. El logotipo del tema oscuro solo es visible en la página del webinar cuando el modo oscuro está habilitado.

Upload light theme and dark theme logos

¡Ten en cuenta! SVG para garantizar la mejor calidad en cualquier tamaño en el que aparezca el logotipo (también se pueden cargar archivos .png transparentes). Los archivos de imagen cargados (.png) deben tener un mínimo de 70 píxeles de altura.

Icono

Para cargar un ícono, siga los siguientes pasos:

  1. Haz clic en 'Cuenta' en la esquina superior derecha.

  2. A continuación, haga clic en 'Mi cuenta' en el menú desplegable.

  3. Navegue hasta 'Marca' en el lado izquierdo debajo de la pestaña 'Webinars'.

  4. Haz clic en 'Subir logotipo' y seleccione el archivo correcto.

La carga de un ícono está disponible en el plan Enterprise. Puedes cargar dos íconos: uno para el modo claro y otro para el modo oscuro. El ícono del tema claro será visible en la aplicación de transmisión móvil y en el navegador como favicon cuando el modo claro esté habilitado. El ícono del tema oscuro solo es visible cuando el modo oscuro está habilitado.

Upload light theme and dark theme icons

Colores del tema

Para cambiar el tema del webinar para tus webinars, siga los siguientes pasos:

  1. Haz clic en 'Cuenta' en la esquina superior derecha.

  2. A continuación, haga clic en 'Mi cuenta' en el menú desplegable.

  3. Navegue hasta 'Marca' en el lado izquierdo debajo de la pestaña 'Webinars'.

  4. Haz clic en 'Colores de tema' y configure tu tema de webinar predeterminado o colores de tema personalizados.

  5. No olvide hacer clic en 'Actualizar tema del webinar' para guardar los cambios.

Tema del webinar

Aquí puede configurar el tema visual predeterminado para tus webinars. Esto se aplica a las páginas donde los participantes del webinar participan en tu webinar. De forma predeterminada, nadie puede cambiar el tema que elijas, ni los presentadores, moderadores ni espectadores, a menos que configures lo contrario.

Setting up the Standard webinar theme in WebinarGeek

¡Ten en cuenta! Si la casilla de verificación "Todos los participantes pueden alternar entre el 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 de verificación "Todos los participantes pueden alternar entre el modo claro y oscuro" está activada, los visitantes pueden usar un botón para cambiar entre el modo oscuro y claro.

The button participants can use to toggle between light and dark mode

Colores de tema personalizados

Aquí puedes configurar tus propios colores. Los mezclaremos y combinaremos para crear una combinación agradable. No usaremos los colores exactos que usted elija porque nos basamos en la teoría del color para encontrar la mejor combinación.

¡Ten en cuenta! Los cambios no se aplicarán hasta que presione guardar. Asegúrate de que el tema personalizado esté habilitado y haga clic en 'Actualizar colores del tema'.

Setting custom theme colors in WebinarGeek

Puedes leer más sobre los temas de los webinars en este artículo.

Etiqueta de miembro del equipo

Durante tus webinars, los miembros del equipo del webinar tendrán una etiqueta junto a tu nombre. De forma predeterminada se utiliza 'Equipo', pero puede personalizar la etiqueta predeterminada con los siguientes pasos:

  1. Haz clic en 'Cuenta' en la esquina superior derecha.

  2. A continuación, haga clic en 'Mi cuenta' en el menú desplegable.

  3. Navegue hasta 'Marca' en el lado izquierdo debajo de la pestaña 'Webinars'.

  4. Desplázate hacia abajo hasta 'Etiqueta de equipo' e ingrese una etiqueta con hasta 20 caracteres.

  5. No olvides hacer clic en 'Actualizar cuenta' para guardar los cambios.

Set a custom team member label

La etiqueta que configura aquí se usa para todos los miembros del equipo del webinar de forma predeterminada, pero también puede agregar etiquetas de miembros individuales del equipo.

Etiquetas de miembros individuales del equipo

Los propietarios de cuentas pueden aplicar etiquetas individuales a miembros separados del equipo del webinar. Esta es una opción cuando agrega o edita un miembro del equipo del webinar en un webinar, sobre la cual puede leer más en este artículo.

CSS personalizado

Para agregar CSS personalizado a tus páginas, siga los siguientes pasos:

  1. Haz clic en 'Cuenta' en la esquina superior derecha.

  2. A continuación, haga clic en 'Mi cuenta' en el menú desplegable.

  3. Navegue hasta 'Marca' en el lado izquierdo debajo de la pestaña 'Webinars'.

  4. Agregue CSS personalizado a tus páginas para darles un diseño propio genérico. Esto se aplica a todas las páginas de registro y visualización.

  5. No olvides hacer clic en 'Actualizar estilos' para guardar los cambios.

CSS personalizado está disponible en el plan Enterprise.

¡Ten en cuenta! Los CSS personalizados son limitados. Por ejemplo, puede aplicar una fuente diferente, pero los colores de los elementos los definimos nosotros. Actualmente, las fuentes personalizadas no se aplican para insertar formularios.

Consejos, trucos y referencias:

  • Siempre pruebe tus páginas después de realizar un cambio.

  • Utilice la función @import para cargar fuentes externas (https) como fuentes.

  • No cargue estilos para elementos interactivos como el reproductor de video para evitar que algo funcione.

  • Para saber qué elementos seleccionar, utilice el 'Inspector web' o la 'Barra de herramientas para desarrolladores' en Chrome o Firefox para hacer clic en los elementos y descubrir tu selector (por ejemplo, ".logo-balk") para seleccionar CSS personalizado.

  • Limpiamos el código CSS y extraemos el código no deseado; si esto sucede, verifique tu sintaxis y 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; }
¿Ha quedado contestada tu pregunta?