Gallery vs Modula Image Gallery – Photo Grid & Video Gallery

Photo & Image Gallery FooGallery makes it easy to create stunning photo and image galleries using drag and drop in minutes. It’s responsive, retina-ready, SEO-friendly, and optimized for performance. With beautiful gallery layouts, live gallery previews, a built-in lightbox, and deep customization options, FooGallery is a complete gallery solution for modern WordPress websites. Launch Your Own FooGallery Demo (Backend included) FooGallery gives you live previews as you design your galleries, includes a visual gallery layout selector, and integrates seamlessly with the WordPress block editor and shortcodes. It’s developer-friendly, performance-focused, and fully extendable. Visit the FooGallery Homepage All FooGallery Demos Key Features 7 Beautiful Free Gallery layouts: Responsive Gallery – demo Image Viewer Gallery – demo Masonry Gallery – demo Portfolio Gallery – demo Justified Gallery – demo Single Thumbnail Gallery – demo Carousel – demo Built-in Lightbox: Adjust colors, transitions, captions, and controls with fullscreen, thumb strip, auto progress, prev/next, and download button support. Advanced Customization: Control thumbnail sizes, spacing, hover effects, caption line limits, mobile columns, background fill, custom attributes, and more. Visual Gallery Builder: Use the gallery layout selector, live preview device switcher, drag-and-drop uploads, advanced attachment modal, and shortcode helpers to build galleries faster. Block Editor & Shortcodes: Add galleries with the WordPress block editor, preview them live while editing, and fine-tune output with shortcode arguments and page/offset controls. Performance Optimized: Lazy loading, pagination, reduced layout shifts, fingerprinted assets, and broad compatibility with image optimization and caching plugins for fast loading times. SEO-Ready: ALT and title attributes, attachment descriptions, and full integration with Yoast, Rank Math, and AIOSEO. Albums built-in: Responsive album layout – demo All-in-one Stack album – demo (just activate the albums feature) Import / Export galleries between WP installs, with progress and resume support for large imports – docs Drag n Drop reordering of images and galleries Drag n Drop images into gallery to upload into gallery (and media library) Custom CSS for both galleries and albums One-click gallery page creation FooGallery Migrator – easily migrate from Envira / NextGen / Modula Multisite Support Password protected image galleries PRO Features FooGallery PRO adds professional-level features and integrations for photographers, agencies, and eCommerce users. PRO Starter Plan Our PRO Starter plan is our most affordable plan and includes features that take your WordPress galleries to the next level! PRO Starter is mostly for photographers or website owners that want better-looking galleries and lightboxes. View PRO Starter Details 4 additional gallery layouts: Polaroid – demo Grid – demo Slider – demo Spotlight – demo 11 hover effect presets – demo 12 CSS thumbnail effects (Instagram-style) – demo Colors and color sorting: Extract dominant colors from images, sort galleries by color, and apply opaque or tinted backgrounds for a more art-directed look. PRO Expert Plan Our PRO Expert plan unlocks exactly what you would expect – expert-level features! Our most popular plan is for professional photographers and website owners who want to invest in how their galleries look and work. View PRO Expert Details Video Galleries: Import from YouTube, YouTube Shorts, Vimeo, or self-hosted sources demos Filtering & Tagging: Filter by Media Tags or Categories with multi-level filtering, search, dropdown filter styles, and advanced selection modes demos Dynamic Galleries: Load images from folders, Lightroom, Real Media Library, Infinite Uploads, or posts, with support for ACF fields and richer post query controls. demos Advanced Pagination: Load More, Infinite Scroll, and Numbered pagination demos Advanced Custom Captions Create captions using placeholders & custom HTML demos EXIF metadata Showcase your photo metadata in the Lightbox demo Media Category Folders Browse and work with media category folders directly inside the attachment modal. Bulk Copy Easily copy gallery settings to other galleries more info ImageGallery SEO Schema Output opt-in ImageGallery JSON-LD schema for pages that use FooGallery, with per-gallery schema overrides for richer image discovery. PRO Commerce Features Our PRO Commerce plan is for the photographers who make a living from selling their photos online. We have integrated with WooCommerce, to bring you innovative tools to help you sell more with hardly any effort. View PRO Commerce Details WooCommerce integration: Sell your photos or create dynamic product galleries with sorting, filtering, ratings, stock status controls, and deeper WooCommerce integration. more info Image Protection: Watermarking and no right-click options demo Master Product Setup: No more separate products for each image – link all your photos to a single master product. Supports variations, file downloads, WooCommerce blocks, and guided product setup tools. Buttons and Ribbons Add custom buttons, download buttons, styled call-to-actions, and attention-grabbing ribbons to your images. demo Product Info in Lightbox Show product details, price, stock messaging, add-to-cart, checkout, view product, and download actions directly in the lightbox. Gallery Blueprints Create Gallery Templates that share settings across galleries for faster gallery management – docs PRO Addons We also have a collection of powerful add-ons available to enhance your gallery experience. All the Addons work with the FREE version too! User Uploads Addon: Allow visitors to upload images & videos into galleries. Includes image moderation, form field customization, email notifications and more. more info Social Addon: Increase visitor engagement by allowing them to like, comment and share images in your galleries. more info Whitelabel: Allow power users to rename or rebrand “FooGallery”, modify the shortcode, menu, and disable features. more info Client Proofing: Create a private proofing page where your clients can select or reject images in the galleries. (Coming soon!) 3D Splat Viewer: Create emmersive 3D walk-throughs for showcasing products or real-estate. (Coming soon!) See More Demos How to Create a Photo Gallery in WordPress Install and activate FooGallery from the Plugins menu. Click Add Gallery and choose your layout. Upload or select images from your Media Library. Customize captions, hover effects, and lightbox settings. Publish and embed your gallery using a block or shortcode. Integrations and Compatibility Works seamlessly in the Block Editor / Gutenberg. WooCommerce integration to sell photos online. Lightbox plugins : FooBox, dFactory. Page builders : Elementor. SEO Plugins: Yoast, Rank Math, AIOSEO. Caching Plugins: WP Rocket, W3 Total Cache, Autoptimize, WPOptimize. Media Tools: ShortPixel, Imagify, Real Media Library, and Infinite Uploads. Others : Jetpack, Polylang. Documentation FooGallery Documentation

