Personalizar la marca de tu portal

Logo

1. Abre Centro de ayuda en la navegación principal y ve a la pestaña Configuración.
2. En Marca, haz clic en Subir junto a Logo y elige un archivo PNG, JPG, WebP o AVIF de hasta 1 MB.

El logo aparece a la izquierda del encabezado del centro de ayuda. Un logo cuadrado se ubica junto al nombre de tu portal; un logo ancho que ya incluye tu nombre lo reemplaza. Usa Reemplazar para subir un archivo nuevo y Quitar logo para volver a mostrar solo el nombre. No se aceptan archivos SVG.

Imagen principal

La imagen principal es la imagen ancha que va detrás del título y la búsqueda en la página de inicio de tu centro de ayuda. Las páginas de artículos, categorías y búsqueda muestran una franja de ella debajo del encabezado. Súbela en Marca > Imagen principal: PNG, JPG, WebP o AVIF, de hasta 3 MB. Con al menos 1600 píxeles de ancho se ve nítida en pantallas grandes. Sin imagen, esa zona usa un degradado suave en tu color de marca.

¿No tienes una imagen propia? En O elige una de nuestras pinturas puedes elegir una de las 9 pinturas del sitio web de Deskwoot, como Lago con muelle o Globo al amanecer. En celulares, una versión vertical llena la franja cuando existe. Si el texto sobre la imagen es claro u oscuro, qué tan fuerte es la sombra encima y qué parte queda a la vista se define en Apariencia; consulta Personalización avanzada de la marca del centro de ayuda.

Color de marca

El color de marca se usa en enlaces, botones y otros detalles de todo tu centro de ayuda, y en el ícono de la pestaña del navegador cuando no defines un favicon. Escribe un código hexadecimal como #1A73E8 o usa el selector de color. Elige un color con suficiente contraste sobre el blanco, para que los enlaces se lean con facilidad.

Enlaces del encabezado

En Enlaces del encabezado agregas hasta 6 enlaces al encabezado del centro de ayuda, por ejemplo para volver a tu sitio web, ir a tu app o a una página de inicio de sesión. Para cada enlace defines:

• una Etiqueta y una dirección que empiece con https:// o mailto:,
• un estilo: Enlace del menú (junto al logo), Enlace a la derecha o Botón (un botón con relleno a la derecha).

Haz clic en + Agregar enlace para agregar una fila y usa las flechas para cambiar el orden. Un enlace se guarda en cuanto tiene una etiqueta y una dirección válida. Con las pestañas de idioma (EN, DE, ES, FR, PT) le das a cada etiqueta su propia traducción. Una etiqueta sin traducción se muestra en inglés. En pantallas pequeñas, los enlaces pasan al menú.

Fuentes

• Fuente, en Apariencia, define la fuente de todo el centro de ayuda: Predeterminada del sistema, Instrument Sans, Inter, Roboto, Open Sans, Lato, Poppins, Montserrat, Nunito, Source Sans o Plus Jakarta Sans.
• Fuente de títulos define los títulos de las páginas y de las secciones. Igual que la fuente de la página es la opción predeterminada.
• Fuente de lectura define la fuente del texto de tus artículos. Igual que la fuente de la página mantiene una sola fuente en todas partes. Literata es una fuente con serifas, tranquila y pensada para leer textos largos, y aquí también puedes elegir cualquier fuente de página.
• Tus propias fuentes: haz clic en Subir una fuente y agrega la fuente de tu marca como archivo WOFF2, WOFF, TTF u OTF, de hasta 2 MB cada uno, con su nombre y grosor. Luego aparece en las listas de fuentes de arriba, así que puedes usarla para el texto de la página, los títulos o tus artículos. Tu CSS personalizado también puede usarla por su nombre. Sube solo fuentes cuya licencia permita usarlas en la web.

Correo de soporte

Escribe un Correo de soporte y tu centro de ayuda lo ofrece en ¿Aún necesitas ayuda?, para que los visitantes puedan contactar a una persona. Cuando el widget de chat está desactivado, también es el camino hacia tu equipo debajo de una respuesta de IA en la búsqueda. Déjalo vacío para no mostrar ninguna dirección de correo.

Favicon, título y subtítulo

El Favicon es el ícono de la pestaña del navegador. En Marca, haz clic en Subir junto a Favicon y elige un PNG o WebP cuadrado de 32 a 1024 píxeles de ancho, de hasta 256 KB. Sin favicon, la pestaña muestra la primera letra del nombre de tu portal sobre tu color de marca, y tu centro de ayuda nunca muestra el ícono de Deskwoot. El Título de la página es el título grande de la página de inicio, y el Subtítulo es la línea que va debajo.

Dominio propio y marca blanca (Enterprise)

Tu centro de ayuda está en your-slug.deskwoot.com. Con el plan Enterprise puedes usarlo en un dominio tuyo, como help.yourcompany.com, con un certificado SSL gratis. Consulta Configurar un dominio propio para tu centro de ayuda. Enterprise también puede ocultar “Con tecnología de Deskwoot” en el pie de página; consulta Marca blanca para tu centro de ayuda. El tema y los colores, el texto, la sombra y el recorte de la imagen principal, las esquinas, el estilo del encabezado, los íconos de las colecciones, las partes de las páginas de artículos, tus propios títulos de sección, el CSS personalizado y tu propio HTML de encabezado o pie de página están en Personalización avanzada de la marca del centro de ayuda.

Preguntas frecuentes

¿Puedo subir mi logo?

Sí. En la pestaña Configuración, en Marca, sube un archivo PNG, JPG, WebP o AVIF de hasta 1 MB. Aparece en el encabezado del centro de ayuda.

¿De qué tamaño debe ser la imagen principal?

Ancha, de al menos 1600 píxeles de ancho y de hasta 3 MB. Va detrás del título y la búsqueda, así que funciona mejor una imagen tranquila sin texto.

¿Puedo usar una imagen sin subir una?

Sí. Elige una de nuestras pinturas en Marca > O elige una de nuestras pinturas. Puedes cambiar a una imagen que subas tú en cualquier momento.

¿Los enlaces del encabezado pueden llevar a la página de inicio de sesión de mi app?

Sí. Funciona cualquier dirección que empiece con https://, y mailto: para un enlace de correo. Elige Botón para que destaque.

¿Los enlaces del encabezado cambian con el idioma?

Sí, si los traduces. Usa las pestañas de idioma en Enlaces del encabezado para darle a una etiqueta su versión en alemán, español, francés o portugués. Sin traducción, se muestra la etiqueta en inglés.

¿Qué cambia la fuente de lectura?

Solo el texto de tus artículos. Los encabezados, los menús y la página de inicio mantienen la fuente de la página.

¿Por qué no se acepta SVG para el logo?

Un archivo SVG puede contener scripts, y nada limpia un SVG subido. Mejor guarda tu logo como PNG o WebP.

¿Puedo deshacer un cambio de marca?

En parte. El historial de diseño en la pestaña Diseño guarda los cambios del color de marca, el título de la página, el subtítulo, los enlaces del encabezado, el CSS personalizado, las secciones de la página de inicio y las opciones de aspecto en Apariencia, como las esquinas y el texto sobre la imagen principal. El logo, la imagen principal, las fuentes, los colores del tema, el favicon y el correo de soporte no forman parte de él.

¿El color de marca cambia mi widget de chat?

No. El widget de chat tiene su propia configuración de apariencia en tu bandeja de entrada de chat en vivo. Consulta Personalizar tu widget de chat.