webdevpuneet.com

Photographer Website Template

An elegant, dark site that lets the photos lead: a full-bleed hero image, your sessions with clear package prices, kind words from couples and clients, your latest stories and a booking form.

One page keeps everything on a single scrolling page. The 6-page website opens all its pages in the editor: Home, Pricing, Blog, Contact, Article, Privacy.

Full page preview · scroll to see it all
The complete Photographer Website template: Simple Sticky Navbar, Image Background Hero, Filterable Image Gallery, Pricing List Rows, Testimonial Carousel, Blog Post Cards, Product Grid, Contact Form With Details, Floating Social Share Bar, Minimal Footer, Back to Top Button, Cursor Follower (Blend Mode Circle)

Photographer Website Template — Free, Editable, Export HTML

Creative · One page or 6 pages · 12 sections · Playfair Display + DM Sans · Responsive · GSAP animation

Updated October 20, 2026

Extend with AI

Take This Template Further With AI

The AI prompt for this one is for Patreon supporters ($3 a month, 7 days free), along with a site with no ads. Supporters enter the passcode once and it is remembered in this browser.

· Become a supporter

Multi-page version

Pages in the 6-Page Photographer Website Template

Home (index.html): 5 sections, the home page
Pricing (pricing.html): 1 sections
Blog (blog.html): 1 sections
Contact (contact.html): 1 sections
Article (article.html): 1 sections
Privacy (privacy.html): 1 sections

What's included

Sections in the Photographer Website Template

Simple Sticky Navbar: A clean, responsive site header: logo on the left, navigation links, a log-in link and a call-to-action button
Image Background Hero: A full-width hero with your photo as the background, a dark gradient overlay that keeps text readable, a small label, a large white headline, supporting text, two buttons and an optional row of three stats along the bottom
Filterable Image Gallery: A responsive photo gallery: a heading, optional filter buttons built from each photo’s tag, and a grid of uniform thumbnails that zoom gently on hover with a caption sliding up
Pricing List Rows: Plans and packages as horizontal rows instead of cards: each row shows the plan name and description, a few highlight chips, the price and a button, with one featured row picked out by a badge
Testimonial Carousel: A testimonial slider with a left-aligned heading and arrow buttons above a row of quote cards
Blog Post Cards: A “latest from the blog” section: a heading with a view-all link, then post cards with a cover image, category tag, date and read time, title, short excerpt and the author’s photo and name
Product Grid: A shop-window section: a heading with a view-all link, then product cards with a 4:5 image, an optional badge such as New or -20%, the name, a short line, the price with an optional crossed-out old price, a star rating and a buy or view button
Contact Form With Details: A complete “Contact us” section: on the left a heading, short text and a list of ways to reach you (email, phone, office, chat), each with an icon and link; on the right a contact form card
Floating Social Share Bar: A floating social share bar that takes no space in your layout
Minimal Footer: A small, tidy footer for landing pages and simple sites: logo on the left, a single row of links in the middle and social icons on the right, with a thin divider and the copyright line underneath
Back to Top Button: A floating scroll-to-top button that appears after the visitor has scrolled down a distance you choose and glides back to the top of the page when clicked
Cursor Follower (Blend Mode Circle): A circle that follows the mouse across the whole page and inverts or recolours the text and images under it with a CSS blend mode

Checklist

What a photographer Website Needs

A hero image that shows your style in the first second
Packages with a price, what is included and how to book
Recent shoots with the location and the story, for local search
A form that asks for the date, place and type of session
Reviews from clients, ideally with the venue or session type

About this template

A Free Photographer Website Template You Can Edit Online

An elegant, dark site that lets the photos lead: a full-bleed hero image, your sessions with clear package prices, kind words from couples and clients, your latest stories and a booking form.

Use it as one scrolling page, or as a 6-page website (Home, Pricing, Blog, Contact, Article, Privacy) sharing one navbar, footer and theme. The one-page version is built from 12 sections of the Website Section Templates library and opens in the free Website Builder, where you can change every word and image, swap sections, set your own colours and fonts and export the finished site as clean HTML pages. The page is responsive, accessible and animated with GSAP, with content that stays visible without JavaScript.

