[Surprise ideas](https://www.adorely.in/ideas) # How to make a birthday website they open at midnight By Pash, founder of Adorely · Updated 10 November 2026 · 6 min read To make a birthday website, pick a birthday website maker, choose a design, add ten to fifteen photos, write your message and add a song. Lock it with a password or a secret code if you want it private, then publish. You get one link. Send it on WhatsApp at midnight and it opens in their phone browser, with no app and no coding. It takes about fifteen minutes, or an evening if you choose the photos carefully. There are three ways to build one: a maker made for this, a general design tool like Canva or Google Sites, or coding it yourself from a template. All three are covered below, with what each costs you in effort, and then the steps in order. ## Three ways, then the steps ### 1. Way one: a birthday website maker The quickest route and the one most people want. The design, the animations and the music player are already built, so you only bring the photos and the words. Some lean on mini-games and a 3D cake, some on the design and the letter, and a few are made for collecting wishes from a group. Decide what you want them to feel first, then choose. [Birthday website makers, compared →](https://www.adorely.in/ideas/best-birthday-website-makers) ### 2. Way two: Canva or Google Sites Both let you lay out a page and publish it at a link without paying for a maker. You get full control over the look, and you do all the work: no music that plays when it opens, no place for others to add wishes, and every message from the group copied in by hand. A fair choice when the page is from you alone and you like arranging things until they look right. ### 3. Way three: code it yourself If you are learning HTML and CSS, this is a lovely gift and a good weekend project. Search GitHub for a birthday website template, change the name, the photos and the message, and host it on GitHub Pages or Netlify, both of which give you a link at no charge. Two cautions. Photos in a public repository are public, so choose them with that in mind. And test it on a phone, because that is where it will be opened. ### 4. Step 1: decide who gets to see it Most birthday websites are made by one person for the person they love, and the best ones are private. If it is for your girlfriend, boyfriend, husband or wife, plan to lock it and write it as if nobody else will ever read it, because nobody will. If it is for a best friend or a parent's fiftieth, you might let a few others add a wish. Decide now, since it changes which photos you pick. ### 5. Step 2: pick the design before the photos The design sets the mood and the mood tells you which photos belong. A scrapbook look wants old, slightly faded family pictures. A bright party look wants the ones where somebody is mid-laugh with cake on their face. Choose the design that sounds like the person, and the photos more or less choose themselves. [Look through the designs →](https://www.adorely.in/templates) ### 6. Step 3: choose twelve photos they will remember Scrolling your gallery for the best-looking ones is the easy way. The better test is whether they would remember the day each photo was taken. Add one from before you knew them, which means asking their mother or an old school friend, and one where they look terrible and are clearly happy. Twelve of those do more than fifty nice ones. ### 7. Step 4: write your message first Leave it to the end and you will write it at 11:40pm in four rushed lines. Write it first. Pick one specific day and say what you saw: the night they stayed up before your exam, the train they took to show up for you, the thing they said that you still repeat. One real memory with a date on it carries more than a paragraph of praise. ### 8. Step 5: lock it, or let a few friends in For a partner, add a secret code and a hint only they would get, like the date you met. Now even a forwarded link opens nothing. If you want their closest friends in on it, send the invite link to four or five people by name and ask for a photo and two lines, with the deadline the evening before. You can do both: a locked page with a few wishes from the people who matter to them. ### 9. Step 6: add the song Choose the song tied to a year of their life, the one that played all through that college trip or at their wedding. If the maker allows a voice note, record thirty seconds in your own voice as well. They will hear it before they read a single word, and a familiar voice saying their name does what no written line can. ### 10. Step 7: send one link at midnight Check the page on your own phone first, start to finish, sound on. Then send the link on WhatsApp at 12:00 with one line and nothing else attached. If they are asleep by eleven, send it at 7am so it is the first thing they open. After that it is theirs to keep, or to show off. ### 11. What it costs Coding it yourself or using Google Sites costs only your time. Makers usually charge once per page, with no subscription. On Adorely you build the whole page and see exactly how it looks before paying anything, and a single payment publishes it. The current price is on the pricing page, since it changes and a number written here would go stale. [Start a birthday page →](https://www.adorely.in/create) ## Quick answers ### How can I make a birthday website without coding? Use a birthday website maker. Pick a design, add photos, a message and a song, and it gives you one link to send on WhatsApp. The layout, animations and music player are already built, so nothing needs coding. A simple page takes about fifteen minutes. ### How do I create a birthday surprise link for WhatsApp? Build the page on a birthday website maker and publish it. You get a link. Paste it into WhatsApp with one line and send it at midnight. The birthday person taps it and the page opens in their phone browser, with no app to install and no account to make. ### Can I make a birthday website with HTML and CSS? Yes. Find a birthday website template on GitHub, change the name, photos and message, and host it on GitHub Pages or Netlify to get a shareable link. Remember that photos in a public repository are visible to anyone, and test the page on a phone before sending it. ### What should I put on a birthday website? Ten to fifteen photos they remember the day of, a message from you built around one specific memory, and a song tied to a year of your life together. Add a voice note in your own voice if the maker allows it. Wishes from close friends are optional. ### How long does it take to make a birthday website? About fifteen minutes on a maker, or an evening if you are choosing photos carefully. Allow three to four days if you want wishes from friends as well, because people reply slowly. Coding one from a template takes a weekend. ### How do I make a birthday website private? Choose a maker that gives each page its own link and keeps it out of search engines, then add a password or a secret code. On Adorely you set a secret code and a hint only they would get, so even a forwarded link opens nothing without it. ### Can friends add their wishes to the birthday website? On some makers, yes, and it is optional. On Adorely you share an invite link, each friend adds a wish and a photo without making an account, and you approve each one before it appears. On Canva or a coded page you collect the messages yourself and add them by hand. ## Turn the idea into the gift. Photos, your words, their song, and wishes from everyone, on one beautiful page, shared with one link. [Make a birthday page](https://www.adorely.in/create) ## Keep reading [Reference The best birthday website makers, compared honestly 8 min read](https://www.adorely.in/ideas/best-birthday-website-makers) [Surprise ideas 10 midnight birthday surprises that beat another cake-cutting 3 min read](https://www.adorely.in/ideas/midnight-birthday-surprise-ideas) [Surprise ideas Long-distance birthday ideas that don’t feel like a video call 4 min read](https://www.adorely.in/ideas/long-distance-birthday-ideas) --- Source: https://www.adorely.in/ideas/how-to-make-a-birthday-website