Qué puedes ajustar
Ventajas
- Control preciso: ajustas cada animación con valores exactos.
- Vista previa en tiempo real: ves el resultado mientras ajustas.
- Panel ordenado: todos los controles están agrupados en secciones claras.
- Acabado profesional: guías la atención del visitante y refuerzas tu marca sin depender de herramientas externas.
Cómo personalizar una animación
1
Abre tus embudos
En el menú lateral, haz clic en Sitios y luego en la pestaña Embudos (el proceso es igual en Sitios web).
2
Elige o crea un embudo
Busca el embudo o haz clic en + Nuevo embudo.
3
Selecciona la página
En la lista de pasos, elige la página que quieres animar (por ejemplo, la página de captura o la de agradecimiento).
4
Abre el editor
Haz clic en Editar y elige Editar en una pestaña nueva para trabajar a pantalla completa.
5
Selecciona el elemento
Haz clic en el botón, texto, imagen u otro elemento que quieres animar. Sus opciones aparecen en el panel derecho.
6
Abre la pestaña de animaciones
En el panel derecho, entra a la pestaña Animaciones y haz clic en Animación de entrada (Entrance Animation).
7
Elige un estilo
Explora las categorías (Fundido, Deslizar, Rebote y más) y haz clic en un estilo, como Fade In o Slide Right, para ver la vista previa.
8
Ajusta la animación
Haz clic en Ajustar animación (Adjust Animation) al final del panel. Modifica la escala, la duración, el retraso y el suavizado.
Tipos de suavizado
- Lineal: velocidad constante de principio a fin.
- Entrada suave (Ease In): empieza lento y acelera.
- Salida suave (Ease Out): empieza rápido y frena al final.
- Entrada y salida suaves (Ease In Out): empieza y termina lento, más rápido en el medio. Es la opción más natural en la mayoría de los casos.
Cómo funciona el retraso
Durante el tiempo de retraso, el elemento permanece totalmente oculto y solo se hace visible cuando empieza la animación. Así evitas que un elemento “parpadee” antes de animarse, algo clave cuando creas secuencias escalonadas. Este comportamiento se aplica automáticamente a todas tus animaciones, incluidas las que ya tenías configuradas.Preguntas frecuentes
¿Necesito experiencia previa con animaciones?
¿Necesito experiencia previa con animaciones?
No. Los controles están claramente etiquetados y ves el resultado en tiempo real.
¿Puedo ver la animación antes de publicar?
¿Puedo ver la animación antes de publicar?
Sí. Todos los ajustes se reflejan en vivo en el editor.
¿Qué hace el suavizado?
¿Qué hace el suavizado?
Determina cómo se mueve la animación: si empieza lento, termina lento o avanza a velocidad constante.
¿Puedo combinar varias animaciones en un mismo elemento?
¿Puedo combinar varias animaciones en un mismo elemento?
No. Cada elemento admite una animación. Puedes usar animaciones distintas en varios elementos para crear efectos coordinados.
Artículos relacionados
Animaciones de entrada para secciones, filas y columnas
Anima bloques completos de tu página.
Varias ventanas emergentes por página
Crea ventanas emergentes con disparadores distintos.