How to Build a Photography Website with Elementor: A Complete Guide

A great photography website does one thing above all else: it gets out of the way and lets the images do the talking. That means clean design, fast-loading galleries, and a layout that looks just as good on a phone as it does on a desktop.

Elementor and Envira Gallery are two of the best WordPress tools for getting there. Elementor gives you full design control over your site without writing a single line of code. Envira Gallery gives you fast, professional image galleries built specifically for photographers. Together, they cover everything a strong photography website needs.

This guide walks you through the entire process — from installing your tools and building your layout, to creating galleries and displaying them on your pages.

Why Elementor Is the Right Page Builder for Your Photography Website

Most WordPress themes give you a fixed layout. You can tweak colors and fonts, but the underlying structure is baked in. That’s a real problem for photographers, whose work demands that the site bends to the images — not the other way around.

Elementor solves this problem. It’s a visual drag-and-drop page builder that gives you complete control over every section, column, widget, and spacing setting on your site.

Here’s why that matters for photographers specifically:

• Full design control without coding. With Elementor, you can make your hero image full-screen, create asymmetric layouts that put your photography front and center, control spacing to the pixel, and build pages that look nothing like a standard WordPress site. You’re designing, not just configuring.
• Photography-ready templates to start from. Elementor’s template library includes tons of photography-themed page templates. Rather than building from a blank canvas, you can import a professional design in one click and customize it to match your brand and style.
• The Hello theme: a clean canvas for your work. Elementor offers a free companion theme called Hello, and it’s what we recommend using here. Unlike most WordPress themes, Hello has no visual opinions of its own — no preset colors, no built-in header styles, no styling that fights with what you’re building. It’s a blank slate, which means Elementor is fully in control of everything your visitors see.

Why Envira Gallery Is the Right Choice for Photographers

Elementor gives you control over how your site looks. But when it comes to actually displaying your photography, you want a tool that was built specifically for that job — not a general-purpose image widget.

Envira Gallery is the best WordPress gallery plugin for photographers. It’s fast, flexible, and packed with features that matter to working photographers:

• Multiple gallery layouts — choose from masonry, justified, mosaic, grid, and more, depending on how you want your work to feel.
• Lightbox display — visitors can click any image to view it full screen and navigate through the gallery without leaving the page.
• Image protection — watermark your photos automatically to discourage theft.
• Deep linking for SEO — every image gets its own URL, making your portfolio indexable by Google Image Search.
• Client proofing — share password-protected galleries with clients for review and selection.
• WooCommerce integration — sell prints directly from your galleries without a separate storefront.
• Adobe Lightroom sync — import galleries directly from Lightroom without re-uploading.

And critically for this tutorial: Envira Gallery integrates directly with Elementor.

Check out our complete Envira Gallery review for more information.

Once you install the Elementor Addon, a dedicated Envira Gallery widget appears inside Elementor’s editor. This way, you can drag, drop, and embed your galleries right into your page layouts without touching a shortcode.

To follow this tutorial, you’ll need:

• Envira Gallery Pro (required for the Elementor integration) — plans start at $99/year. View options on the Envira Gallery pricing page.
• Elementor — we use Pro throughout this tutorial ($84/year), though the free version handles most layout tasks if you’re just getting started.
• The Hello Elementor theme — free, and the best foundation for an Elementor-built site.
• WordPress already installed — if you’re still at the hosting stage, check out our guide to the best web hosting for photographers before continuing.

How to Build a Photography Website with Elementor: A Complete Guide

Step 1: Install Elementor and Activate the Hello Theme

Let’s start by getting your tools in place.

Install the Hello Theme

From your WordPress dashboard, go to Appearance » Themes » Add Theme and search for “Hello Elementor.” You may not even have to search for it, as it’s often listed as a popular theme on the add theme page.

Once you find it, hover over it and click on the Install button. After that, make sure to hit Activate. 

Your site will look completely unstyled for now and if you don’t already have it, you’ll see a banner to install the Elementor plugin. So, that’s what we’ll do next.

Install and Activate Elementor

Now, head to Plugins » Add Plugin and search for “Elementor.” Once you locate it, click on Install Now followed by Activate.

If you’re using Elementor Pro, click Upload Plugin at the top of the Add Plugins screen and drag in your Elementor Pro ZIP file. 

Click Install Now, then Activate Plugin once the upload completes.

