El widget Lottie Animation le permite agregar animaciones con calidad vectorial a su sitio.
Lottie es una biblioteca móvil para Android e iOS que analiza animaciones de Adobe After Effects exportadas como JSON con Bodymovin y las renderiza en dispositivos móviles y en la web.
Busque animaciones a través de LottieFiles o cree su propia animación en After Effects, exportada con el complemento Bodymovin.
Para agregar el widget:
- Inicie sesión en su cuenta de Guesty.
- En la barra de navegación superior, haga clic en el selector de modo y seleccione Modo de crecimiento.
- Haga clic en Distribución.
- Haga clic en la miniatura de Sitios web de Guesty.
- A la derecha del sitio web correspondiente, haga clic en Editar.
- En el panel izquierdo, haga clic en Widgets.
- Haga clic y arrastre el widget Lottie Animation a su sitio.
Para más información sobre cómo agregar widgets a su sitio, consulte Agregar widgets.
Editor de contenido
Para acceder al editor de contenido:
- Haga clic derecho en el widget y haga clic en Editar contenido.
- Copia la URL de la animación de Lottie en el cuadro provisto.
- Para encontrar la URL de la animación, ábrala en LottieFiles y haga clic en <html>. También puede pegar la URL de cualquier archivo JSON alojado fuera de LottieFiles.
- Seleccione Animación en bucle para reproducir la animación continuamente o seleccione Animar al hacer clic.
- (Opcional) Para agregar un enlace a la animación, haga clic en Enlace y seleccione el tipo de enlace.
- Si usa una animación gratuita de LottieFiles, debe incluir la información de credenciales del creador de la animación. Esta información se encuentra en la parte inferior de la ventana emergente. Para más información, consulte la información sobre la licencia Creative Commons de LottieFiles.
Editor de diseño
Para acceder al editor de diseño, haga clic derecho en el widget y haga clic en Editar diseño.
Para cambiar el tamaño del widget, mueva los controles deslizantes de ancho y alto. Para mantener la proporción entre el ancho y el alto, seleccione "Mantener proporción".
Para obtener información sobre las opciones de diseño que no son específicas de este widget (por ejemplo, diseño, estilo o espaciado), consulte Diseño de widgets.