Sitio web · 5 min de lectura
Diseñar tu web con el personalizador: logo, colores, fuentes y menú
No tienes que esperar a un diseñador para cambiar el aspecto de tu web. El personalizador muestra cada cambio en una vista previa en vivo a su lado, y cuando te guste lo que ves, un botón lo publica.
En resumen
- El personalizador se abre a pantalla completa en una pestaña nueva desde Diseño › Personalizar; los ajustes están a la izquierda y una vista previa en vivo de tu web, a la derecha.
- El logo, el icono del sitio, los colores, las fuentes, el menú y las secciones de la página de inicio se editan desde la misma pantalla.
- Los visitantes no ven ningún cambio hasta que haces clic en Publicar, así que puedes probar con libertad en la vista previa.
- El personalizador en vivo también está incluido en el plan gratuito Starter.
Una web causa su primera impresión en pocos segundos: un logo, unos colores y una fuente legible transmiten “este es un negocio serio”. El personalizador del panel de empresa de Heyşirket te permite configurar todo esto sin código, viendo el resultado al instante. Este artículo recorre todo el proceso, desde abrir el personalizador hasta publicar.
- Abrir — Diseño › Personalizar
- Editar — Logo, colores, fuentes, menú
- Vista previa — Los cambios se ven al momento
- Publicar — Los visitantes ven el nuevo aspecto
Parte 1 Abrir el personalizador
Entra en tu panel de empresa y elige Diseño › Personalizar en el menú de la izquierda. El personalizador se abre a pantalla completa en una pestaña nueva, así que el resto del panel espera en segundo plano mientras trabajas en un espacio amplio. Los paneles de ajustes están a la izquierda y una vista previa en vivo de tu web, a la derecha.
Parte 2 Logo e icono del sitio
Subir tu logo
Abre el panel Logo e icono del sitio
Elige Logo e icono del sitio en la lista de la izquierda.
Elige tu logo
Selecciona el archivo de tu logo desde tu ordenador o desde la biblioteca de medios. Un logo horizontal con fondo transparente se ve más limpio en el menú superior.
Añade un icono del sitio
El icono del sitio es la imagen cuadrada pequeña que aparece en la pestaña del navegador y cuando tu web se añade a la pantalla de inicio del móvil. Usar solo el símbolo de tu logo como cuadrado funciona bien.
Parte 3 Colores y fuentes
En los ajustes de color, normalmente eliges un color principal (para botones y enlaces) y tonos que lo complementen. Si tienes un color de marca, úsalo como principal; si no, usar el color dominante de tu logo da un aspecto coherente. Un color principal muy claro sobre fondo claro hace difícil leer el texto, así que comprueba siempre en la vista previa que el texto de los botones se lea bien.
Para las fuentes, en lugar de buscar fuente por fuente, eliges entre combinaciones de fuentes ya hechas. Cada combinación está formada por dos fuentes que van bien juntas: una para los títulos y otra para el texto:
| Combinación | Ideal para |
|---|---|
| Moderna | Tecnología, startups y marcas jóvenes |
| Clásica | Un aspecto elegante, de revista |
| Cálida | Negocios con un tono cercano y suave |
| Sencilla | Una sola familia para un aspecto equilibrado y tranquilo |
| Robusta | Títulos marcados y texto legible |
| Lectura | Sitios centrados en blogs y contenido largo |
| Más rápida | La fuente propia del dispositivo; no se cargan archivos extra, así que las páginas se abren más rápido |
Parte 4 Editar el menú
El menú es la forma en que los visitantes se orientan en tu web. Desde el panel de menú del personalizador puedes añadir páginas al menú, cambiar su orden y acortar sus nombres. Un buen menú es corto: para la mayoría de webs de pequeños negocios bastan Inicio, Servicios, Sobre nosotros, Blog y Contacto.
- Usa nombres de una o dos palabras en el menú; los nombres largos se parten en dos líneas en el móvil.
- Pon tu acción más importante (por ejemplo, Contacto o Pedir cita) al final del menú; ahí es donde los visitantes están acostumbrados a mirar.
- Pasa las páginas que se visitan poco del menú al pie de página.
Parte 5 Vista previa y publicación
También puedes reordenar, mostrar y ocultar las secciones de tu página de inicio desde el mismo personalizador; para más detalles, consulta nuestro artículo sobre secciones de la página de inicio. Cuando estés conforme con los cambios, haz clic en Publicar. Publicar es un solo botón: todos los cambios que hayas hecho hasta ese momento se publican en tu web a la vez.
Lista de comprobación antes de publicar
- ¿Tu logo se lee bien tanto sobre fondo claro como oscuro?
- ¿El texto de los botones se lee bien sobre el color principal?
- ¿Cada enlace del menú lleva a la página correcta?
- ¿Has revisado también la vista previa en tamaño móvil?
¿El personalizador tiene coste?
No. El personalizador en vivo también está incluido en el plan gratuito Starter. El constructor de páginas y todos los tipos de sección vienen con el plan Professional; para más detalles, mira la página de Precios.
¿Pierdo mis cambios si salgo sin publicar?
Los cambios que no has publicado no son visibles para los visitantes. Para estar seguro, acostúmbrate a hacer clic en Publicar al terminar de trabajar.
¿Y si quiero un aspecto completamente distinto?
Puedes elegir otro tema en la pantalla Diseño › Temas. Si quieres diseñar cabeceras, pies de página y plantillas desde cero, el constructor de temas del plan Professional está pensado para eso.
Abre el personalizador Sube tu logo, elige tu color y tu fuente, y mira el resultado en la vista previa en vivo. Ir a Personalizar
Autor: Equipo editorial de Heyşirket