WPBakery Page Builder Add-on - Thumbnail with Caption — is a powerful and flexible plugin designed to extend the functionality of the WPBakery Page Builder. It introduces a dedicated element that allows you to effortlessly add and customize image thumbnails with beautiful, information-rich captions. This tool is perfect for creating engaging portfolios, product showcases, team member sections, or any layout where visual content needs to be presented with accompanying text in a stylish and responsive manner. With an intuitive interface integrated directly into WPBakery, you gain full control over the appearance and behavior of your thumbnails. Adjust colors, fonts, hover effects, and layouts to perfectly match your site's design. The add-on is optimized for performance and is fully responsive, ensuring that your image and caption layouts look perfect on all devices, from desktops to smartphones.
Why This Is Important
Are your website's images failing to grab attention? Standard image blocks are often static and uninformative, leading to lower user engagement. According to a study by Adobe, content with compelling images gets 94% more views than content without. This add-on turns passive image viewing into an interactive experience. By adding context-rich captions and eye-catching hover effects, you can guide user attention, improve information retention, and increase click-through rates on your portfolio items or product images. Don't let your visitors just scroll past; give them a reason to engage and explore your content more deeply.
Features
- Fully responsive design ensures perfect display on all devices.
- Multiple unique caption and hover effect styles (e.g., slide, fade, zoom).
- Extensive typography options with Google Fonts integration for titles and descriptions.
- Customizable background and text colors for both normal and hover states.
- Option to link the entire thumbnail to a custom URL or a lightbox view.
- Control over border-radius to create squared, rounded, or circular thumbnails.
- Easy integration with WPBakery's front-end and back-end editors.
- Lightweight and optimized for fast page load speeds.
- Support for custom CSS for advanced styling possibilities.
- Multilingual and translation-ready with included .pot file.
Free vs. Pro Features Comparison
| Feature | Free Version (This one) | Official Pro Version |
|---|---|---|
| Basic Thumbnail Element | ✔ Yes | ✔ Yes |
| 5 Caption Styles | ✔ Yes | ✔ Yes |
| Standard Hover Effects | ✔ Yes | ✔ Yes |
| Advanced Hover Animations | ❌ No | ✔ Yes |
| Video Background Support | ❌ No | ✔ Yes |
| Dedicated Premium Support | ❌ No | ✔ Yes |
| Automatic Updates | ❌ No | ✔ Yes |
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
Do I need WPBakery Page Builder for this add-on to work?
Yes, absolutely. This is an "add-on," which means it extends the functionality of the core WPBakery Page Builder plugin. It is not a standalone plugin and will not work without WPBakery Page Builder (formerly Visual Composer) installed and activated on your WordPress site.
How can I customize the hover effect on the thumbnails?
Within the WPBakery element settings for "Thumbnail with Caption," you will find a "Styles" or "Effects" tab. This section provides a dropdown menu with several pre-built hover animations like Fade, Slide In, Zoom, and more. Simply select the one that best fits your design, and you can preview the effect directly in the editor.
Is it possible to use these thumbnails in a grid layout?
Yes. You can easily create a grid layout by using WPBakery's row and column system. Simply add a row, divide it into the desired number of columns (e.g., three or four columns), and then place one "Thumbnail with Caption" element inside each column. The plugin's responsive nature will ensure the grid adapts correctly on mobile devices.
Will this plugin slow down my website?
The plugin is developed with performance in mind. It is lightweight and only loads its necessary CSS and JavaScript assets on pages where the thumbnail element is actually used. This ensures minimal impact on your overall site speed. However, as with any visual element, using very large, unoptimized images can affect page load times.
