Smart Footer Banner

Smart Footer Banner is a premium footer component that adds an interactive, scroll-aware callout to your site. Hidden by default, it smoothly slides up when users scroll near the bottom of the page, and retracts when they scroll away.

Features & Capabilities:

• Scroll detection: Set a custom threshold (e.g., 70–90% scroll) for when the footer appears.

• Smooth animations: Choose from slide, fade, or combined reveal styles with adjustable speed and easing.

• Flexible content: Add text, links, or full CTAs (button + description).

• Styling controls: Colors, typography, padding, border radius, shadows, and background options.

• Sticky mode: Keep the footer visible after first reveal or auto-hide when scrolling back up.

• Responsive: Works seamlessly across desktop, tablet, and mobile layouts.

• Accessibility: Keyboard-navigable buttons, ARIA labels for screen readers.

Use Cases:

• Newsletter signup prompts

• Limited-time offers or sales messages

• Cookie consent or policy reminders

• “Back to top” or quick link callouts

How to use:

1. Place the component at the bottom of your page.

2. The footer is hidden by default and will slide up when users scroll down past the reveal threshold (80% by default).

3. It will hide again when scrolling up.

4. Adjust the “Reveal Threshold” property (e.g., 50–90%) to control when it appears.

5. Works best in Preview or Published mode — make sure your page has enough content to scroll.