Ir a contenido principal
Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.

Editar tu logotipo, favicon y colores de marca

Última actualización: marzo 25, 2024

Disponible con cualquiera de las siguientes suscripciones, a no ser que se indique de otro modo:

Todos los productos y planes

Los usuarios con acceso al permiso Editar valores predeterminados de la cuenta pueden editar el logotipo, el favicon y los colores de tu marca en tu kit de marca. 

Por favor, ten en cuenta: Para ayudarte a gestionar los logotipos y faviconos de tu marca en todo el contenido desde un solo lugar, HubSpot trasladará todas las configuraciones de marca de Website > Páginas > Branding a Brand Kit settings en un despliegue gradual que comenzará el 8 de abril de 2024 y finalizará en junio. Aunque es posible que tu cuenta no se incluya en las primeras fases, te aconsejamos que establezcas el logo y el favicono principales que desees antes de que comience el despliegue. HubSpot migrará automáticamente los logotipos y favicons específicos del dominio de las páginas de marca a los kits de marca, conservando su asociación con el dominio. Si el logotipo principal o el favicono de tu kit de la marca están vacíos en la fecha en que tu cuenta se incluya en el despliegue, y tienes un logotipo o favicono predeterminado en la configuración de las páginas, migraremos ese logotipo o favicono a tu kit de la marca.

Editar tu logotipo

En la configuración de tu cuenta, puedes editar tu logotipo predeterminado. Puedes anular este logotipo para contenidos individuales. 

  • En tu cuenta de HubSpot, haz clic en el icono de Configuración settings en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, haz clic en Valores predeterminados de la cuenta.
  • Haz clic en la pestaña Branding
  • Haz clic en el kit de marca que deseas editar. 
  • Agrega tu nuevo logotipo en la sección Logotipos
    • Para usar como logotipo una imagen que ya tengas en la herramienta de archivos, haz clic en Explorar imágenes. En el panel derecho, haz clic en la imagen
    • Para agregar una nueva imagen, haz clic en Cargar y luego agrega una imagen desde tu computadora. 
  • En el campo Nombre del logotipo, escribe un nombre para el logotipo. Este campo es obligatorio. 
  • En el campo Texto alternativo del logotipo, introduce una descripción de tu logotipo para los motores de búsqueda y los lectores de pantalla. Esto mejorará la accesibilidad y el SEO de tu sitio. Más información sobre la accesibilidad del sitio web en nuestra documentación de desarrollador
  • En el campo URL del logotipo , introduce una URL si deseas que se pueda hacer clic en tu logotipo.
  • Para cambiar el tamaño de tu logotipo, introduce una nueva dimensión en el campo Anchura o Altura . El otro campo se ajustará automáticamente para mantener las proporciones de la imagen.
  • Para agregar otro logotipo, haz clic en + Agregar en la parte inferior de la sección Logotipos .
  • Para eliminar una imagen existente, coloca el cursor sobre ella y haga clic en la X de la esquina superior derecha. Para eliminar un logotipo adicional, haz clic en el menú desplegable Acciones y selecciona Para eliminar un logotipo adicional,.
edit-logo
  • Cuando hayas terminado de editar el logotipo, haz clic en Guardar en la parte inferior izquierda.
Puedes anular un logotipo predeterminado para un contenido específico en el editor de contenidos o en el administrador de diseño. En el módulo Logotipo , haz clic para activar el interruptor Anular logotipo predeterminado y luego carga un logotipo. override-default-logo-in-content-editor

Edita el favicon

En configuración de la cuenta puedes personalizar el favicon de tu sitio web, la pequeña imagen en una pestaña del navegador junto al título de la página. Tu favicon solo se aplicará al contenido alojado en HubSpot. 

  • En tu cuenta de HubSpot, haz clic en el icono de Configuración settings en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, haz clic en Valores predeterminados de la cuenta.
  • Haz clic en la pestaña Branding
  • Haz clic en el kit de marca que deseas editar. 
  • Para agregar un nuevo favicon, haz clic en + Agregar en la sección Favicon
  • Agrega tu nuevo favicon: 
    • Para agregar una imagen existente de la herramienta de archivos como favicon, haz clic en Examinar imágenes. En el panel derecho, haz clic en la imagen
    • Para agregar una nueva imagen como favicon, haz clic en Cargar y luego agrega una imagen desde tu computadora. 

Nota: para obtener mejores resultados, tu favicon debería guardarse como una imagen de 48 por 48 píxeles en uno de estos formatos de archivos: .ico, .gif, .png, .

  • En el campo Nombre de favicon, introduce el nombre de tu favicon. 

add-favicon

  • Cuando hayas terminado de editar tu favicon, haz clic en Guardar en la parte inferior izquierda. 

Editar los colores de tu marca

Puedes establecer colores de marca en tu configuración que aparecerán en el editor de contenidos, así como páginas de programación, cotizaciones y canales de conversaciones. Los colores de la marca no aparecerán en las plantillas de ventas ni en los correos electrónicos. 

  • En tu cuenta de HubSpot, haz clic en el icono de Configuración settings en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, haz clic en Valores predeterminados de la cuenta.
  • Haz clic en la pestaña Branding
  • Haz clic en el kit de marca que deseas editar. 
  • En la sección Mi kit de marca , haz clic en la pestaña Colores
  • Para establecer tu color principal, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. El color principal se utiliza en las páginas de programación, las cotizaciones y los canales de conversaciones.
  • Para agregar más colores de marca, haz clic en + Agregar y luego introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. Para eliminar un color que no es el principal, haz clic en el icono de eliminación delete situado junto a él. 

select-brand-colors

  • También puedes importar colores de una página activa que ya utilice los colores de tu marca: 
    • Haz clic en Importar desde URL.
    • En el cuadro de diálogo, introduce la URL de una página con los colores de tu marca. 
    • Cuando finalice el escaneado, desactiva la casilla de verificación junto a cualquier color que no desees importar y luego haz clic en Importar

import-colors

¿Te resultó útil este artículo?
Este formulario se utiliza solo para recibir comentarios a la documentación. Cómo recibir ayuda con HubSpot.