Última actualización: julio 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.
En la configuración, establezca su logotipo y favicon, y sus colores de marca primario, secundario, de acento y adicional. Los colores de la marca aparecerán en el editor de contenidos, las páginas de programación, los presupuestos 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 las páginas de programación, citas y canales de conversación. Los colores de la marca no aparecerán en las plantillas de ventas y 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 su marca:
- Color primario: el color principal utilizado en su marca. En Color primario, introduzca un código hexadecimal o haga clic en el selector de color y seleccione un color . Luego haz clic en Guardar. Color primario es un campo obligatorio.
- Color secundario: el segundo color más utilizado en su marca. En Color secundario, introduzca un código hexadecimal o haga clic en el selector de color y seleccione un color . Luego haz clic en Guardar.
- Colores de acento: complementan los colores primario y secundario de su marca. En Accent color, introduzca un código hexadecimal o haga clic en el selector de color y seleccione un color . Luego haz clic en Guardar. Puede añadir hasta tres colores de acento.
- Colores adicionales: no se utilizan automáticamente, pero estarán disponibles en los selectores de color y podrán consultarse en las herramientas de desarrollo. Haga clic en Añada junto a Colores adicionales, introduzca un código hexadecimal o haga clic en el selector de colores y seleccione un color . A continuación, haga clic en Guardar. Puede añadir hasta dieciséis colores adicionales.
- Para eliminar un color adicional, haga clic en eliminar junto al color que desea eliminar y, a continuación, haga clic en Guardar.
Nota:
Si su sitio hace referencia a un color que no está establecido en la configuración de la marca, utilizará la lógica fallback:- El color secundario será por defecto el primer color adicional disponible.
- El primer color de acento será por defecto el segundo color adicional.
- El segundo color de acento será por defecto el tercer color adicional.
- El tercer color de acento será por defecto el cuarto color adicional.
- Si no se establecen colores adicionales, utilizará un valor de color por defecto. Si no se establece ningún color por defecto, se 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.