The template ships with a Playfair Display and DM Sans font pairing and a colour theme suited to photographer websites; switch to any Google Font, upload your own, or apply your brand kit in one click.

Extras included

Extras Built Into the Photographer Website Template

Beyond the standard sections, the Photographer Website template includes 2 extras that you can edit, move or remove in the builder.

Back to Top Button: a floating back to top button that appears after the visitor scrolls, so a long page is easy to leave and return.

Cursor Follower: a circle that follows the cursor and inverts the page beneath it with a blend mode, adding a bold, playful touch.

Each extra has its own page in the free Website Section Templates library, where you can try its settings on their own before you use it here.

Make it yours

How to Get the Most From the Photographer Website Template

A photographer's site has to load fast, look like the photographs and make booking simple. This template opens on a full-width image hero, adds clear package pricing in a rows layout that is easy to compare, shows recent shoots as story cards and ends with a contact form that asks for the date and the place. The multi-page version gives Pricing, Blog and Contact their own pages.

Use your strongest image for the hero, keep the pricing honest and list what every package includes, and write each blog card as a short story of a real day with a few photographs, which also helps you appear in search for the place and type of shoot. Ask for the date, location and a few details in the form so you can reply with availability. Photographs are resized in your browser, so use the original files and let the builder handle sizes. A filterable gallery follows the hero so clients can browse weddings, portraits and brand work, and a prints and albums grid lets you sell prints and vouchers with links to your checkout.

Who it’s for

Best For

★
Wedding and portrait photographers
A ready-made starting point for wedding and portrait photographers, with real copy you can adapt in minutes.
◆
Photo studios
A ready-made starting point for photo studios, with real copy you can adapt in minutes.
●
Videographers
A ready-made starting point for videographers, with real copy you can adapt in minutes.

Step by step

How to Use This Template

  1. 1
    Open the templateClick “Use as one page” or “Use as 6-page website” to load it in the Website Builder. Your current website is kept in Saved.
  2. 2
    Make it yoursClick any section to change its text, images and links; upload your logo and photos.
  3. 3
    Set your brandPick colours and fonts in the Theme tab, or apply your saved brand kit.
  4. 4
    Adjust the pageAdd sections from the library, drag to reorder, duplicate or remove what you don’t need.
  5. 5
    Export and publishDownload the ZIP (one HTML file per page for the multi-page version) and upload it to Netlify, Vercel or any host.

Got questions?

Frequently Asked Questions

Show packages with a starting price and a clear list of what is included. Pricing filters out poor-fit enquiries and builds trust. This template uses a rows layout that makes packages easy to compare.

Upload full-resolution images: they are resized in your browser and the exported ZIP includes them in an assets folder. The hero and story cards use cover cropping, so choose images that still work when cropped.

Yes. The sample text covers weddings and portraits, so you only need to replace the images and details. Add a story card for each wedding with the venue name to help local search.

The contact form takes a date, place and message and can send to Formspree or any endpoint. You can also add phone and email links beside the form, with the response time you promise.

Yes. The Photographer Website template is free for personal and commercial use, with no sign-up, no watermark and no attribution required.

Click “Use this template” to open it in the free Website Builder. Click any section to change its text, images and links, change colours and fonts for the whole page in the Theme tab, and add, remove or drag sections to reorder them.

Both. Use it as one scrolling page, or as a 6-page website (Home, Pricing, Blog, Contact, Article, Privacy) that opens with every page in the editor. The pages share one navbar, footer and theme, and the menu links to every page automatically. Add more pages (About, Pricing, Contact, Blog and others) or remove any you don’t need in the builder’s Pages tab.

Yes. As one page you get a ZIP with index.html and an assets folder. As a 6-page website you get one HTML file per page (index.html, pricing.html, blog.html, contact.html, article.html, privacy.html), a shared styles.css and script.js, and an assets folder with your images, then upload it to any web host. Links between pages also work when you open the files from your computer.