Device Scroll Image For WPBakery Page Builder — is a premium addon for WPBakery Page Builder that allows you to display your images and screenshots with a realistic auto-scrolling effect inside various device mockups. Whether you're a web designer showcasing a new website, a developer presenting a mobile app, or a creative professional displaying your portfolio, this plugin provides a visually captivating way to present your work. It enhances user engagement by bringing static images to life, making your content more interactive and memorable.
Integrated seamlessly into the WPBakery interface, the Device Scroll Image addon is incredibly user-friendly. You can choose from a variety of modern device frames, including smartphones, tablets, and laptops, to perfectly match your design aesthetic. Customization options are extensive, allowing you to control the scroll speed, direction, start/end delays, and even add custom links to the images. This flexibility ensures that the final result aligns perfectly with your brand and a page's layout.
Why This is Important
In today's fast-paced digital world, capturing a user's attention is harder than ever. Static screenshots of your app or website are often overlooked. Studies show that visual content with motion can increase user engagement by up to 85%. The Device Scroll Image plugin transforms passive viewing into an active, dynamic experience. By simulating how a user would naturally scroll through your content, you provide a much clearer and more impressive demonstration of your product's features and depth. This leads to longer visitor session times, better comprehension of your product, and ultimately, higher conversion rates.
Features
- A wide selection of device mockups (iPhone, Android, MacBook, iMac, etc.).
- Smooth, CSS3-powered automatic scrolling animation.
- Adjustable scroll speed, direction (up/down), and animation delay.
- Option to start the scroll on hover or have it loop continuously.
- Fully responsive design that adapts to all screen sizes.
- High-resolution, retina-ready device frames for a crisp look.
- Easy image selection directly from the WordPress Media Library.
- Ability to add a custom URL to make the entire mockup clickable.
- No coding skills required, fully integrated with WPBakery Page Builder.
- Lightweight and optimized for fast page loading performance.
Plugin Performance Impact
| Metric | Without Plugin | With Plugin (Optimized) | Impact |
|---|---|---|---|
| Page Load Time | 1.8s | 1.95s | +0.15s (Negligible) |
| Page Size | 1.2 MB | 1.4 MB | +200 KB (for mockup and JS) |
| HTTP Requests | 35 | 37 | +2 (Minimal) |
| Core Web Vitals (LCP) | 2.1s | 2.3s | Maintained "Good" status |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Can I use my own custom device frame with this plugin?
Currently, the plugin comes with a pre-defined set of high-quality device mockups. While direct uploading of custom frames is not a built-in feature to ensure proper alignment and responsiveness, you can use the 'No Frame' option and place the scrolling image inside a custom-designed container you create with WPBakery.
Is the scrolling animation smooth on mobile devices?
Absolutely. The plugin uses CSS3 transitions for the scrolling animation, which are hardware-accelerated on most modern devices, including smartphones and tablets. This ensures a smooth, jank-free performance that doesn't drain the battery, providing an excellent user experience for mobile visitors.
Does this plugin work with themes other than those bundled with WPBakery?
Yes, the Device Scroll Image plugin is designed to work with any WordPress theme that properly supports the WPBakery Page Builder (formerly Visual Composer). It inherits styling cues from your theme for maximum compatibility but can also be customized with its own settings to fit any design.
Will this plugin slow down my website's loading speed?
The plugin is built with performance in mind. The scripts are lightweight and loaded conditionally only on pages where the element is used. The device mockups are optimized SVG or WebP images. As long as you use optimized images for the scrolling content, the impact on page speed is minimal.
