Cómo personalizar el estilo de tu página
Puedes personalizar el diseño de tu sitio web para que se ajuste al estilo de tu marca. Crea una identidad visual eligiendo un esquema de colores primarios y fuentes para los elementos de tu sitio. La configuración que elijas en la sección "Estilo de página" se aplicará a todos los elementos.
Te recomendamos copiar elementos para mantener un estilo de diseño de página consistente sin personalización adicional.
También puedes leer: Personalización de la apariencia del elemento.
Haz clic en el icono del lápiz en la esquina superior izquierda para acceder a la configuración de estilo de tu página.
Selecciona "Personalizar" junto al elemento deseado.
Esquema de colores
Puedes elegir tu esquema de colores, estos serán los que usarás para la mayoría de los elementos de tu sitio.
También puedes configurar el esquema de color de cada elemento por separado:
| Claro | Se utiliza como fondo para los elementos del sitio oscuro. |
| Oscuro | Se utiliza como fondo para elementos de sitio claros. |
| Principal | Se utiliza para llamar la atención sobre tu marca y representar la identidad de la misma. |
| Secundario | Se utiliza para llamar la atención y complementar tu color primario. |
| Acento | Se utiliza para resaltar elementos únicos del sitio. |
Estilos de texto
Puedes elegir entre nuestras combinaciones de fuentes predefinidas o personalizar las fuentes de párrafo y encabezado para que coincidan con el estilo de tu sitio y mantengan la integridad del diseño.
Ve a la configuración de párrafo y encabezado para establecer fuentes para ellos por separado.
Selecciona la fuente, tamaño y mayúsculas y ajusta la altura y el ancho de tu línea.
Estilos de botón
Puedes seleccionar el estilo de tu botón en nuestra lista de estilos de botón predefinidos.
También puedes personalizar el estilo de ambos tipos de botón (primario y secundario). Para hacerlo, selecciona una fuente, un texto, un color de fondo y ajusta el contorno de tu botón.
| Principal | Se utiliza para los botones de "llamado al acción" de alta prioridad que necesitan atraer más atención. |
| Secundario | Se utiliza para los botones de menor importancia. Por default, su color es más tenue. |
También puedes agregar efectos hover para aumentar las conversiones y alentar a los visitantes a realizar alguna acción en tu página.
| Opacidad | La opacidad de tu botón cambiará de 100% al porcentaje especificado. |
| Sombra | Aparecerá una sombra alrededor de tu botón. |
| Color alternativo | La paleta de colores de tu botón cambiará.
Selecciona el texto, fondo y contorno que cambiará al pasar el cursor. |
Puedes editar elementos individuales, columnas y secciones, así como personalizar fuentes y ocultar bloques en la versión móvil sin afectar la versión de escritorio.
En la configuración de tu elemento, cambia a la versión móvil y deshabilita la sincronización de la versión.
Leer más: Cómo ajustar la versión móvil de tu sitio web.
Última actualización: 07.03.2024
o