Site Tutorials

Tutorials » Build a Wedding Website Tutorial

Amid the venue picking, dress and tux shopping, and cake tasting, we’re thrilled you’ve come to WordPress.com to create a site for your wedding — and to celebrate your relationship. We know you’re busy planning the details of your event, so we created this step-by-step guide so you can launch your site quickly.

By the end of this guide, you’ll have a wedding website you can share with your guests — and start documenting your memories! Read on, or dive into a section to see what we’ll cover.

Table of Contents

Create Your New Site

The first step is to create your new site if you haven’t already. We have a great guide here on building a website in five easy steps.

Some of the steps overlap with what we discuss below but don’t worry, we’ll explain everything as we go along. Please follow the steps there so you have the basics of your brand new website ready.

↑ Table of Contents ↑

Pick a Theme for Your Wedding Website

Think of a theme as the template of your site: it creates the layout, and when you customize it and start adding pages and posts, you create the personality — and there are details you can tweak to match your site to your event — and transform it into a space that celebrates this special journey. You can switch themes whenever you’d like, so you’re not stuck with the theme you chose during signup.

redhill theme
A wedding website created using the Redhill theme.

There are many themes to choose from on WordPress.com, from minimal and versatile to playful and festive. You can check them all out and see demo versions by going to My Site → Appearance → Themes on your WordPress.com dashboard.

On the theme showcase, you will first see a list of “Recommended Themes.” These are themes that were designed with the block editor in mind. That means these themes are faster to set up, edit, and change the way you like it. Don’t like a particular section on the theme demo? No worries, you can change it thanks to the block editor.

Here are some of the recommended themes that you can check out for your wedding website:

While the headings and other text on the demo site may not fit the description of a wedding website, don’t worry; you can edit everything and add your own text and images. What you are looking for in a theme is the basic structure of the website. As far as the content goes, you can always modify them later.

Not happy with any of the “Recommended Themes?” On the theme showcase, scroll down to the Show all themes button and use the filters to specify what you’re looking for. A whimsical style? A theme with shades of pink? A template with just one column? Each theme page has a description of features and quick how-tos, and a list of features it supports on the right side.

↑ Table of Contents ↑

There are tons of blocks that you can use to add content like images, heading, galleries, slideshows, buttons, etc. throughout your wedding website. Please click here to learn the basics of the block editor if this is your first time using the block editor.

Once you’re familiar with the block editor, here are some of the blocks we recommend using to add a personal touch on your site.

  • Image block – lets you insert a single image anywhere on the page.
  • Gallery block – lets you insert a selection of images in a variety of gallery formats.
  • Cover block – lets you insert a wide background image with text and buttons on top. Ideal for the homepage of the wedding website.
  • Buttons block – lets you insert buttons that lead to other pages or external websites.
  • Social Links block – lets you insert links to your social media profiles (like Facebook, Twitter, and Instagram) with icons anywhere on the page.
  • Media & Text block – lets you insert an image with text side-by-side. This can be ideal for a short introduction to the couple.
  • Columns block — if you want multiple columns side-by-side, you can use the columns block.
  • Group block — lets you add a number of other blocks into a single block so you can move all of them around the page together.

Check out how various image-specific blocks look in live examples here.

Interested in finding out all the other blocks that are available at your disposal? Check out the list of blocks here.

↑ Table of Contents ↑

Add More Features to Your Wedding Website

You probably want a few more features on your wedding website than just static information, right? Here are some of the things that you can set up on your site to make it more engaging for your guests.

↑ Table of Contents ↑

Set Up an RSVP Form

In addition to, or in lieu of, paper RSVPs, you can set up an RSVP form to gather your event’s guest count. You can use the Form block to set up the form on any of the pages on your site. Here’s how:

First, open the page editor where you want to insert the RSVP form. If you haven’t created a dedicated page for RSVP yet, you can see how to create a new page here.

Once you’re in the new page editor, click the + icon to add a new block, and look for the Form block. Click on the Form block to insert it and then click on the RSVP option to insert a ready-made RSVP form right away.

inserting rsvp form

As you can see in the animated image above, you can click the pencil icon to enter a custom email address where you would like to receive the RSVP submissions via email.

You can add fields to the form by clicking on the +  button at the bottom right corner of the form block. It may be helpful to know, for example, if the guest will bring a date, or if children are included in a particular RSVP. You can set up a new field and use a variety of options — drop-down menu, checkbox, simple text field, etc. — to collect this information from your guests.

You can click on any of the fields that you want to make required — so visitors must choose an answer before they can submit — and click the * icon above it to make it required.

make a field required

Once you have the RSVP form ready, you can click the Publish button to publish the page. Don’t forget to add the page to the menu as well so visitors can find it.

