Animation Customizations in the Sparkforge Page Builder

Animation Customizations live in the Sparkforge Page Builder and let you fine-tune how individual elements enter, exit, and move on a page. You set scale, duration, delay, and easing per element, with real-time preview — no custom code, no third-party libraries.

What you can adjust

• Scale: 0.5× to 2× for subtle to dramatic effects.
• Duration: 0.1 to 3 seconds.
• Delay: up to 5 seconds for staggered sequences.
• Easing: Linear, Ease In, Ease Out, Ease In Out.

Delay behavior fix

Animation delays now hold elements fully hidden during the configured delay period. They become visible only when the animation actually begins. Earlier behavior occasionally flashed elements before the delay completed — staggered sequences are visibly cleaner now. Existing animation settings adopt the improved behavior automatically with no reconfiguration.

How to add and customize an animation

Step 1 — Open the funnel and page

1. From the left sidebar, click Sites, then the Funnels tab.
2. Open an existing funnel or click + New Funnel.
3. Choose the page (Landing, Schedule, Thank You, etc.) you want to animate.
4. Click Edit, then Edit in a New Tab for full-screen editing.

Step 2 — Select the element

Click any element — button, text block, image — and the right-hand panel will load its settings.

Step 3 — Open the Animations tab

Click the Animations tab in the right panel. Manage entrance and hover effects from here.

Step 4 — Pick an entrance animation

Click Entrance Animation and browse Fade, Slide, Bounce, and other styles. Click any style to preview it instantly.

Step 5 — Fine-tune behavior

1. Click Adjust Animation at the bottom of the panel.
2. Set Scale, Duration, and Delay.
3. Open the Easing dropdown and choose Linear, Ease In, Ease Out, or Ease In Out.

Why it matters

• Direct control over motion without leaving the editor.
• Real-time preview means no publish-and-check loop.
• Staggered timing across multiple elements creates choreographed entrances.