Edita tu logo, favicono, tema y colores de marca

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. 

Nota: puede crear un kit de marca por cuenta. Si tiene el Complemento Branding, puede crear un kit de marca por Marca.

En tu configuración, establece tu logotipo y favicon, y tus colores de marca principal, secundario, de acento y adicional. Los colores de la marca aparecerán en el editor de contenidos, las páginas de programación, las cotizaciones y los canales de conversación, pero no aparecerán en las plantillas de ventas ni en los correos electrónicos. 

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 settings Configuración en la barra de navegación superior.
• En el menú de la barra lateral izquierda, haz clic en Valores predeterminados de la cuenta.
• Haz clic en la pestaña Branding. 
• Si utiliza el Complemento de Marcas, haga clic en el menú desplegable bajo Kit de marca y seleccione la Marca para la que desea actualizar el logotipo.

• Para agregar un nuevo logotipo, haga clic en + Añadir en la sección Logotipos.  
• Agrega tu nuevo logotipo:
  • 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 la documentación de desarrollador de HubSpot. 
• 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, haz clic en el menú desplegable Acciones y luego selecciona Eliminar.

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

Puede anular un logotipo predeterminado para un contenido específico en el editor de contenidos o en el Design Mánager. En el módulo Logotipo , haga clic para activar el interruptor Anular logotipo predeterminado y, a continuación, suba un logotipo.

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. 

Nota: puede añadir hasta 20 faviconos por Marca.

• En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
• En el menú de la barra lateral izquierda, haz clic en Valores predeterminados de la cuenta.
• Haz clic en la pestaña Branding. 

• Si utiliza el Complemento de Marcas, haga clic en el menú desplegable bajo Kit de marca y seleccione la Marca para la que desea actualizar el logotipo.

• Para añadir un nuevo favicono, haga clic en + Añadir en la sección Faviconos .

• Agrega tu nuevo favicono: 
  • Para agregar una imagen existente de la herramienta de archivos como favicono, haz clic en Examinar imágenes. En el panel derecho, haz clic en la imagen. 
  • Para agregar una nueva imagen como favicono, haz clic en Cargar y luego agrega una imagen desde tu computadora. Para obtener mejores resultados, tu favicono 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. 

• 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 en 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 settings Configuración en la barra de navegación superior.
• En el menú de la barra lateral izquierda, haz clic en Valores predeterminados de la cuenta.
• Haz clic en la pestaña Branding. 
• En la sección Kit de marca , haz clic en la pestaña Colores . 

• Si utiliza el Complemento de Marcas, haga clic en el menú desplegable bajo Kit de marca y seleccione la Marca para la que desea actualizar el logotipo.

• Para establecer los colores de tu marca:
  
  • Color principal: el color principal que se usa en tu marca. En Color principal, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. Luego haz clic en Guardar. Color principal es un campo obligatorio.
  • Color secundario: el segundo color más utilizado en tu marca. En Color secundario, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. Luego haz clic en Guardar.
  • Colores de acento: complementan los colores primario y secundario de tu marca. En Color de acento, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. Luego haz clic en Guardar. Puedes agregar hasta tres colores de acento.
  • Colores adicionales: no se utilizan automáticamente, pero estarán disponibles en los selectores de color y se podrán referenciar en las herramientas de desarrollo. Haz clic en Agregar add al lado de Colores adicionales, introduce un código hexadecimal o haz clic en el selector de color y selecciona un color. Luego haz clic en Guardar. Puedes agregar hasta dieciséis colores adicionales.
    • Para eliminar un color adicional, haz clic en eliminar delete junto al color que quieras eliminar y luego haz clic en Guardar.

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

Cambiar de tema

Un tema es un conjunto de plantillas, módulos, contenido global y ajustes de estilo que pueden utilizarse para crear un sitio web. Puedes editar páginas y entradas utilizando un tema en el editor de contenido y configurar las plantillas de blog para que utilicen un tema en los ajustes de tu blog.

Todas las cuentas tienen acceso al menos a un tema predeterminado de HubSpot. Los temas también pueden descargarse del mercado de plantillas.

Nota: las bases de conocimientos utilizan una versión modificada de los temas. Más información sobre la edición de los ajustes del tema de la Base de conocimientos.

Para cambiar de tema:

• En tu cuenta de HubSpot, haz clic en el icono de settings Configuración en la barra de navegación superior.
• En el menú de la barra lateral izquierda, haz clic en Valores predeterminados de la cuenta.
• Haz clic en la pestaña Branding. 

• Si utiliza el Complemento de Marcas, haga clic en el menú desplegable bajo Kit de marca y seleccione la Marca para la que desea actualizar el logotipo.

• En la sección Kit de marca , haga clic en la pestaña Temas . 
• Junto al tema, haga clic en Acciones y seleccione una de las siguientes opciones:
  • Seleccione Cambiar tema para seleccionar un tema diferente.
    • Aparecerán los temas disponibles. Haga clic en Establecer como tema activo junto al tema que desea utilizar para su marca. 
    • Haga clic en Ver temas en el Mercado para ver otros temas disponibles para descargar.
  • Seleccione Editar para modificar los ajustes del tema.
  • Selecciona Vista previa para previsualizar el aspecto de tu tema.