The Device Scroll Image for WPBakery Page Builder (formerly Visual Composer) is a powerful WordPress add-on that transforms static images into dynamic, scrollable content displays within device mockups. This innovative tool helps web designers showcase long-form images, screenshots, or vertical content in a realistic device frame that users can interact with by scrolling.
Key Features and Benefits
This versatile plugin offers numerous features that enhance visual storytelling on your WordPress site:
- Multiple Device Options – Choose from various device frames including smartphones, tablets, and laptops to match your content presentation needs
- Customizable Scroll Speed – Adjust the scrolling animation to create fast-paced previews or smooth, leisurely viewing experiences
- Responsive Width Control – Set specific dimensions for your device display to ensure perfect integration with your page layout
- Predefined Presets – Jumpstart your design with professionally configured templates that work for common use cases
- Incomplete Mode – Show partial device frames for creative design effects that blend with your page content
Practical Applications
The Device Scroll Image add-on solves several common web design challenges:
App Showcase
Mobile app developers can demonstrate full-length app screens within realistic device frames, allowing visitors to scroll through the interface without leaving your website.
Long-form Content Display
Perfect for displaying:
- Vertical infographics
- Extended screenshots
- Document previews
- Step-by-step tutorials
Portfolio Presentations
Designers can showcase responsive website designs in multiple device frames simultaneously, with each frame scrollable to reveal the full design.
Installation and Setup Guide
Getting started with the Device Scroll Image add-on is straightforward:
- Install and activate the plugin through your WordPress dashboard
- Add the element to your page using the WPBakery Page Builder interface
- Upload your long image or screenshot
- Select your preferred device frame from the available options
- Adjust scroll speed and display settings to match your design requirements
- Preview and publish your content
Advanced Customization Tips
For professional results, consider these expert recommendations:
- Optimal Image Sizing – Use images with heights between 1500-3000px for smooth scrolling performance
- Device Selection Strategy – Match the device frame to your target audience’s primary devices
- Scroll Speed Optimization – Faster speeds work well for quick previews, while slower speeds enhance detailed viewing
- Background Integration – Use the incomplete mode creatively to blend device frames with your page design
Technical Specifications
The current version (1.0.4) includes important stability improvements:
- Fixed script registration errors that occurred after plugin activation
- Resolved front-end variable existence checking issues
- Added image linking capability (from version 1.0.2)
For detailed documentation and support:
Frequently Asked Questions
Is this plugin compatible with the latest WordPress version?
Yes, the Device Scroll Image add-on is regularly updated to maintain compatibility with current WordPress releases and WPBakery Page Builder versions.
Can I use custom device frames?
While the plugin comes with predefined device options, advanced users can modify the CSS to create custom device appearances.
Does this work with retina displays?
The plugin maintains image quality on high-resolution screens when using properly sized source images.
Can I control where the scroll begins?
Current versions start scrolling from the top of the image, but you can pre-crop your image to control the initial visible area.
