How to Add a Gallery in WordPress

You’ve built your WordPress site. You’ve uploaded your best images. But they’re sitting in a single, scrollable mess — no structure, no visual impact, no story.

That’s not a gallery. That’s a pile.

A well-designed image gallery does three things at once: it holds attention, builds trust, and signals professionalism — all before a visitor reads a single line of text. And with over 455 million websites running on WordPress (43% of the entire internet), standing out visually isn’t optional anymore. It’s survival.

The good news? Adding a gallery in WordPress is faster and easier than most people think. Whether you use the native block editor or a dedicated plugin, this guide walks you through every method — step by step — so your images work as hard as your words do.

Why Your WordPress Gallery Matters More Than You Think

Before diving into the how, let’s talk about the why — because the stakes are higher than most site owners realize.

Visual content drives 94% more views than text-only content, according to MDG Advertising. That number alone should make you stop and reconsider how your images are currently displayed.

Here’s what the data tells us:

• 38% of visitors stop engaging with a website if the layout or content is unattractive (Adobe)
• Pages with relevant images get 650% more engagement than pages without (WebDAM)
• It takes just 50 milliseconds for users to form an opinion about your website’s design (Behaviour & Information Technology)
• 67% of consumers say image quality is “very important” when making a purchase decision (MDG Advertising)
• Websites with galleries and visual portfolios see up to 40% lower bounce rates compared to text-heavy pages (HubSpot)

The takeaway is simple: a gallery isn’t decoration. It’s a conversion tool. And setting it up correctly makes all the difference.

Method One: Using the WordPress Built-In Gallery Block

WordPress introduced the Gutenberg block editor in version 5.0, and with it came a native Gallery block that’s surprisingly powerful for basic use cases. No plugin required.

Step One — Open Your Page or Post Editor

Log into your WordPress dashboard and navigate to Pages or Posts. Open an existing page you want to add a gallery to, or click Add New to start fresh.

Step Two — Add the Gallery Block

Click the “+” icon where you want the gallery to appear. In the block search bar, type “Gallery” and select the Gallery block from the results.

Step Three — Upload or Select Your Images

You’ll be prompted to either:

• Upload files directly from your device
• Open the Media Library to select images you’ve already uploaded

Select multiple images by holding Ctrl (Windows) or Command (Mac) as you click. Then hit “Create a new gallery.”

Step Four — Arrange and Configure

Once your images are added, you can:

• Drag and drop to reorder them
• Add captions to individual images
• Set the number of columns (2, 3, 4, or more)
• Toggle Crop images to force uniform sizes
• Enable Link to options (Media File, Attachment Page, or None)

Step Five — Adjust Block Settings

In the right-hand panel under “Block” settings, you can fine-tune:

• Image size (Thumbnail, Medium, Large, Full Size)
• Gap between images
• Columns (responsive columns auto-adjust on mobile)

Step Six — Publish or Update

Click Publish or Update and your gallery goes live.

Limitations to know: The native block is excellent for simple grids, but lacks lightbox popups, filtering, video support, lazy loading, and advanced customization. If you need any of those features — and most sites eventually do — a plugin is the smarter path.

Method Two: Using a WordPress Gallery Plugin

Plugins give you far more control over how galleries look, perform, and function. The WordPress Plugin Repository has over 59,000 free plugins, and several are purpose-built for galleries with professional-grade features.

Here are the top options and how to set each one up.

Option A — Envira Gallery (Most Beginner-Friendly)

Envira Gallery is one of the most popular gallery plugins, with over 100,000 active installs and a 4.8-star rating on WordPress.org. It’s known for its drag-and-drop interface and clean lightbox display.

How to install and set up Envira Gallery:

Navigate to Plugins → Add New in your dashboard. Search for “Envira Gallery” and click Install Now, then Activate.

After activation, a new Envira Gallery menu item appears in your sidebar. Click it and select Add New.

Give your gallery a name. In the “Images” tab, click “Select Files from Your Computer” or “Select Files from Other Sources” to pull from your Media Library.