You can verify both are active by going to Plugins » Installed Plugins and confirming that Elementor shows as active in the list.

Connect Your Elementor License (Pro Users)

If you are an Elementor Pro user, go to Elementor » Editor » Settings in your WordPress dashboard and click on the Connect & Activate button.

After that, simply follow the prompts to login to your account and enter your license key.

Step 2: Build Your Site Layout in Elementor

With Elementor active and the Hello theme in place, you’re ready to start designing. Here’s the most efficient way to get your key pages built quickly.

Start with a Photography Template

Rather than building from scratch, I recommend using Elementor’s template library.

Simply go to Pages » Add New, give your page a title (e.g., “Home”), and click Edit with Elementor to open the Elementor editor.

Inside the editor, click the folder icon in the center of the canvas to open the Template Library.

Filter by “Pages” and search for photography-related templates. 

Browse the options and when you find one that suits your style, click the green Insert button to import it into your page.

Elementor will pull in the full layout — sections, images, typography, and all — ready for you to customize. 

Replace the placeholder images with your own photos, update the text to reflect your brand, and adjust colors and fonts using the Style panel on the left.

Set Up Your Key Pages

A professional photography website typically needs four core pages at minimum.

Create each one by going to Pages » Add Page, then edit it with Elementor and import a matching template from the library.

Here’s what you should aim to achieve with these core pages:

• Home – Your first impression. Lead with a full-screen hero image and a clear statement of who you are and what you shoot.
• Portfolio – Where your best work lives. We’ll come back to this page in Step 5, once your galleries are built.
• About – The person behind the lens. Clients hire photographers they connect with, so don’t skip this page.
• Contact – A simple form and your booking details. Elementor’s Form widget handles this cleanly without a separate plugin.

Build Your Header and Footer with the Theme Builder

One of the most valuable Elementor Pro features for photographers is the Theme Builder, which lets you design a custom header and footer that displays across your entire site.

Go to Templates » Theme Builder and click Add New. 

Choose “Header” as the type, then build it using the Elementor editor — add your logo, navigation menu, and any social links you want to appear at the top of every page. When you’re done, click Publish and set the display condition to “Entire Site.”

Repeat this process for your footer. This gives you a cohesive, professional look across every page without repeating design work.

Step 3: Install Envira Gallery and Create Your First Gallery

At this point, your site layout is starting to take shape. Now it’s time to add what makes a photography website actually work: the galleries.

Install and Activate Envira Gallery

Go to Plugins » Add New and click the Upload Plugin button.

Drag in your Envira Gallery Pro ZIP file, click Install Now, then Activate Plugin. Once activated, navigate to Envira Gallery » Settings and paste in your license key.

Click Verify Key to authenticate your Pro license.

Create a New Gallery

Go to Envira Gallery » Add New Gallery to open the gallery creation screen.

Give your gallery a name, then upload your images by dragging them directly into the upload area. 

You can also click Select Files from Other Sources to pull images from your WordPress Media Library.

Once your images are uploaded, they’ll appear in the Gallery tab below. 

From here you can drag images to reorder them, click the pencil icon on any image to add a title, alt text, or caption, and remove any images that don’t belong in this particular gallery.

Configure Your Gallery Layout

Click the Configuration tab to choose your gallery layout and adjust settings. Envira Gallery Pro includes several layout options beyond the default grid:

• Masonry – Images stack in columns at their natural height, which works well for mixed portrait and landscape shots.
• Justified – Every row is the same height, creating a clean, editorial look.
• Mosaic – A dynamic layout that highlights certain images at larger sizes.

Adjust your column count, image margins, and lazy loading settings here as well. 

Lazy loading is worth enabling — it means images only load as visitors scroll down, which keeps your page fast even with large galleries.

Set Up Your Lightbox

Click the Lightbox tab to enable the lightbox feature. 

When active, visitors can click any image to expand it to full screen, then navigate through the rest of the gallery. 

Pro users can also enable thumbnail navigation at the bottom of the lightbox, giving visitors a visual strip to jump between images.

When you’re satisfied with your settings, click Publish.

Step 4: Activate the Elementor Addon and Embed Your Gallery

This is where the two tools come together. The Envira Gallery Elementor Addon adds a dedicated Envira Gallery widget directly inside Elementor’s editor — making gallery embedding as simple as dragging and dropping.

Activate the Elementor Addon

Go to Envira Gallery » Addons in your WordPress dashboard. 

