Editor de Wix: agregar y configurar una franja
5 min de lectura
En este artículo
- Agregar una franja
- Agregar elementos a la franja
- Ajustar la alineación de la franja
- Cambiar el fondo de la franja
- Personalizar la franja
Usa franjas de ancho total para estructurar el contenido y divídelas en secciones horizontales, creando una sensación profesional. Elige entre una variedad de elementos para agregar a las franjas y personaliza el fondo con un color, una imagen o un video.
Agregar una franja
Agrega una franja para comenzar a estructurar tu página. Puedes usar franjas para dividir el contenido y la información de la página. Las ideas populares para franjas incluyen detalles de contacto y listados de precios.
Consejo:
Las franjas se ven particularmente bien en sitios de una sola página.
Para agregar una franja:
- Ve al editor.
- Haz clic en Agregar elementos a la izquierda del editor.
- Haz clic en Franja.
- Selecciona el tipo de franja que deseas agregar.
- Arrastra uno de los elementos de franja a la página.
![Captura de pantalla de la selección de una franja en el panel del editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/70898dd7-09fa-4d2f-a5a4-2b40f30b6db1/6e65741d-5e09-4191-aea5-a4cec9013679.png)
Agregar elementos a la franja
Crea tu franja agregando contenido relevante. Una vez que los elementos se han adjuntado a la franja, puedes mover fácilmente la franja junto con los elementos por las páginas del sitio.
Antes de comenzar:
Cambia el tamaño de la franja o del elemento para que quepa dentro de la franja antes de intentar adjuntarlo.
Para agregar elementos a la franja:
- Ve al editor.
- Arrastra el elemento sobre la franja.
- Suelta el elemento cuando veas el mensaje Adjuntar a la franja.
![GIF de arrastrar un elemento a una franja.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/09/15/7ad03664-c2e4-4403-9475-e39cceb068d6/45bd0255-715e-41ae-8ce2-7969cb1768f6.gif)
Ajustar la alineación de la franja
Elige cómo se alinea el contenido de la franja en el sitio para asegurarte de que los visitantes siempre puedan ver la información importante y relevante. Es posible que desees cambiar la alineación para organizar el contenido con un estilo diferente.
Importante:
Solo puedes cambiar la alineación del contenido de la franja si la franja no contiene columnas.
Para ajustar la alineación de las franjas:
- Ve al editor.
- Haz clic en la franja de la página.
- Haz clic en el icono Estilo .
- Selecciona un estilo:
- Centro: el contenido se alinea con el centro de la franja.
- Izquierda: el contenido se alinea a la izquierda de la franja.
- Derecha: el contenido se alinea a la derecha de la franja.
![Captura de pantalla de la selección de un estilo para la franja en el editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/1706cf8f-f5d8-40fd-af20-0715c2212fc0/0a79427f-dc15-4d4a-bab2-459d45e29ccf.png)
Cambiar el fondo de la franja
Elige un fondo para que la franja se adapte al estilo de tu sitio. Hay muchos tipos de opciones disponibles. Puedes elegir entre una variedad de colores, imágenes o videos.
Para cambiar el fondo de la franja:
- Ve al editor.
- Haz clic en la franja de la página.
- Selecciona Cambiar fondo y elige una de las siguientes opciones:
- Color: elige entre una variedad de colores para que coincida con la paleta de tu sitio o crea algo llamativo.
- Imagen: selecciona entre una variedad de imágenes gratuitas sorprendentes o carga las tuyas.
- Video: elige un video llamativo gratuito de Wix o sube el tuyo a través del Administrador de multimedia.
- Crear imagen con IA: genera una imagen personalizada con el Creador de imágenes con IA.
![Captura de pantalla de la selección de un fondo de franja.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/ece9984a-bf4c-493f-8713-ae9731da8422/ab9c7ed2-4a11-48b7-a3a2-f02849df8215.png)
Importante:
Una franja se extiende automáticamente al ancho de tu sitio. Sin embargo, puedes cambiar el ancho haciendo clic en el icono Estirar
. La altura máxima de una franja es de 15 000 px.
Personalizar la franja
Puedes personalizar la franja para que se vea exactamente como quieres. Personaliza los ajustes, como el borde, las esquinas y el sombreado, para que coincidan perfectamente con tu sitio.
Para personalizar la franja:
- Ve al editor.
- Haz clic en la franja de la página.
- Haz clic en el icono Diseño .
- Elige lo que quieras personalizar:
Borde
Esquinas
Sombra
![Captura de pantalla de la personalización del diseño de la franja.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3eadcc04-813b-4e69-acf6-5bb047eced92/2025/01/07/22e9af24-365c-4617-8e3a-b3f6d6982ad8/9e304ac1-f221-434f-bb02-a1ea21c88282.png)