Back to Top
Compatible with the Elements AI assistant
PRO
Component
Back to Top Pro is the most customizable scroll button for Elements. Control every detail: icon, typography, colors, borders, shadows, hover effects, blend modes and animations, all from a clean visual interface, no code needed. Perfect for any design and any brand.
AI ready
Fully compatible with the Elements AI Assistant. Every option now carries a clear, plain-language description, so the AI understands what each setting does, how the options work together, and the best way to use the component.
Describe the button you want and where it should appear. The AI chooses the icon, sets colors, position and effects, and knows how the options affect each other.
Just describe the button you want.
Example: "Add a back to top button on the left with the text 'Top', a semi-transparent background with blur, and show it after 600 pixels of scrolling."
Options:
✓ Preview
Enable — toggles the button visibility in the Elements preview; must be disabled before publishing.
✓ Icon Style
Enable — shows or hides the SVG icon
Color — icon color from theme palette
Alt-Text — accessible label (visible only when text is enabled)
✓ Text Style
Enable - shows or hides the label above the icon
Text - editable label content
Text color - from theme palette
Font - theme font family
✓ Background
BG color + opacity
✓ Layout
Padding
Position
Bottom vertical offset
✓ Border
Border color + opacity + Style
✓ Effects
Transition All / Colors / Transform
Multiple Shadow
Hover Effect
Blend Mode
Backdrop Blur
✓ Animation
Direction — slides
✓ Component Info Usage notes and credits