Añade animaciones de entrada y salida a widgets y elementos de la página para que tu sitio web sea más interactivo y memorable. Usa animaciones para resaltar áreas importantes, como un número de teléfono o un botón de contacto.
Controla dónde comienza y termina cada animación en tu pantalla ajustando los ajustes de Desplazamiento.
- Aplica animaciones con moderación para evitar distraer a los usuarios.
- Si no ves los cambios, verifica si las animaciones están configuradas a nivel de fila o de widget.
Importante:
Demasiadas animaciones pueden desorientar a los visitantes. Úsalas solo para destacar contenido clave o llamadas a la acción.
Añadir animaciones
Siga los pasos a continuación para agregar una animación a un widget.
Paso a paso:
Haga clic derecho en cualquier fila o widget para abrir su menú contextual.
Si utiliza el modo flexible, haga clic derecho en el elemento y seleccione Editar diseño.
Coloque el cursor sobre Animación.
Si está en modo flexible, el panel Diseño se abre automáticamente. Haga clic en la sección Animación.
- Seleccione una de las siguientes opciones:
- Entrada: elija una animación que se reproduzca cuando se cargue el widget.
- Desplazarse: seleccione una animación que se active cuando el usuario se desplace hacia el widget.
- Personalizar: Seleccione el disparador de animación (Entrada o Desplazamiento) y luego seleccione la animación. La personalización no está disponible en el modo flexible.
- Para las animaciones de entrada, configure la Duración, el Retraso y la Intensidad.
- Para las animaciones de desplazamiento, configure Entrada o Salida, Dirección e Intensidad.
Para restablecer la animación, haga clic en ajustes predeterminados.
Para pausar las animaciones de desplazamiento durante la edición, haga clic en "Pausar animación" en el panel lateral. Las animaciones permanecen activas en la vista previa y en el sitio web.
Nota:
Las animaciones configuradas para computadoras de escritorio y tabletas están vinculadas. Las animaciones para dispositivos móviles son independientes y deben configurarse de forma individual.
Eliminar animaciones
Para eliminar las animaciones de entrada:
- Haga clic derecho en cualquier fila o widget para abrir su menú contextual.
- Pase el cursor sobre la animación.
- Pase el cursor sobre Entrada o Desplazarse y seleccione Ninguno.