component
Smart Footer Banner
By John Valentine
Details
- John ValentineAuthor
- componentType
- 2025-10-08Published
- 2025-10-08Updated
- 2025-10-02Added
- SectionsCategories
Summary
Smart Footer Banner is a premium footer component that adds an interactive, scroll-aware callout to your site.
Description
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: Place the component at the bottom of your page. The footer is hidden by default and will slide up when users scroll down past the reveal threshold (80% by default). It will hide again when scrolling up . Adjust the “Reveal Threshold” property (e.g., 50–90%) to control when it appears. Works best in Preview or Published mode — make sure your page has enough content to scroll.
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3937