Make your own free wedding website with AI

A wedding website that's entirely yours

You'll describe the site to a free AI assistant, paste what it writes into a file, and open it in your browser. Your photos, your colours, your words.

• A one-page website with your names, date and a countdown to the big day
• Your story, photos, and the day's schedule
• Venue details with an embedded map and travel and hotel tips
• Dress code and FAQs ("Can I bring a plus one?", "Is there parking?")
• An RSVP button connected to a free Google Form, with answers landing in a Google Sheet
• A look that matches your invitations, and a layout that works on phones (most guests will open it on one)

Good for: couples who want something personal without a monthly fee, anyone organising a big birthday, reunion or christening, and the friend who's been "volunteered" to sort out the website.

What you need

Gather your details

The AI can only use what you give it. Open a note and jot down:

• Your names and how you'd like them written ("Sam & Alex")
• Date, start time, ceremony and reception venues with full addresses
• The schedule (ceremony, drinks, dinner, first dance, carriages)
• Dress code
• RSVP deadline
• 5 to 10 questions guests usually ask (parking, children, dietary needs, gifts, accommodation)
• 2 or 3 sentences about how you met
• Your colours, or a photo of your invitation

You'll paste this into the prompt in Step 1.

Build it in six steps

1. Ask for the website

   Copy this prompt, fill in the bits in [square brackets], and paste it into Claude, ChatGPT or Gemini:

   Copy this promptCopy

   I don't know how to code. Please make me a wedding website as ONE single HTML file (HTML and CSS together, no external libraries except Google Fonts) that I can save and open by double-clicking.
   
   Style: elegant and romantic, [soft sage green and cream / navy and gold / your colours here], with a script font for our names and a clean, easy-to-read font for everything else. It must look good on phones as well as computers.
   
   Sections, in this order, with a simple menu at the top that scrolls to each one:
   1. Hero: our names, the date, the town, and a live countdown (days, hours, minutes) to the wedding
   2. Our story
   3. The day: a schedule as a simple timeline
   4. Venue and travel: addresses, a space for a map, parking and hotel suggestions
   5. Dress code
   6. FAQs, each question expanding when clicked
   7. RSVP: a big button that will link to a form (use # as the link for now)
   
   Here are our details:
   [Paste your notes here]
   
   Please give me the complete file in one code block.

   Copy the code the AI gives you, paste it into Notepad (Windows) or TextEdit in plain text mode (Mac), and save it as index.html in a new folder called wedding-site. Double-click it to see your website.

   Why index.html? It's the name web hosts look for as a site's front page, which makes putting it online easier later.

2. Add your photos

   Put your photos in the same wedding-site folder. Give them simple names with no spaces, like hero.jpg, us1.jpg, us2.jpg, us3.jpg. Then:

   Copy this promptCopy

   Please add photos to the site. They are in the same folder as the HTML file:
   - hero.jpg should be a full-width background behind our names in the hero section, with a soft dark overlay so the text stays readable
   - us1.jpg, us2.jpg and us3.jpg should appear as a neat gallery in the "Our story" section, with rounded corners, side by side on computers and stacked on phones
   
   Send me the complete updated file.

   Tip: photos straight from a phone can be huge, which makes the site slow. Ask the AI "How do I make my photos smaller without losing quality?" and it will point you to a free tool.

3. Add a map

   1. Go to Google Maps and search for your venue.
   2. Click Share, then Embed a map, then Copy HTML.
   3. Paste it into this prompt:

   Copy this promptCopy

   Please put this Google Maps embed into the Venue section, full width, with rounded corners, and make sure it resizes properly on phones:
   
   [paste the embed code here]
   
   Send me the complete updated file.

4. Set up RSVPs with a free Google Form

   Your website is a single file with no server behind it, so it can't store RSVPs by itself. A free Google Form does that job, and every answer lands in a Google Sheet that only you can see.

   1. Go to forms.google.com and start a blank form.
   2. Not sure which questions to ask? Ask the AI:

   Copy this promptCopy

   I'm making a Google Form for wedding RSVPs. Please suggest the questions and answer types (short answer, multiple choice, etc.) I should use. We are [serving a choice of 3 meals / not asking about meals], [inviting / not inviting] children, and need to know about dietary requirements. Keep it short and friendly.

   1. Build the form, then in the Responses tab click Link to Sheets so answers go into a spreadsheet.
   2. Click Send, choose the link icon, tick Shorten URL, and copy the link.
   3. Give it to the AI:

   Then tryCopy

   Please make the RSVP button open this link in a new tab: [your form link]. Also add the line "Please reply by [date]" under the button.
   
   Send me the complete updated file.

5. Make it feel like you

   Small touches make the site memorable. Pick any of these:

   Copy this promptCopy

   Please add these touches to the website:
   - A gentle fade-in as each section scrolls into view
   - A small heart or [our initials] logo in the menu
   - A "Add to calendar" button that downloads a calendar file for the wedding date and time
   - A short message at the bottom: "We can't wait to celebrate with you. [Names] x"
   
   Send me the complete updated file.

   Want it to match your stationery exactly? Upload a photo of your invitation and ask: "Please restyle the website so its colours and fonts match this invitation as closely as possible. Send me the complete updated file."

6. Put it online

   Right now the site only lives on your computer. To share a link with guests, you need to put it online. Two free options:

   • Netlify Drop (easiest): go to app.netlify.com/drop, sign up for free, and drag your whole wedding-site folder onto the page. You'll get a web address within seconds.
   • GitHub Pages: a little more setup, very reliable.

   Our Putting your project online for free guide walks through both. Want your own address like samandalex.com? The same guide shows how to connect one.

   Privacy tip: if you'd rather your site doesn't appear in Google, ask the AI: "Please add a tag so search engines don't list this page." Share the link only with guests.

Quick fixes

On my phone, [the names are cut off / the schedule overflows the screen]. Please fix the layout for small screens and send me the complete updated file.

Twist it into something else

The same steps work for any event with guests:

After the wedding, ask the AI to turn the site into a thank-you page with your favourite photos. Guests love it.

It's yours, and so is your guest list

It's yours. No platform branding, no adverts on your page, no subscription to remember to cancel, and your guest list sits in your own Google account. You also end up with a skill you can reuse for every party, club and side project from now on.

What to build next