Once images are loaded, switch to the “Config” tab to set:

• Number of columns
• Lazy loading (on by default — keeps your page speed healthy)
• Image caption display
• Lightbox behavior

Under the “Lightbox” tab, toggle on the popup viewer so visitors can click images to expand them — a feature proven to increase time-on-page.

When ready, click Publish. Copy the shortcode (e.g., [envira-gallery id=”123″]) and paste it into any page or post using a Shortcode block.

Option B — NextGEN Gallery (Best for Photographers and Large Collections)

NextGEN Gallery has been around since 2007 and boasts over 1 million active installs — one of the most-installed gallery plugins in WordPress history. It’s built for high-volume image collections and offers advanced management tools.

How to install and set up NextGEN Gallery:

Go to Plugins → Add New, search “NextGEN Gallery”, and install + activate.

Click Gallery → Add Gallery / Images in the sidebar. You can create a new gallery by uploading a folder of images directly — this batch-upload feature is a major time saver for large projects.

From Gallery → Manage Galleries, click your gallery to organize images, add metadata, and set sort order.

To add the gallery to a page, use the “Add NextGEN Gallery” button that appears in your post editor, or use the provided shortcode. You can choose between display styles:

• Thumbnail Gallery — classic grid
• Slideshow — automated rotation
• ImageBrowser — single-image navigation
• Pro Lightbox (paid) — advanced popup experience

Option C — FooGallery (Best for Design Flexibility)

FooGallery is a lightweight plugin with over 70,000 active installs that emphasizes clean design templates and easy setup — particularly good for creative professionals and small businesses.

How to install and set up FooGallery:

Install via Plugins → Add New (search “FooGallery”). Once activated, go to FooGallery → Add Gallery.

Select a gallery template from the visual picker — options include Responsive Image Gallery, Masonry, Simple Portfolio, and Slider. Add images from the Media Library, then configure settings like border radius, hover effects, and caption style.

Publish and embed via shortcode or Gutenberg block.

How to Create a Gallery Page in WordPress

If you want a dedicated gallery page — not just a gallery embedded inside other content — the process takes four steps.

Create a new page: Go to Pages → Add New, title it something clean like “Our Work,” “Portfolio,” or “Gallery.”

Add your gallery: Use either the native Gallery block or paste your plugin’s shortcode.

Set the page template: In the right sidebar under “Page Attributes”, select a full-width template if your theme supports it. This removes sidebars and gives your images maximum space.

Add to navigation: Go to Appearance → Menus, find your new gallery page in the left panel, click “Add to Menu”, and save. Now visitors can find it easily.

Optimizing Your Gallery for Speed and SEO

A beautiful gallery that slows your site down is worse than no gallery at all. Research shows a 1-second delay in page load time reduces conversions by 7% (Akamai). And 53% of mobile users abandon a site that takes more than 3 seconds to load (Google).

Here’s how to keep your gallery fast and search-engine-friendly:

Compress your images before uploading. Tools like TinyPNG or Squoosh can reduce file size by 60–80% without visible quality loss. Large uncompressed images are the number-one cause of slow gallery pages.

Enable lazy loading. Most gallery plugins do this automatically. Lazy loading means images only load as users scroll to them — dramatically improving initial page speed scores.

Add alt text to every image. Alt text tells search engines what each image is about. According to Moz, properly optimized alt text contributes to overall page SEO and helps images rank in Google Image Search — a traffic source most site owners completely ignore.

Use descriptive file names. Rename files before uploading. “portfolio-web-design-project-2024.jpg” performs better in search than “IMG_00432.jpg.”

Choose the right image format. WebP images are typically 25–35% smaller than JPEGs at equivalent quality. WordPress 5.8+ natively supports WebP uploads.

Use a CDN (Content Delivery Network). If your audience is global, a CDN serves images from servers closest to each visitor. Cloudflare offers a free tier that works with WordPress in under 10 minutes.

Common WordPress Gallery Mistakes to Avoid

