Skip to content
Sites

How to Add Dynamic Animations to Text Elements

We’re thrilled to introduce our new Entrance Animations for Text Elements feature! This update allows you to add dynamic animations to text (Heading…

1 min read237 words2 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
Video 1 Open in a new tab

We’re thrilled to introduce our new Entrance Animations for Text Elements feature! This update allows you to add dynamic animations to text (Heading, Sub-heading, Paragraph and Bullet list element) - making your online content more engaging.
Key Features and Benefits
  1. Dynamic Entrance Animations for Text Elements
  • Engage Your Audience: Add captivating entrance animations to text elements.
  • Trigger on Scroll: Animations start when the text comes into view.
  • Builder Preview: See animations in action while editing your content.
  1. Extensive Animation Options: Choose from an array of animation effects to suit your content style and audience preferences. Categories include:
  • Fade: Gradually bring text into view for a subtle yet elegant effect.
  • Slide: Make text slide in from various directions to create a dynamic entrance.
  • Bounce: Add a playful bounce effect to capture attention and add energy.
  • Rotate: Rotate text elements into view for a creative and eye-catching appearance.
  • Zoom: Zoom text in and out for a dramatic entrance that highlights important information.
  1. Seamless Integration
  • Easy Implementation: Add animations with our intuitive interface.
  • Cross-Platform Compatibility: Animations work consistently across devices and screen sizes.
How to Use
  1. Go to the funnel/website editor from the builder.
  2. Choose or add the text you want to animate.
  3. Navigate to the new animations tab in the style editor.
  4. Choose from various entrance animations like fade, slide, bounce, rotate, and zoom.
  5. View the effect directly on the builder page.
  6. Save your changes and publish the page.
Figure 1 What this shows Go to the funnel/website editor from the builder. What this shows Illustrates "How to Add Dynamic Animations to Text Elements". This screenshot appears in "How to Add Dynamic Animations to Text Elements". The text alongside this image reads: Go to the funnel/website editor from the builder. Choose or add the text you want to animate. Navigate to the new animations tab in the style editor. Choose from various entrance animations like fade, slide, bounce, rotate, and zoom. View the effect directly on the builder page. Save your changes…. This part of the guide covers 2 fields, listed below. Image 1 of 2 Where to goGo to the funnel/website editor from the builder. Choose or add the text you want to animate. Navigate to the new animations tab in the style editor. Choose from various entrance animations like fade, slide, bounce, rotate, and zoom. View the effect directly on the builder page. Save your changes and publish the page.
Fields in this part of the guide Dynamic Entrance Animations for Text ElementsSeamless Integration
All 3 steps in this procedure
  1. Engage Your Audience: Add captivating entrance animations to text elements.
  2. Trigger on Scroll: Animations start when the text comes into view.
  3. Builder Preview: See animations in action while editing your content.
Figure 2 What this shows Go to the funnel/website editor from the builder. What this shows Illustrates "How to Add Dynamic Animations to Text Elements". This screenshot appears in "How to Add Dynamic Animations to Text Elements". The text alongside this image reads: Go to the funnel/website editor from the builder. Choose or add the text you want to animate. Navigate to the new animations tab in the style editor. Choose from various entrance animations like fade, slide, bounce, rotate, and zoom. View the effect directly on the builder page. Save your changes…. This part of the guide covers 2 fields, listed below. Image 2 of 2 Where to goGo to the funnel/website editor from the builder. Choose or add the text you want to animate. Navigate to the new animations tab in the style editor. Choose from various entrance animations like fade, slide, bounce, rotate, and zoom. View the effect directly on the builder page. Save your changes and publish the page.
Fields in this part of the guide Dynamic Entrance Animations for Text ElementsSeamless Integration
All 3 steps in this procedure
  1. Engage Your Audience: Add captivating entrance animations to text elements.
  2. Trigger on Scroll: Animations start when the text comes into view.
  3. Builder Preview: See animations in action while editing your content.

Was this guide helpful?

Related guides