Editor de Wix: importar animaciones de Lottie a tu sitio
3 min de lectura
Las animaciones de Lottie son archivos animados de alta calidad que puedes agregar a tu sitio. Al importar la animación directamente desde tu cuenta de LottieFiles, puedes crear páginas únicas y animadas sin necesidad de agregar código.
Antes de comenzar:
Para importar una animación, necesitas tener una cuenta de LottieFiles.
Paso 1 | Agrega una animación
Comienza por agregar el elemento Animación de Lottie a tu sitio desde el panel Agregar elementos.
Para agregar una animación de Lottie a tu sitio:
- Haz clic en Agregar elementos
a la izquierda del editor.
- Selecciona Código incrustado.
- Desplázate hacia abajo hasta Animación.
- Haz clic en Lottie para agregarlo a tu sitio.
Paso 2 | Copia la URL de la animación
Después de guardar una animación en tu espacio de trabajo en LottieFiles, puedes copiar la URL y pegarla directamente. Elige entre tu propio diseño o importa una de las cientos de animaciones gratuitas disponibles en LottieFiles.com.
Para recuperar y copiar la URL de la animación:
- Inicia sesión en tu cuenta de LottieFiles.
- Selecciona la animación elegida.
- Haz clic en Save to workspace to generate (Guardar en el espacio de trabajo para generar).
- Haz clic en el icono Copiar debajo de Asset link (Enlace del recurso).
¿Sabías lo siguiente?
Las animaciones de Lottie son archivos vectoriales, por lo que conservan su calidad tanto en la versión de escritorio como en la versión móvil.
Paso 3 | Importa el archivo a tu sitio Wix
Una vez que hayas copiado la URL de la animación, pégala en el elemento de tu sitio Wix para crear una experiencia única y divertida para tus visitantes.
Para importar el archivo a tu sitio:
- Selecciona el elemento de animación de Lottie en el editor.
- Haz clic en el icono Ajustes
.
- Pega la URL en el campo debajo de ¿Cuál es la URL de la animación?.
- Pulsa Enter en tu teclado.
¿Cuál es el próximo paso?
- Haz clic en Previsualizar animación en la parte superior del panel para ver cómo se reproduce la animación.
- Usa la configuración para ajustar cómo se reproduce la animación. Más información sobre cómo ajustar las animaciones de Lottie
Debes saber lo siguiente:
Las animaciones de Lottie se convierten automáticamente a archivos JSON cuando las importas a un sitio de Wix. Por razones técnicas, no se pueden contener todos los campos del archivo. Por lo tanto, las animaciones de Lottie pueden verse ligeramente diferentes en un sitio Wix online (por ejemplo, rango/cantidad de movimiento reducidos).
¿Te ha sido útil?
|