Qué elementos puedes animar
Las animaciones en bucle están disponibles para todos los elementos. Si quieres animar bloques completos, consulta las animaciones de secciones, filas y columnas en los artículos relacionados.
Tipos de animación
Animaciones de entrada
Se reproducen cuando el elemento aparece en pantalla al hacer scroll. Hay cinco familias:- Desvanecer (Fade): el elemento aparece de forma gradual. Es la opción más sutil y elegante.
- Deslizar (Slide): el elemento entra desde arriba, abajo, izquierda o derecha.
- Rebotar (Bounce): un efecto juguetón que llama la atención.
- Rotar (Rotate): el elemento gira mientras aparece.
- Zoom: el elemento crece o se reduce al entrar, ideal para destacar un dato clave.
Animaciones al pasar el cursor
Solo para imágenes y botones. Se activan cuando el visitante coloca el cursor encima del elemento y hacen que la página se sienta más interactiva. Los efectos de botón que antes estaban en la pestaña Avanzado ahora viven en la pestaña Animaciones. El cambio es compatible con lo que ya tenías configurado: tus botones conservan sus efectos anteriores.Animaciones en bucle
Aplican un movimiento continuo (por ejemplo, un brillo o un rebote que se repite) para mantener un elemento siempre en movimiento. Úsalas con moderación, por ejemplo en el botón principal de una oferta.Cómo agregar una animación
1
Abre la página en el editor
Ve a Sitios, abre tu embudo o sitio web y haz clic en Editar en el paso o página que quieres modificar.
2
Selecciona el elemento
Haz clic en el texto, la imagen o el botón que quieres animar, o agrégalo desde Agregar elementos.
3
Abre la pestaña Animaciones
En el panel de configuración de la derecha, entra en la pestaña Animaciones.
4
Elige el efecto
Selecciona una animación de entrada, de cursor o en bucle. Según el efecto, podrás ajustar la dirección y la velocidad.
5
Revisa el resultado
El efecto se ve en vivo dentro del editor, así que puedes probar varias opciones antes de decidir.
6
Guarda y publica
Guarda los cambios y publica la página para que tus visitantes vean las animaciones.
Buenas prácticas
- Anima solo lo que merece atención: el titular principal, la oferta y el botón de llamada a la acción. Demasiado movimiento distrae y cansa.
- Usa efectos suaves (desvanecer o deslizar) en textos largos y reserva rebotes y zoom para elementos cortos.
- Las animaciones funcionan en todos los dispositivos y tamaños de pantalla, pero revisa siempre la vista móvil antes de publicar.
Preguntas frecuentes
¿Cuándo se reproduce una animación de entrada?
¿Cuándo se reproduce una animación de entrada?
Cuando el elemento entra en la parte visible de la pantalla mientras el visitante hace scroll. Así la animación acompaña la lectura en lugar de ocurrir toda de golpe al cargar la página.
¿Perdí los efectos de mis botones al moverse a la pestaña Animaciones?
¿Perdí los efectos de mis botones al moverse a la pestaña Animaciones?
No. El cambio es compatible con configuraciones anteriores y tus botones mantienen los efectos que ya tenían.
¿Puedo animar un texto al pasar el cursor?
¿Puedo animar un texto al pasar el cursor?
No. Las animaciones al pasar el cursor están disponibles para imágenes y botones. Los textos admiten animaciones de entrada y en bucle.
Artículos relacionados
Animaciones de secciones, filas y columnas
Anima bloques completos de tu página.
Barra lateral del creador
Conoce las pestañas General, Estilos y Animaciones.