How to Add Animations to Text Elements in the Website Builder

Overview

Text animations help draw attention to headlines, paragraphs, and key messages by adding smooth motion as visitors scroll. In BizStackPro’s builder, you can apply entrance animations to text (and other elements) without coding.

Step 1: Access the Page Editor

1. Navigate to Sites in the left-hand menu.
2. Select Funnels or Websites.
3. Choose the page you want to edit and click Edit to open the builder.

Step 2: Select the Text Element

1. Click the text element you want to animate (headline, paragraph, list, etc.).
2. In the right-side settings panel, open the Style tab.
3. Locate the Animation area (often within Style settings).

Step 3: Apply an Animation

1. Open the Animation section or tab.
2. Choose an entrance effect such as:
   • Fade — subtle and clean for most pages.
   • Slide — movement from a direction (left/right/up/down).
   • Bounce — energetic emphasis for special callouts.
   • Rotate — text rotates into view.
   • Zoom — scales in/out for dramatic focus.
3. Select an animation to apply it.
4. Use the builder preview to confirm the animation looks right on desktop and mobile.

Animations can also be applied to images and other elements—useful for creating a smoother, more dynamic page layout.

Step 4: Save and Publish

1. Click Save when you’re satisfied with the animation.
2. Publish (or update) the page so visitors can see the animation live.

Key Features and Benefits

• Entrance animations: Add motion to text without custom code.
• Scroll-triggered effects: Animations activate as the visitor reaches the element.
• Real-time preview: See changes instantly in the builder.
• Multiple styles: Fade, slide, bounce, rotate, zoom, and more.
• Responsive behavior: Designed to work smoothly across devices and screen sizes.

Pro Tips

• Use animations sparingly: Too many effects can distract from your message.
• Match style to tone: Fades feel professional; bounce and zoom feel more playful.
• Test mobile: Make sure animations don’t cause awkward spacing or delays on smaller screens.

Use Cases

• E-commerce: Highlight promotions or product features.
• Portfolio pages: Add a modern feel to showcase sections.
• Business sites: Use subtle motion to emphasize benefits or key stats.