How Do I Make an Invitation Website in Canva?

Invitation style websites made in Canva look like magic the first time you see one. You tap a sealed envelope, it opens, the cards slide out, a countdown ticks toward the big day and a button takes you straight to the RSVP. Then you try to make one yourself and nothing behaves the way you expect.

At Balay ni Bruno & Co. we recently studied a finished event invitation site built in Canva, element by element, and wrote down exactly how each effect was made. Most of the "magic" turned out to be simple tricks done carefully. This page shares what we found so you can build your own with fewer surprises.

First, What a Canva Website Really Is

A Canva website is a design of the type Website, on a canvas 1,366 pixels wide. Inside it are site pages, and each site page is a stack of sections. A section is a fixed size board, 1,366 wide and as tall as you drag it, and the sections scroll one after another.

Each site page gets its own web address, and that address comes from the page's title. A page titled "DETAILS" became /details and a page titled "FAQs" became /faqs. The first page is the home address. So name your pages on purpose, because the name becomes the link people see.

How Each Effect Was Made

The envelope that opens

This is not an animation. It is two pages. Page one shows the closed envelope. Page two shows the same envelope open with the cards coming out. The closed envelope is simply a link to page two. It is cheap, reliable and works on every phone.

Links on photos and shapes

"Click the envelope" and "click the photo to view the map" are set in the Canva editor. Select the element, click the link icon, then choose a page or paste a web address. Canva has no documented way to jump to a section further down the same page, so if you need a jump target, make it its own page.

Buttons

The buttons are a rounded rectangle shape with text typed inside it. On the site we studied they were dark olive with white text at about 26 pixels. The link sits on the text inside the shape, not on the shape itself.

The countdown timer

Canva does not have one built in. The countdown is a free widget from tickcounter.com, added through Canva's Embed. Build the countdown on tickcounter.com for your event date and time zone, copy its link, then in Canva use Apps or Embed and paste it in.

The map

The venue photo is linked to a Google Maps link, with a line of text underneath saying "click the photo to view the map". It is simpler and lighter than putting a live map on the page.

Background music

The music is a YouTube video embedded on the page and made fully transparent, so it is there but guests cannot see the player. One honest warning: phones block sound from playing automatically, so do not promise that music plays the moment the site opens.

Invisible tap areas

When the art in one spot is made of several layers, a copy of an image set to fully transparent is laid over the top and carries the link. Guests get one clean place to tap.

Looking right on a phone

The site setting "Resize on mobile" is switched on, so the wide layout is scaled down to fit the phone. That means small text gets very small. Keep anything that must be read at about 26 pixels or larger in the design. Fine print at 13 pixels will be tiny on a phone.

The RSVP: Where Most of the Trouble Was

The form is the part guests actually use, and it is where we learned the most the hard way.

• Spam filters can eat real replies. A form spam filter flagged real guests, and flagged replies never reached the guest list. When someone says "I replied but I am not on the list", look in the form's spam view first.
• Test with a real person. A test reply with an obviously fake name is exactly what a spam filter catches. Prove the form works with one real reply.
• Keep the form short. The final form asked only for full name, yes or no, and an optional message. Each yes counted as one seat.
• Simplest option if you have no website of your own: a Google Form with its own linked Sheet. Just make sure you fill in the template first.

Publishing Without Surprises

Want your own domain instead? Canva supports it on its paid plans, and you need access to your domain's settings. Canva shows the records to add one at a time. Be careful: a design left pointing at a domain that is not fully connected cannot be reached at all. Keep it on the free Canva address until the connection is finished.

Who Does What

We also learned where people and AI each fit. Our AI assistant can read a Canva design, write and place all the text, set every text and button link, fix copy and do the checking. The collage layout, the photos, links on images, the countdown and music embeds, and the Publish click all happen in the Canva editor, done by a person. The fastest real path is a designer building the look from a copy of a site that already works, with the AI handling copy, links and checks, and a person signing off before it goes live.

The Checklist We Run Before Publishing

After publishing, open the live site, tap RSVP yourself, and only then share the link.

Common Questions

How do you make the envelope open on a Canva website?

It is not an animation. It is two pages. The first page shows the closed envelope and the second shows the same envelope open with the cards coming out. The closed envelope is simply a link to the second page. It is cheap, reliable and works on every phone.

Does Canva have a countdown timer for websites?

Not as a built in feature. The countdown on the site we studied is a free widget from tickcounter.com, added through Canva's Embed option. You build the countdown on tickcounter.com for your event date and time zone, copy its link, and paste it into Canva through Apps or Embed.

Can I use my own domain for a Canva website?

Yes, on a paid Canva plan and with access to your domain's settings. Canva walks you through the records to add, one at a time. Until that connection is finished, a design pointed at the new domain cannot be reached, so keep it on the free Canva address until the domain is fully connected.

Why are my RSVP replies missing?

Check three things. First, the RSVP button may still link to the template's blank form, because every copy of a design carries the old link with it. Second, a button may have no link at all, since linked and unlinked buttons look the same. Third, a spam filter may have caught real replies, so look in the form's spam view when someone says they replied but are not on the list.