Hubspot CMS now has a reliable lottie player plugin
#faqs
Frequently Asked Questions
Have Question? We are here to help
How confident do you feel with where the company is going?
We will begin in this chapter by dealing with some general quantum mechanical ideas. Some of the statements will be quite precise, others only partially precise. It will be hard to tell you as we go along which is which, but by the time you have finished the rest of the book, you will understand in looking back which parts hold up and which parts were only explained roughly.
How confident do you feel with where the company is going?
We will begin in this chapter by dealing with some general quantum mechanical ideas. Some of the statements will be quite precise, others only partially precise. It will be hard to tell you as we go along which is which, but by the time you have finished the rest of the book, you will understand in looking back which parts hold up and which parts were only explained roughly.
How confident do you feel with where the company is going?
We will begin in this chapter by dealing with some general quantum mechanical ideas. Some of the statements will be quite precise, others only partially precise. It will be hard to tell you as we go along which is which, but by the time you have finished the rest of the book, you will understand in looking back which parts hold up and which parts were only explained roughly.
How confident do you feel with where the company is going?
We will begin in this chapter by dealing with some general quantum mechanical ideas. Some of the statements will be quite precise, others only partially precise. It will be hard to tell you as we go along which is which, but by the time you have finished the rest of the book, you will understand in looking back which parts hold up and which parts were only explained roughly.
How confident do you feel with where the company is going?
We will begin in this chapter by dealing with some general quantum mechanical ideas. Some of the statements will be quite precise, others only partially precise. It will be hard to tell you as we go along which is which, but by the time you have finished the rest of the book, you will understand in looking back which parts hold up and which parts were only explained roughly.
How confident do you feel with where the company is going?
We will begin in this chapter by dealing with some general quantum mechanical ideas. Some of the statements will be quite precise, others only partially precise. It will be hard to tell you as we go along which is which, but by the time you have finished the rest of the book, you will understand in looking back which parts hold up and which parts were only explained roughly.
Few things that you can do with our plugin, easily.
Play on Hover
Loop Continuously
Play in reverse
Change Speed
Left Align
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus a lorem id pellentesque. Vivamus eu nisi ipsum. Sed pretium lacus eu elementum lacinia. Quisque quis faucibus purus, sit amet volutpat mauris. Donec et porta nisi, eu sagittis ex. Aenean nec vehicula nisi, eu dictum nibh. Praesent auctor, ex id fringilla efficitur, arcu ligula iaculis nisi, a egestas velit felis at dolor.
Right Align
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus a lorem id pellentesque. Vivamus eu nisi ipsum. Sed pretium lacus eu elementum lacinia. Quisque quis faucibus purus, sit amet volutpat mauris. Donec et porta nisi, eu sagittis ex. Aenean nec vehicula nisi, eu dictum nibh. Praesent auctor, ex id fringilla efficitur, arcu ligula iaculis nisi, a egestas velit felis at dolor.
Centre Align
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas faucibus a lorem id pellentesque. Vivamus eu nisi ipsum. Sed pretium lacus eu elementum lacinia. Quisque quis faucibus purus, sit amet volutpat mauris. Donec et porta nisi, eu sagittis ex. Aenean nec vehicula nisi, eu dictum nibh. Praesent auctor, ex id fringilla efficitur, arcu ligula iaculis nisi, a egestas velit felis at dolor.
How to use
After the module has been installed, navigate to the "Add" section located in the left-hand navigation bar of the website builder. You may either search for the module directly or explore the "Modules" tab, where it can be found under the "Media" category. If you are already on the page, refresh it to update and display the module in the list.
Position it wherever you desire.
-
Animation File
The module supports .lottie files, which offer reduced file sizes, as well as .json files, ensuring broader compatibility. Additionally, it accommodates external links that host these files. The external link should end with either .json or .lottie
-
Play on hover
When the mouse moves above the animation, it plays; when it moves away, the animation pauses, resuming from the same point when the mouse returns.
-
Loop
Ensure that the "Loop" setting remains selected if you wish to enable continuous, seamless playback of your animations; conversely, deselecting this option will prevent the animations from looping.
-
Animation speed
Adjust the animation speed within the range of 0.1x to 5x to modify the playback rate; alternatively, leaving it at the default setting will maintain the standard speed.
-
Playback direction
Select the desired playback direction, either forward or backward, to control the sequence of the animation; conversely, choosing the opposite direction will reverse the order of playback.
-
Width and Height
Define the size of the animation box relative to its column as a percentage, or alternatively, specify the size in pixels. Ensure that the appropriate unit, either "%" or "px," is included at the end of the value.
-
Fallback Image
Optionally, include a fallback image for users with JavaScript disabled in their browsers to preserve design integrity. This image will be displayed for individuals who have disabled JavaScript, which prevents Lottie animations from functioning.
-
Alignment
Optionally, adjust the alignment of the animation within its parent column by selecting left, center, or right alignment. This will determine the positioning of the animation relative to the column.
-
Border radius
Optionally, adjust the border radius (also known as corner radius) to round the corners of the parent box that houses the animation. By default, the border radius is set to 0, resulting in sharp corners, but it can be customized to achieve the desired level of curvature.
-
Background color
Optionally, set the background color of the animation box. By default, the background color will inherit the theme's primary color. You can also adjust the opacity percentage, setting it to 0 if you wish to make the background transparent.
Optional Notes: You can get free lottie animations from Lottie and Jitter. To use these resources, you may need to sign up on their respective platforms. Additionally, you can create lottie animations using lottielab or Adobe After Effects. Feel free to contact us if you require any animations.