webdevpuneet.com

Wedding Website Template

Everything your guests need in one beautiful place: a floral hero with the date and venue, your story told step by step as they scroll, a schedule for the day that draws itself down the page, answers about travel and where to stay, and an RSVP form that comes straight to your inbox.

One page keeps everything on a single scrolling page. The 5-page website opens all its pages in the editor: Home, Our story, Travel & stay, RSVP, Privacy.

Full page preview · scroll to see it all
The complete Wedding Website template: Floating Pill Navbar, Image Background Hero, Pinned Scroll Story, Scroll Path Timeline, Filterable Image Gallery, Split FAQ With Contact Card, Contact Form With Details, Floating Social Share Bar, Minimal Footer, Back to Top Button

Wedding Website Template — Free, Editable, Export HTML

Events · One page or 5 pages · 10 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), 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 5-Page Wedding Website Template

Home (index.html): 7 sections, the home page
Our story (story.html): 2 sections
Travel & stay (travel.html): 2 sections
RSVP (rsvp.html): 1 sections
Privacy (privacy.html): 1 sections

What's included

Sections in the Wedding Website Template

Floating Pill Navbar: A modern floating header: a dark, frosted-glass pill that hovers a little below the top of the page, with the logo, centred links and a bright CTA
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
Pinned Scroll Story: A scrollytelling section for product tours and stories
Scroll Path Timeline: A vertical timeline joined by a hand-drawn SVG line
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
Split FAQ With Contact Card: A two-column FAQ: on the left a heading, intro and a support card with an icon, a short message and a contact button, which stays in view while you scroll; on the right an accordion of questions that open smoothly
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

Checklist

What a wedding Website Needs

Names, date and place at the top of the first screen
A clear schedule with times and dress notes
Travel, parking and where to stay, in an FAQ
An RSVP form with a visible deadline and meal choices if needed
A registry or gift note, kept short and kind

About this template

A Free Wedding Website Template You Can Edit Online

Everything your guests need in one beautiful place: a floral hero with the date and venue, your story told step by step as they scroll, a schedule for the day that draws itself down the page, answers about travel and where to stay, and an RSVP form that comes straight to your inbox.

Use it as one scrolling page, or as a 5-page website (Home, Our story, Travel & stay, RSVP, Privacy) sharing one navbar, footer and theme. The one-page version is built from 10 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 wedding websites; switch to any Google Font, upload your own, or apply your brand kit in one click.

Extras included

Extras Built Into the Wedding Website Template

Beyond the standard sections, the Wedding Website template includes one extra 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.

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 Wedding Website Template

A wedding website has one audience, your guests, and they need three things: the story, the practical details and a way to reply. This template opens with the names, the date and the place, tells how you met in a scroll-driven story, sets out the day as a path of times, answers travel and accommodation questions in an FAQ, and ends with an RSVP form. The multi-page version separates Our story, Travel & stay and RSVP.

Use your own photographs in the hero and story, keep the schedule to the times guests need and put the RSVP deadline in the heading so no one misses it. Add the venue address, parking and a hotel suggestion in the FAQ, and say whether children are invited. Send guests the link in your invitations. The form can send to Formspree or any endpoint, so replies arrive by email without a backend. A small filterable gallery shows the ceremony, the dinner and the party so guests know what to expect.

Who it’s for

Best For

★
Couples sharing their wedding details
A ready-made starting point for couples sharing their wedding details, with real copy you can adapt in minutes.
◆
Engagement parties and vow renewals
A ready-made starting point for engagement parties and vow renewals, with real copy you can adapt in minutes.
●
Wedding planners making sites for clients
A ready-made starting point for wedding planners making sites for clients, 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 5-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

The contact section holds an RSVP form that can send to Formspree or any form endpoint. Ask for names, attendance, dietary needs and anything else you need for the dinner.

Yes. The story section scrolls through moments with a photo and a line each, and the schedule section lays out the day as a path with times. Both are editable lists you can add to and reorder.

Put the web address on your invitations and save-the-dates, and send it by message. Download the ZIP and upload it to a static host, then set your site address so links and the sitemap use it.

Yes. Pick a colour preset or set exact colours and fonts in the Theme tab, and the whole site follows. Muted palettes and a serif heading font suit most weddings.

Yes. The Wedding 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 5-page website (Home, Our story, Travel & stay, RSVP, 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 5-page website you get one HTML file per page (index.html, story.html, travel.html, rsvp.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.