Find the Elementor Addon card and click Install, then toggle the switch to activate it.

Add the Envira Gallery Widget in Elementor

Open any page in the Elementor editor. In the left-hand widgets panel, either scroll down to the Envira Gallery section or type “Envira” into the search bar at the top.

Drag the Envira Gallery widget onto an empty section in your page canvas. 

Once placed, use the options in the left panel to select which gallery you want to display from the Gallery dropdown. You can also add an optional title above the gallery and set an image limit if needed.

Select your gallery and the live preview will update immediately, showing your gallery in context on the page.

You can resize the section, adjust padding, and continue editing the rest of your page around it.

When you’re ready, click Publish (or Update) to push your changes live.

Step 5: Build Your Portfolio Page

Your portfolio page deserves more thought than a single gallery drop. Here’s how to build one that does your work justice.

Structure the Page Around Your Work

In Elementor, open your Portfolio page and start with a strong above-the-fold section — a full-width hero image or a short headline that sets up the work below. Then create sections for each gallery or category of work you want to feature.

If you shoot multiple genres (weddings, portraits, landscapes), create a separate Envira Gallery for each and embed them as individual sections on the page using the Envira Gallery widget. 

Add a short heading and a sentence or two of context above each gallery — this helps both visitors and search engines understand what they’re looking at.

Use Albums to Organize Large Collections

If you have a substantial body of work, consider using Envira Gallery’s Albums feature (available in Pro) instead of embedding multiple individual galleries. 

An album lets you group multiple galleries together with a cover image for each, giving visitors a clean way to browse your work by category before diving into individual galleries.

Make It Filterable

For photographers with diverse portfolios, Envira Gallery’s Tags addon lets visitors filter your gallery by subject, style, or any tag you apply to your images. 

Combined with Elementor’s layout control, a filterable gallery portfolio is one of the most effective ways to keep visitors engaged and help them find the work most relevant to them.

Tips for Getting the Most Out of Elementor and Envira Gallery

Getting the two tools installed and connected is the foundation. Here’s how to make the most of what you’ve built.

• Optimize your images before uploading. Large image files are the most common cause of slow photography websites. Before uploading to Envira Gallery, resize your images to no wider than 2,000px and run them through a tool like Squoosh or ShortPixel to reduce file size without sacrificing visible quality.
• Use Envira Gallery’s watermarking to protect your work. The Watermark addon (available with Pro) automatically applies a text or image watermark to your photos as they’re displayed. It won’t stop every bad actor, but it’s a meaningful layer of protection for your most valuable images.
• Preview your site in Elementor’s mobile view. Photography websites live and die by how images look on phones. Before publishing any page, switch to Elementor’s mobile and tablet preview modes using the device icons at the bottom of the editor, and make sure your galleries and layouts hold up on smaller screens.
• Enable deep linking for better SEO. Envira Gallery’s deep linking feature gives each image in your gallery its own unique URL. This makes your individual photos indexable by search engines, which can drive meaningful traffic from Google Image Search over time.
• Use the Hello theme’s performance advantages. The Hello theme ships with almost no CSS or JavaScript of its own, which means your site’s load time is almost entirely determined by Elementor and Envira Gallery — both of which are optimized for performance. Avoid adding heavy third-party themes on top of this stack.
• Keep your galleries curated. More images is not better. A gallery of 20 stunning photos will hold a visitor’s attention far better than 80 loosely related shots. Be selective, especially on your portfolio page — every image should earn its place.

Frequently Asked Questions

Envira Gallery and Elementor make a genuinely powerful combination for photographers. 

Elementor handles everything about how your site looks and feels, while Envira Gallery handles everything about how your images are displayed, organized, and protected. 

Together, they give you the kind of professional photography website that used to require a custom developer build — at a fraction of the cost and in a fraction of the time.

Ready to get started? Get Envira Gallery Pro today and build the photography website your work deserves.

I hope you found this article helpful! Here are a few more resources you might want to explore:

• How to Create a Photography Portfolio in WordPress
• How to Make a Filterable Gallery Portfolio in WordPress
• How to Add Watermarks to Your Images in WordPress
• Best Web Hosting for Photographers
• How to Optimize Images for Web (WordPress Best Practices)
• How to Add Automatic Image Tagging in WordPress

Don’t forget to check out our blog and follow us on X (Twitter) for the best photography tips, resources, and WordPress tutorials.