Última actualización: agosto 7, 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 su marca en su kit de 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 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.
- Haz clic en el kit de marca que deseas editar.
- 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.
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 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.
- 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.
- 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 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.
- 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 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 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 junto al color que quieras eliminar y luego haz clic en Guardar.
Nota:
Si tu sitio hace referencia a un color que no está establecido en la configuración de la marca, utilizará una lógica alternativa:- El color secundario será por opción predeterminada el primer color adicional disponible.
- El primer color de acento pasará por opción predeterminada al segundo color adicional.
- El segundo color de acento será por opción predeterminada el tercer color adicional.
- El tercer color de acento será por opción predeterminada el cuarto color adicional.
- Si no se establecen colores adicionales, utilizará un valor de color predeterminado. Si no se establece ningún color predeterminado, utilizará el color primario como alternativa.
- 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.