Even experienced WordPress users make these errors. Avoid them and your gallery will look more professional from day one.

Mixing wildly different aspect ratios. Inconsistent image proportions create a chaotic, unprofessional grid. Crop your images to a consistent ratio before uploading (16:9 or 4:3 work well for most grids).

Uploading at full resolution. A 6000px wide photo from a DSLR displayed in a 300px thumbnail is wasted data. Resize images to the maximum display size before uploading — usually 1200–1500px wide for most layouts.

Not testing on mobile. Over 58% of global web traffic comes from mobile devices (Statcounter, 2024). Always preview your gallery on a smartphone before publishing.

Forgetting captions and context. Images without context leave visitors guessing. A short caption — even just a project name or date — increases engagement and tells a story.

Using too many columns on mobile. A 4-column grid looks great on desktop. On a 375px phone screen, it becomes unreadably small. Most gallery plugins have responsive column settings — use them.

Ignoring gallery page speed. Galleries are image-heavy by nature. Without optimization, they can balloon your page load time from under 2 seconds to over 8 seconds — a death sentence for bounce rate.

Which Gallery Method Is Right for You?

Here’s a quick decision framework based on your situation:

Use the native WordPress Gallery block if: You need a simple, fast grid of images with no special features, and you want zero additional plugins.

Use Envira Gallery if: You’re a beginner or small business owner who wants a clean lightbox gallery without complexity.

Use NextGEN Gallery if: You’re a photographer, creative agency, or manage hundreds of images across multiple galleries.

Use FooGallery if: You care about visual customization and want modern hover effects and layout templates.

For most users building a professional website, a lightweight plugin like Envira or FooGallery hits the right balance of ease and capability.

Frequently Asked Questions

Can I add a gallery to WordPress without a plugin?

Yes — WordPress has a built-in Gallery block in the Gutenberg editor. It supports grids, captions, columns, and image linking. For more advanced features like lightbox popups, video galleries, filtering, or lazy loading, a dedicated plugin gives you far more control. Most gallery plugins have free tiers that cover the needs of most small to mid-sized websites.

How many images should I include in a gallery?

There’s no universal rule, but most UX guidelines suggest keeping galleries to 12–20 images for a grid display, and expanding beyond that only with filtering or pagination built in. Showing too many images at once overwhelms visitors and can significantly slow page load. Curate ruthlessly — show only your best work, not everything you’ve ever created.

Does adding a gallery affect my website’s SEO?

It can help or hurt depending on how you set it up. Optimized galleries with compressed images, descriptive alt text, proper file names, and lazy loading can improve your SEO by reducing bounce rate and adding relevant visual content. Unoptimized galleries — large files, missing alt text, no lazy load — will hurt your page speed scores, which directly impacts Google rankings. According to Google’s own data, pages that load in 1–2 seconds have a 9% bounce rate, while pages that take 5 seconds have a 38% bounce rate.

Can I add video to a WordPress gallery?

Yes, but you’ll need a plugin. The native Gallery block only supports images. Plugins like Envira Gallery (Pro), FooGallery, and Modula support video embedding directly into gallery grids — useful for portfolio pages, product showcases, and creative agencies that mix photos and video.

What’s the best free gallery plugin for WordPress?

For most users starting out, Envira Gallery (free tier) and FooGallery (free tier) are the top choices because of their ease of use, visual output quality, and active support communities. NextGEN Gallery is excellent for photographers managing large image libraries. All three have premium upgrades if you need advanced features later.

My website looks great — but I still can’t get meetings booked. What’s missing?

A polished website is only half the equation. The other half is proactive outreach. Most businesses rely entirely on inbound traffic and then wonder why leads are inconsistent. At Salesso, we build complete outbound systems — precision targeting, multi-touch LinkedIn and cold email campaigns, and scaling frameworks — that put your offer in front of the right decision-makers every day. Book a free strategy meeting and we’ll show you exactly how to build a pipeline that doesn’t depend on who happens to stumble onto your website.