Create responsive image galleries with drag-and-drop grid builder. Custom layouts, video support, AI optimization. Works with any theme. The Best WordPress Gallery Plugin for Custom Image & Video Galleries Create stunning image galleries with Modula’s drag-and-drop grid builder. Build custom grid layouts, masonry galleries, and video galleries without any coding. Perfect for photographers, designers, and anyone who wants beautiful responsive galleries on their WordPress website. Modula makes creating photo galleries effortless. Just add images, customize your layout, and publish. The drag-and-drop interface lets you create unique custom grid galleries by resizing and repositioning images exactly how you want them. What you get extra in Modula Pro when making a purchase: Comments for images: Allow your site users to add comments for your gallery images, boosting your engagement and interaction with your audience. Image proofing: Make it easy for customers to choose the photos they want edited with proofing galleries on your website. They can pick their favorites and send their choices directly through the site. No more long email chains or back-and-forth—everything is handled in one place! Instagram: Easily link your Instagram account to your Modula Gallery. With this connection you will then be able to import Instagram images directly in your gallery, enriching your website with your Instagram content. Defaults: Are you tired of going through each gallery and setting up the same settings repeatedly? Use the Defaults extension to define a basic set of options for your galleries, then simply add this to each new gallery you create. It saves a lot of time! Content Galleries: Take your gallery creation to the next level, with this add-on you will be able to generate a new gallery from your current posts, pages or custom post types. Even more, each gallery is synched with the original source, changes to the original content will also be reflected in the gallery. Bulk Edit: Easily edit multiple images at once, saving up precious configuration time. Video gallery: Use the Video extension to combine videos with images in your galleries. It works with YouTube, Vimeo, and self-hosted videos. Lightbox slideshow: Improve the user experience with your galleries by presenting the images in a stunning slideshow. Slider gallery: This helps display your gallery images in a new format type: slider. It can be synced with a thumbnail strip below it. You can switch it up by adding different elements to the slider: dots, arrows, a fade effect, infinite loop, center mode, and more. Gallery Filters: Apply one or more filters to your images to allow your website’s visitors to easily sort through your gallery. Albums: Let’s say you are going on a holiday trip and wish to document each day in a separate gallery. The Albums extension will allow you to group up all your holiday galleries in a single listing, enabling easy access to your precious memories. Multiple dynamic effects: Loading Effects, Hover effects and Zoom effects Watermark images: Protect your photos by adding custom watermarks. Image Guardian: Keeps your images safer. It blocks right-click “Save,” hides the images URLs, and makes prints blurry. Speed UP: Using this extension, you can optimize your images by reducing their file sizes, resizing them through ShortPixel’s image optimization algorithms, and serving them from StackPath’s CDN (content delivery network). The result? A fast website without the high costs associated with it. Whitelabel: This extension helps you remove all mentions of Modula from the plugin and customize it with your own brand, logo, and text. Support and updates are included with each purchase for one year. Modula AI helps you quickly optimize your gallery images by improving titles, captions, and ALT text in just a few clicks. Save time and let AI handle the tedious work of optimizing each image for SEO and accessibility. How to Create a Gallery with Modula It’s This Easy: Go to Modula & click Add New. Add your images & customize your layout. Copy the shortcode & paste it where you want the gallery to appear. Example shortcode: [modula id="1192"]. Key Features of Modula Gallery Plugin Drag-and-Drop Grid Builder Create custom grid layouts by dragging and resizing images. No coding required. Build unique gallery layouts that match your brand and design vision perfectly. Responsive Image Galleries All galleries are automatically mobile responsive. Your photo galleries will look perfect on smartphones, tablets, and desktop computers. Images resize and reflow based on screen size. Multiple Gallery Types Choose from Custom Grid, Masonry, and Creative Gallery layouts. Each gallery type offers unique styling options and display formats to match your needs. Video Gallery Support (Pro) Combine videos with images in your galleries. Works with YouTube, Vimeo, and self-hosted videos for complete multimedia gallery experiences. Lightbox Gallery Viewer Built-in lightbox displays your images in a beautiful full-screen overlay. Visitors can navigate through gallery images without leaving the page. AI-Powered Image Optimization Modula AI automatically optimizes image titles, captions, and ALT text for better SEO. Manual editing for each image is a thing of the past. Custom Hover Effects (Pro) Add dynamic hover effects to engage visitors. Choose from dozens of hover animations and styling options to make your galleries interactive. Gallery Filters (Pro) Let visitors sort and filter your image galleries by category. Perfect for portfolio galleries and large photo collections. Page Builder Integration Works seamlessly with Elementor, Beaver Builder, and Divi. Add galleries to any page using your favorite page builder’s interface. How to Create a Photo Gallery in WordPress Creating a photo gallery with Modula is simple. Start by installing the plugin from your WordPress dashboard. Navigate to Modula in your admin menu and click “Add New.” Upload your images using the media uploader or drag and drop files directly into the gallery builder. Once your images are uploaded, choose your gallery type. For a custom layout, select Custom Grid and drag images to resize them. For an automatic layout, choose Masonry which arranges images in a Pinterest-style layout. Customize your gallery settings including spacing, borders, shadows, and hover effects. Configure your lightbox options to control how images display when clicked. Set up responsive breakpoints to ensure your gallery looks perfect on mobile devices. Copy the shortcode provided and paste it into any post, page, or widget where you want your gallery to appear. Your responsive image gallery is now live on your website. How to Add a Gallery to Your WordPress Sidebar Adding an image gallery to your WordPress sidebar or widget area is straightforward. After creating your gallery in Modula, copy the shortcode. Navigate to Appearance > Widgets in your WordPress admin panel. Add a “Shortcode” widget to your desired sidebar location. Paste your Modula gallery shortcode into the widget. The gallery will automatically resize to fit your sidebar width while maintaining responsive behavior. For optimal sidebar display, consider using fewer images or adjusting the gallery’s column settings to ensure images don’t appear too small on desktop devices. How to Create a Masonry Gallery Layout Masonry galleries arrange images in a flowing, Pinterest-style layout that makes efficient use of space. Images of different sizes fit together like a puzzle without leaving gaps. To create a masonry image gallery, select “Masonry” as your gallery type when creating a new gallery. Upload images of various dimensions for the most dynamic effect. The masonry layout automatically positions images to create a balanced, visually appealing grid. Adjust the gutter spacing between images to control how tightly packed your masonry gallery appears. Configure the number of columns for different screen sizes to ensure your gallery remains responsive on mobile devices. How to Add Videos to Your Image Gallery With Modula Pro, you can create video galleries that combine videos with photos. This is perfect for event galleries, portfolio websites, and multimedia presentations. To add videos to your gallery, click the “Add new” button when adding new items to your gallery. Paste YouTube or Vimeo URLs, or upload self-hosted video files. Videos appear inline with your images and open in the lightbox viewer when clicked. Mix video content with photos to create engaging multimedia galleries that tell a complete story. Video thumbnails are generated automatically (for YouTube & Vimeo videos) for a seamless viewing experience. Creating Portfolio Galleries for Photography Websites Photographers need portfolio galleries that showcase their work professionally. Modula provides the tools to create stunning photography portfolios that impress potential clients. Use the Custom Grid gallery type to create curated layouts that highlight your best work. Resize key images to draw attention to your strongest photographs. Add captions and titles to provide context for each image. Enable the lightbox slideshow feature to let visitors browse your photography in full-screen mode. Disable right-click protection to prevent unauthorized downloading of your photos. Add watermarks to protect your intellectual property while still showcasing your portfolio. Building Real Estate Photo Galleries Real estate agents use photo galleries to showcase property listings. Modula makes it easy to create professional real estate galleries that help properties sell faster – especially with our dedicated BnB layout. Upload photos of each room, exterior shots, and neighborhood amenities. Use gallery filters to let visitors sort by room type or property feature. Add detailed captions describing each space and highlighting key selling points. Create separate galleries for each property listing and organize them into albums. This allows potential buyers to easily browse multiple properties on your website. Using Modula with WooCommerce Product Galleries Enhance your WooCommerce store with better product galleries. Replace default WooCommerce product images with custom Modula galleries that showcase products from multiple angles. Create a gallery for each product with detailed product shots, lifestyle images, and close-up details. Use hover effects to make product galleries interactive. Enable the lightbox to let customers view high-resolution product images. Product galleries with multiple images increase conversion rates by giving customers confidence in what they’re purchasing. How to Optimize Gallery Images for SEO Image SEO is crucial for getting your photos discovered in Google Image Search. Modula’s AI optimizer makes image SEO easy by automatically generating optimized titles, captions, and ALT text. Use descriptive filenames before uploading images. Include relevant keywords in image ALT text to help search engines understand your photos. Write detailed captions that provide context and include keywords naturally. Enable lazy loading to improve page speed, which is a ranking factor for SEO. Compress images before uploading to reduce file sizes without sacrificing quality. Well-optimized image galleries can drive significant organic traffic from image search results. Troubleshooting Common Gallery Issues Why is my gallery not displaying properly? If your image gallery isn’t showing up on your page, first verify the shortcode is correctly placed. Check that the gallery ID in the shortcode matches your gallery. Clear your browser cache and any WordPress caching plugins. Inspect your browser console for JavaScript errors that might prevent the gallery from loading. Ensure there are no theme conflicts by temporarily switching to a default WordPress theme to test. How do I fix blurry images in my gallery? Blurry images typically result from the “Gallery image size” setting being too low. Navigate to your gallery settings and increase the “Minimum Image Width” value in the General section. Upload higher resolution source images to provide better quality at larger display sizes. The plugin resizes images based on your settings, so starting with high-quality originals ensures sharp results. Gallery images not loading on mobile devices Mobile loading issues are often caused by JavaScript conflicts or caching problems. Disable lazy loading temporarily to see if that resolves the issue. Check that your mobile theme doesn’t conflict with gallery scripts. Ensure responsive breakpoints are properly configured in your gallery settings. Test on multiple mobile devices and browsers to identify if the issue is device-specific or universal. How to speed up slow gallery loading times Just use Modula SpeedUP and we’ll handle everything else. We’ll optimize your images through ShortPixel, and send them off to a super fast CDN. The process runs in the background seamlessly and you don’t have to do anything besides activate the Modula SpeedUP extension. Reduce the number of images per gallery page or implement gallery pagination. Use a CDN to serve images faster to visitors worldwide. Optimize your WordPress hosting for better overall performance. Images appearing in wrong order in gallery Gallery image order is controlled in the gallery builder. Drag and drop images to reorder them in your desired sequence. The display order matches the order shown in the gallery editor. If using Masonry layout, note that image positions adjust automatically based on available space and image dimensions. For precise control over image placement, use Custom Grid layout instead. How-to Guides: Here are a couple of quick tutorials on how to create your dream gallery using the free version: WordPress Image Gallery Custom grid Gallery Masonry Image Gallery Mobile responsive Gallery Beaver Builder Gallery Elementor Image Gallery Divi Builder Gallery When using the Pro version, you can also create: Video Galleries in WordPress Gallery Sliders in WordPress Galleries with Hover Effects Albums Help & Support Guides & Help Articles: Read documentation Ask a Question: Support forum Need Extra Help? Contact Us Do you have galleries already created in NextGen, Envira, Final Tiles Grid Gallery or FooGallery and want to migrate them to Modula? Use our dedicated migration tools: Migrate away from NextGEN Gallery Migrate away from FooGallery Migrate away from Envira Gallery Migrate away from Final Tiles Migrate away from Photoblocks Gallery 3rd party or external service disclaimer The plugin connects to our website through an API call (https://wp-modula.com/wp-json/mt/v1/get-all-extensions) in order to request a list of available extensions. IT DOES NOT SEND ANY DATA NOR DO WE COLLECT INFORMATION FROM THE REQUEST Our privacy policy can be found at this URL https://wp-modula.com/privacy-policy/