1. Navigate to Sites on the left: Click on the funnel or website tab on the top right to access the editor from the builder.
2. Select the Page: Choose the funnel or webpage where you want to add the animation and click the edit button to enter the page editor.
1. Select the Text Element: Click on the text element you want to animate. This could be a heading, subheading, paragraph, or bullet list.
2. Open the Style Editor: In the editor, navigate to the style settings for the selected text element.
1. Find the Animation Settings: Look for the new animation tab or section in the style editor
r.
2. Choose an Animation: Browse through the available animations such as fade, slide, bounce, rotate, and zoom. Select the one that best suits your content and audience.
3. Preview the Animation: You can view the effect directly within the builder, allowing you to see how it will look on the live page.
Save Your Changes: Once you’re satisfied with the animation, save your changes.
Publish the Page: After saving, publish the page to make the animations live for your audience
.
These animations are not only for text elements. You can also apply them to pictures and other visual elements within your website. This feature allows for even greater creativity and engagement by bringing various elements of your page to life.
Animations offer a dynamic way to bring the text to life. Whether it’s a heading, subheading, paragraph, or bullet list, adding animations can help capture your visitors' attention and make your content more memorable.
Animations can be set to trigger when the text comes into view as users scroll through the page. This adds an element of surprise and keeps the audience engaged as they explore your content.
One of the most valuable features is the ability to see animations in action while you're still in the builder. This ensures that you can choose the best effect for your content without having to publish the page first.
The website builder offers a variety of entrance animations, including:
Fade: Gradually bring text into view for a subtle and elegant effect.
Slide: Create a dynamic entrance by sliding text in from various directions.
Bounce: Add a playful bounce effect to grab attention and add energy to your page.
Rotate: Rotate text into view for a creative and eye-catching appearance.
Zoom: Zoom text in and out for a dramatic entrance that highlights important information.
Animations are easy to implement with an intuitive interface and work consistently across devices and screen sizes, ensuring a smooth user experience no matter how your audience accesses your site.
Use Animations Sparingly: While animations can be eye-catching, overusing them can overwhelm visitors and distract them from your content. Stick to using animations on key elements where you want to draw attention.
Match Animation Style to Content: Ensure that the animation style complements the tone and message of your content. For example, use a fade for professional content and a bounce for more playful or casual messaging.
Test Across Devices: Before finalizing, preview your page on different devices to ensure that the animations work smoothly on all screen sizes.
E-commerce sites can use animations to highlight product features or special offers, making important information stand out and guiding customers toward making a purchase.
For designers, artists, and creatives, text animations can add a layer of creativity to portfolios, making them more engaging and reflective of the individual’s style.
Corporate websites can use subtle animations to make key information more noticeable without compromising the professionalism of the site.
By following these steps, you can easily add animations to text elements in your website builder, making your content more dynamic and engaging for your audience. Whether you’re aiming for a subtle effect or a bold entrance, these animations provide a versatile tool for enhancing your online presence.
A: Currently, the default animation settings are predefined, but upcoming updates may include options for customizing the speed and duration of animations.
A: Yes, animations do not interfere with SEO as they do not alter the content itself. However, ensure that your site’s load time remains optimized, as heavy animations could potentially affect performance.
A: The current feature set includes animations that trigger on scroll. Future updates may include options for hover or click-based triggers.
