Puedes personalizar cualquier sección de tu sitio web para que se adapte a tu estilo: ajusta cómo se muestra, cambia el fondo (color, patrones, imágenes o video), añade efectos visuales y crea transiciones suaves entre secciones usando divisores de forma.
Para editar una sección:
- Ve a la sección que quieres cambiar.
- Haz clic en el icono de engranaje de la sección.
- Elige una de las pestañas disponibles: Configuración, Fondo o Divisores de forma (las opciones varían según el diseño).
Configuración de la sección
La pestaña Configuración controla cómo se ve y funciona la sección.
Nota: La configuración disponible depende del tipo de página y del diseño seleccionado.
Configuraciones comunes
- Mostrar/Ocultar título de la sección
Muestra u oculta el título de la sección.
- Número de elementos en una fila
Elige cuántos elementos aparecen por fila.
Disponible solo en páginas con elementos internos y en ciertos diseños.
- Color del cuadro de diseño
Establece el color de fondo del cuadro de texto.
Disponible solo en diseños que incluyen un cuadro de texto.
- Visualización en móvil
Controla cómo aparece la sección en dispositivos móviles.
Disponible solo en páginas con elementos internos y en ciertos diseños.
Configuración de la página de inicio y de la página Promo
La página de inicio y las páginas Promo incluyen opciones adicionales específicas de la sección:
- Posición del texto
Elige dónde aparece el texto (dirección/alineación).
- Altura mínima
Establece la altura de la sección (30%–100%).
- Ancho de la imagen
Controla cómo se muestra una imagen.
Disponible solo en ciertos diseños.
- Animación de imagen (parallax)
Añade una animación de desplazamiento a la imagen de fondo.
Disponible solo en ciertos diseños.
- Estilo de caja
Añade un borde al cuadro de texto.
Disponible solo en diseños con cuadros de texto.
Fondo de la sección
La pestaña Fondo te permite dar estilo al fondo de la sección usando un color, un patrón, una imagen o un video.
Nota: Las opciones de fondo solo están disponibles en diseños específicos.
Color de fondo (icono de pincel)
Usa el icono de pincel para elegir un color de fondo para la sección.
Patrones (icono de cuadrícula)
Usa el icono de cuadrícula para añadir un patrón y luego personalízalo:
- Color de fondo del diseño
Cambia el color de fondo que queda debajo del patrón.
- Tema de color
Define el estilo de color del patrón:- Principal: variaciones de los colores principales de tu sitio web
- Contraste: una variación en contraste del color principal
- Mono: un patrón de un solo color
- Opacidad de la forma
Controla la transparencia de los elementos del patrón.
- Animar + Velocidad de animación
Activa la animación del patrón y ajusta su velocidad.
Imagen de fondo (icono de imagen)
Usa el icono de imagen para añadir una imagen de fondo desde la biblioteca o sube la tuya propia, y luego ajusta:
- Opacidad
Controla la transparencia de la imagen.
- Efecto
Elige cómo se muestra la imagen: Normal, Difuminado o Blanco y negro artístico.
- Parallax
Añade una animación de desplazamiento a la imagen de fondo. Puedes elegir entre una lista de direcciones, como Arriba, Abajo, Arriba a la izquierda, Abajo a la derecha y más.
Disponible solo al usar el estilo de imagen Cubrir. - Estilo
Elige cómo la imagen llena la sección:- Cubrir: llena la sección
- Duplicar: repite la imagen a lo largo del fondo
- Contener: coloca la imagen dentro de un área específica
- Posición
Define dónde aparece la imagen.
Disponible solo para los estilos Duplicar y Contener.
- Color del texto
Define el color del texto para esa sección (útil para mejorar la legibilidad sobre imágenes).
Video de fondo (icono de cámara de video)
Usa el icono de cámara de video para añadir un video desde la biblioteca o sube el tuyo propio, y luego ajusta:
- Opacidad
- Efecto: Normal, Difuminado o Blanco y negro artístico
- Color del texto
Usa los Divisores de forma para crear una transición suave y con estilo entre secciones.
- Abre el menú del icono de engranaje de la sección.
- Ve a Divisores de forma.
- Elige un estilo de divisor.
- Usa el control deslizante Altura para ajustar su tamaño.
El divisor se añade en la parte inferior de la sección seleccionada. Para un flujo visual más completo, también puedes añadir un divisor a la sección superior.
Nota
La configuración de la sección, el diseño del fondo y los divisores de forma no están disponibles actualmente para la Tienda online (E-commerce Store).
