header-logo
Primeros pasosAprende cómo puedes usar Wix para construir tu sitio web y potenciar tu negocio. Personaliza tu sitio o contrata a un profesional para crear o mejorar tu presencia online.
Crear tu sitioAprende a utilizar el Editor de Wix y a gestionar el contenido de tu sitio. Descubre cómo proteger la privacidad de tus visitantes y hacer que tu sitio sea accesible.
Cuenta y facturaciónRevisa la configuración de tu cuenta, gestiona tus suscripciones y planes Premium y comprende tus facturas.
Usar las apps móviles de WixUtiliza la aplicación Wix para gestionar tu negocio de manera eficiente, interactuar con tus visitantes y construir una comunidad.
Conectar un dominioComprende cómo comprar, conectar o transferir un dominio y cómo mantener seguros los datos de tu sitio.
Administrar tu negocioEncuentra las herramientas adecuadas para construir y hacer crecer tu negocio: acepta pagos, revisa las analíticas, contacta con los visitantes y mucho más.
Promocionar tu sitioAprende cómo promocionar tu sitio en los motores de búsqueda, enviar campañas de email y ejecutar anuncios pagados.
Wix Studio, Partners y EnterpriseAprovecha al máximo tu cuenta de Wix Studio, de Partner o de Enterprise para poder escalar tu negocio.
Obtener ayudaObtén más información sobre cómo resolver problemas de rendimiento y cuestiones técnicas en tu sitio. Mantente al tanto de las próximas funciones a través de nuestra hoja de ruta.
placeholder-preview-image
Wix LearnMejora tus habilidades con nuestros cursos y tutoriales.
Blog de WixObtén consejos para diseño web, marketing y mucho más.
Guía de SEOMejora el tráfico orgánico en buscadores.
Website developmentCrea un sitio con nuestra plataforma full-stack.
Contrata a un profesionalVincúlate con un especialista que te ayude a alcanzar tus objetivos
placeholder-preview-image
En este artículo
  • Cambiar el fondo de la sección
  • Animar el fondo de la sección

Editor de Wix Harmony: personalizar el fondo de una sección

En este artículo
  • Cambiar el fondo de la sección
  • Animar el fondo de la sección
El fondo de una sección define el tono de tu página, guiando la atención y transmitiendo diferentes sensaciones a los visitantes a medida que avanzan por el sitio. Diseña secciones en sintonía con la identidad de tu marca y perfecciona cada detalle: elige un color sólido, una imagen o un video de la biblioteca, y aplica sutiles efectos para añadir profundidad.
Captura de pantalla de las opciones de Reemplazar fondo del Editor de Wix Harmony.
Información útil:
Ahorra tiempo en el diseño eligiendo entre una amplia variedad de secciones listas para usar y totalmente adaptativas. Al agregar una nueva sección, puedes ver una amplia variedad y elegir una plantilla que se adapte a tus necesidades.

Cambiar el fondo de la sección

Cambia el fondo de tu sección para modificar al instante el aspecto de tu página. Elige un color, una imagen o un video que coincida con tu estilo y capte la atención.

Para cambiar el fondo de la sección:

  1. Ve al editor.
  2. Selecciona la sección correspondiente.
  3. Haz clic en Reemplazar fondo
  4. Elige el tipo de fondo y personalízalo según tus necesidades:
Nota sobre la vista móvil:

En la versión móvil, puedes cambiar el fondo de la sección a un color sólido o degradado diferente sin que esto afecte a la versión de escritorio. Los fondos de imágenes y videos se comparten, por lo que solo puedes reemplazarlos desde la versión de escritorio.


Animar el fondo de la sección

Dale vida a tu sección agregando una animación de desplazamiento de fondo. A medida que los visitantes se desplazan por la página, la animación crea un efecto dinámico y atractivo. Prueba opciones como Parallax, 3D o Zoom, y ajusta la configuración para que coincida con tu estilo.

Para animar el fondo de una sección:

  1. Ve al editor.

  2. Selecciona la sección correspondiente.

  3. Haz clic en el icono Animación .

  4. Selecciona una animación.

  5. (Opcional) Haz clic en Personalizar para ajustar los ajustes de la animación:

    • Vista previa al desplazarse: haz clic en el icono Vista previa para obtener una vista previa de cómo se reproduce la animación a medida que los visitantes se desplazan.

    • Zoom: arrastra el control deslizante para ajustar cuánto quieres acercar o alejar el zoom.

    • Dirección: ajusta la dirección de la animación usando las opciones disponibles (por ejemplo en sentido de las manillas del reloj, hacia adentro o hacia afuera, etc.).

    • Velocidad: arrastra el control deslizante para que la animación se mueva más rápido o más lento.

    • Escalar: arrastra el control deslizante para decidir cuánto se desvanece el fondo.

    • Ángulo: establece el ángulo de rotación de la animación.

    • Estirar: establece la profundidad y la sensación 3D de la animación.

    • Tipo de animación: elige si la animación presenta un fundido de entrada o de salida.

Notas:
  • Las animaciones disponibles dependen del tipo de fondo que elijas para la sección (es decir, color, imagen o video).
  • Los ajustes de personalización varían según la animación que selecciones.

Helpmate

Hola

¿Necesitas más ayuda?
Unlock personalized helpLog in to get the most out of Helpmate.