Crown Street, Wollongong, 2500
Crown Street, Wollongong, 2500
Lottie Animation Widgets
Melody Jaimon • Jan 18, 2023
You can add vector quality animations to your site using the Lottie Animation widget.
Lottie is an Android and iOS mobile library that parses Adobe After Effects animations exported as JSON using Bodymovin and renders them on mobile and the web.
Browse
LottieFiles for animation, or make your own in After Effects and export it with the
Bodymovin plugin.
To include the widget:
- Click Widgets in the left panel.
- Drag the Lottie Animation widget into your website.
See Add Widgets for more information on adding widgets to your site.
Content Editor
To contact the content editor, follow these steps:
- Edit Content by right-clicking it.
- In the box provided, paste the Lottie Animation URL.
- To find the URL for the animation, open it in LottieFiles and select <html>. You can also paste the URL of any JSON file hosted outside of LottieFiles.
- Select Loop Animation to play the animation continuously, or choose Animate on click.
- (Optional) To add a link to the animation, click Link and then choose the type of link.
- If you use a free LottieFile animation, you must include the animation creator's credentials. The information about the animation creator can be found at the bottom of the animation pop up. See the LottieFile creative commons licence information.
Design Editor
To access the design editor, right-click the widget and select Edit Design from the context menu.
To adjust the size of the widget, adjust the width and height sliders. Select
Keep proportion to maintain the proportions between the width and height.
Refer to
Widget Design for information on design options that are not specific to this widget (such as layout, style, and spacing).
Love My Online Marketing has 10+ Years of working alongside businesses and helping them grow. Discuss your options for online success from website Design and Development through to Google Marketing. Book a Free 20min Discovery Call.
Do you want more traffic and business leads?
Love My Online Marketing is determined to make a business grow. Our only question is, will it be yours?
Our Services
Latest Online Marketing Posts
This article will provide you with clear instructions on how to give access to a Facebook page without sharing your password by adding an admin.
Learn how to add a digital marketing agency to Google My Business in this quick step-by-step guide with photos.
Discover the secrets of adding a digital marketing agency to Facebook Ads Manager with this comprehensive step-by-step guide, featuring helpful photos to guide you along the way. Say goodbye to confusion and hello to success with this must-read tutorial.
We collaborate with