↑ Table of Contents ↑

Create a Guestbook

By default, pages have comments turned off. But you can have a page called Guestbook (or anything else you like) and allow comments on that page so it functions as a virtual guestbook on your wedding website. That will let visitors leave comments like this:

toujours-guestbook

To create a Guestbook on your site, you can follow the steps below.

One: Create a new page and title it “Guestbook” (or whatever you’d like to call it).

Two: Write a personalized message in the body of the page, if you’d like.

Three: Under the Discussion module on the right, check the box that says “Allow comments.”

allow comments on a page

Four: Publish the page. The page will only show your message with option for visitors to leave a comment. Once your guests start visiting your site, you’ll have comments there in no time.

↑ Table of Contents ↑

Add an Event Countdown Block

An Event Countdown block will let you insert a countdown timer to your posts or pages. You can use that show a countdown to the big day.

To insert it, open any post or page in the editor and add the Event Countdown block. You will see the option to give it a title as well as choose a date.

Event Countdown block

You can see an example of how the final countdown will look on the Event Countdown block.

↑ Table of Contents ↑

Enable a Milestone Countdown Widget

In addition, or instead of, the Event Countdown block mentioned above, if you want to display a countdown on a widget area — like a sidebar widget or a footer widget area — that is displayed on all pages of your site, you can use the Milestone widget.

On WordPress.com, you can add and arrange a variety of widgets, or tools and features, on your website. We know you and your guests can’t wait for this special event, so we created a Milestone widget that displays a countdown to a given date. Here’s how the widget looks on the site:

wedding-milestone-widget

To enable it on your site, go to your My Site → Appearance → Customize → Widgets then choose an available widget area on your theme. Then click Add a Widget and search for the Milestone widget. You’ll see several settings to adjust after you add it to the widget area:

  • Title: This optional text will show at the top and will be styled like the titles on other widgets in your sidebar.
  • Event: Text entered here will display immediately above the date. It’s also optional, so leave it blank if you’d like.
  • Date and Time: In the widget settings, the fields are listed in the following order: month, day, year, hour, minute. Dates may not be later than December 31st, 2037, and hours should be entered in the 24-hour format.
  • Message: This optional message will be shown after the countdown has ended.

↑ Table of Contents ↑

Embed a Map to Your Venue

You can embed a map on your site — perhaps on a page about your ceremony and reception venue. Here’s how:

  • Click the + button to add the Map block.
  • Type in the street address of your venue (or another geographic location).
  • Once your map is fully loaded, a marker will appear, and it should look like this:
map-block.png

You can also embed a map using Google Maps if you’d like to use that instead. See how to embed a Google Maps location on your site here.

↑ Table of Contents ↑

Set Up Email Notifications for Updates

Many of your guests will likely want to receive updates on your journey, planning, and the event itself. The Follow Blog widget allows guests to subscribe to your wedding website and receive email notifications each time you publish a new post. Here it is in action on a sidebar theme:

toujours-follow-blog

To activate it, click My Site Appearance → Customize → Widgets and search for this widget. You’ll see these settings:

toujours-follow-blog-settings

Widget title for non-followers: Text displayed for site visitors who haven’t yet subscribed to your site.

Widget title for followers: Text shown to a site visitor who is already subscribed to your site.

WordPress.com message: This text is displayed to guests who have WordPress.com accounts (and are logged in). The visitor will see this message followed by a follow button.

Non-WordPress.com message: This message is shown to visitors who aren’t logged in to WordPress.com. Your visitor will see this message followed by an email field and follow button.

Follow button text: A short message displayed in the subscription button.

Show total number of followers: If this box is checked, the widget will display the total number of guests following your site. This feature may not be important to you for your wedding site, so you can leave it unchecked if you prefer.

↑ Table of Contents ↑

Make Your Website Private

If you want to keep your wedding website an intimate affair, consider making it invite-only and accessible to your guests — rather than a public site.

You’ll first want to “launch” your site if it hasn’t been done already. To launch and make your wedding site private, change your settings at My Site → Settings. Scroll down a bit and you’ll see a Privacy section:

make-site-private.png

To make your site private, check the box next to “Your site is only visible to you and logged-in members you approve. Everyone else will see a log in screen.” Be sure to click Save Settings. Then, you can invite your guests (via email addresses or WordPress.com username) to view your site.

We’ve cherry-picked the bits and pieces of WordPress.com wisdom that are most important for wedding websites here — there’s more to explore, but you should be ready to go with this quick guide.

We’re happy you’ve joined us and wish you the best of luck on your event planning and journey toward the big day!

Was this guide helpful?

Not quite what you're looking for?

Get Help