Skip to main content
Aprende a agregar Animaciones a tus Bloques para crear un efecto visual cuando un visitante abre tu página.

Agregar animaciones a tu bloque

Las Animaciones pueden darle mucha personalidad a tu página. Con las Animaciones, agrega movimiento a cada Bloque individual mientras la página carga y se desplaza. Selecciona el tipo, dirección, retraso y duración de tu animación.
  • Abre la pestaña Website desde tu Dashboard.
  • Selecciona la pestaña Pages.
  • Abre el editor de páginas de tu Página. Aprende más
  • Pasa el cursor sobre el bloque que quieres personalizar y haz clic en Edit.
  • Ve a la barra lateral y ubica tu Configuración de Bloque.
  • Haz clic en Animations para acceder a la Configuración de Animación del Bloque
  • Asegúrate de hacer clic en Save para guardar y aplicar tus cambios:

Identifica fácilmente los bloques con la configuración de animación activada al personalizar tu página

Bloque con Animación Activada

Configuración de animación

Tipos de animación

  • None: selecciona para desactivar las Animaciones
  • Fade
  • Flip
  • Zoom

Fade

Haz que tu Bloque aparezca con un desvanecido en la página cuando un visitante se desplace hasta el Bloque:

Flip

Haz que tu Bloque gire al aparecer en la página cuando un visitante se desplace hasta el Bloque:

Zoom

Haz que tu Bloque haga zoom al aparecer en la página cuando un visitante se desplace hasta el Bloque:

Dirección

Selecciona la dirección de la Animación del elemento:
  • Arriba
  • Abajo
  • Izquierda
  • Derecha

Retraso de animación

La cantidad de segundos antes de que el elemento comience su Animación una vez que un visitante llega al Bloque.
Consejo: Ten en cuenta el Retraso de Animación; las Animaciones deben tener un tiempo entre 100ms y 1 segundo (el “punto óptimo”), donde los usuarios puedan reconocer la animación sin confusión y sean guiados sin problemas a través del flujo de tu landing page.

Duración de animación

La cantidad de segundos que durará la animación. Esto puede cambiar cómo aparece tu Animación. Dependiendo de la cantidad de segundos seleccionada, tu Animación puede aparecer rápida o lentamente cuando tu visitante se desplaza hasta el Bloque.