All guides

Getting started · 5 min read

Build and design your page

The studio is split into workspaces, listed in the rail down the left side on desktop: Content, Design and Welcome for the page, then Guests, Seating, Registry, Tasks, Budget, Insights, Gallery, Guestbook and Music, and finally Settings and Help. Most of your time goes into the first two, which is what this guide covers.

Some workspaces are paid features. The guestbook is on Starter and above; the seating plan, music requests, guest-list RSVP and the catering summary are on Plus and above. The rail shows a lock icon on anything your current plan doesn’t include, and clicking it opens the upgrade modal. An Upgrade plan button sits at the bottom of the rail. You can still build and preview everything else on the free plan.

The Content workspace

The canvas in the middle is a live preview of your page, exactly as guests will see it. Click any section to select it and an inspector opens on the right with that section’s settings: headings, text, images and so on. Choosing a section from the list on the right also scrolls the page to it. Click a piece of text, such as your story or a time in the schedule, and the cursor lands in the field that holds it. Changes appear in the preview as you type. Click the hero at the top to edit the cover: the photo, your names, the opening line and the buttons. Until the page is live, a Make it yours list above the sections (on a phone, at the top of the outline) sets out what to change first, and sections still holding the template’s example text carry an Example label on the canvas.

The Content workspace: the page itself in the middle and the Your page list on the right, with a dot beside each section still holding example text
The Content workspace: your page on the canvas, every section listed on the right.
The Day selected: the page has scrolled to it, with its toolbar (up, down, Move to, background swatches, hide and delete) just inside its top edge; on the right its schedule entries as rows, one open with its time, title, description and Earlier, Later and Delete
Select a section and the page scrolls to it. Its fields replace the list, the entries first, one open at a time.
1

Add a section.

Press + Add section at the bottom of the canvas, or the + on the line between two sections to add the new one right there (on a phone it shows under every section; on a computer, when you point at one). On an empty page the canvas reads Your page starts here. and the button is Add your first section. Either opens the section library, titled Add a section. Use the category tabs to browse: All, Essentials, Guests, Media and Extras. Each tile has a small picture of the section. Types your page doesn’t have yet come first, under Not on your page yet, then Add another for more of what it has. Pick a tile and the section drops into your page straight away, already selected so you can start typing. Goes after, under the title, changes where it lands.

Tiles your plan doesn’t include carry a Plus badge and open the upgrade modal instead of adding anything. Greyed tiles, last in the list, have reached their limit on the page and read, for example, Max 1 reached: one countdown, one gallery, one guestbook, one FAQ section, up to three text sections and so on. You can have two open RSVP sections and two guest-list ones.

The Add a section modal: Goes after, set to Good to Know, under the title; the category tabs; then Not on your page yet with Guest List RSVP, and Add another with Schedule, Venue & directions, Open RSVP and Info cards, each tile with a small picture of the section
The section library. What isn't on your page yet comes first, and Goes after sets where the new section lands.
2

Arrange and style it.

On desktop, the selected section shows a small toolbar just inside its top edge. The Move up and Move down arrows move it one place at a time, Move to… puts it after any section in one go, the three swatches (Main, Light and Soft) switch the section’s background between the palette’s main and two secondary colours, the eye icon (Hide from guests) hides it without deleting anything, and Delete opens a confirmation. A hidden section stays on your canvas with a Hidden from guests label; press the eye again (Show to guests) to reveal it.

The delete confirmation asks Remove “Section name”? with Keep it and Remove section. Removing a section removes its content too; for an RSVP section it also permanently deletes every reply and guest-list entry it holds, and the modal shows the counts before you confirm.

3

Configure the interactive sections in their own workspace.

RSVP, Gallery, Seating plan, Guestbook, Music requests and Gift registry sections collect things from guests, which live in their own workspace. Selecting one shows a row in its panel, after the section’s own fields (first, for the album), that leads there: Manage in Guests for RSVP, Open album, Go to Seating, View messages, View requests or Manage gifts. The RSVP’s message, deadline and plus-ones are right there in its panel too; the menus and the guest list stay in Guests. See Set up RSVPs and meal choices and Set up the photo album for the two big ones.

The Design workspace

Select Design in the rail and the inspector switches to the page-wide controls. It opens on Theme, a grid of tiles for the look of the whole site. Classic is the centred layout every event starts on, and the one you style yourself. The others are finished designs that set their own layout, type and colourways; click one and the canvas redraws your page in it. A tile tagged, for example, From Plus can still be chosen and previewed, but guests see Classic until the event is on that plan. Themes, the tag and the Play motion in the canvas button are covered in Choose a theme.

The Design workspace with the Theme grid at the top of the inspector and the page shown in the chosen theme on the canvas
The Design workspace opens on the theme picker.

The opening animation guests see before the page has its own workspace, Welcome, just below Design in the rail; the Welcome animation row at the top of Design, which names the style you have chosen, takes you there too. See Welcome animations.

If you stay on Classic

On Classic the controls under the theme grid are yours to set. Palette tiles switch your colour scheme. Heading font tiles change the type of your names and headings, and Body font sets everything guests read, or leave it on Same as heading for one font throughout. Below them, Accent colour takes any hex value, with presets to choose from and a Reset link if you wander too far. Everything previews live on the canvas, so you can flick between palettes and watch the page change.

The last palette tile is Custom. On the free plan it carries a lock and opens the upgrade modal; on Starter and above it reveals a Custom colours panel with four fields: Primary (hero and footer), Secondary A and Secondary B (the alternating section backgrounds) and Accent (buttons and links). If you try a theme and come back to Classic, these settings are exactly as you left them.

The Classic controls in the Design workspace: palette tiles including Custom, then the heading font and body font lists
On Classic: the palettes, then heading and body fonts. The accent colour is further down.
The Custom palette tile selected, revealing a Custom colours panel with Primary, Secondary A, Secondary B and Accent hex fields
The Custom tile on a paid plan: four hex fields, with text and border tones generated for you.

There is no save button. The studio saves automatically, and on desktop the masthead shows Saving… then All changes saved so you know where you stand. If it reads Couldn’t save, check your connection and make the change again. If the event is already live, every saved change is visible to guests immediately; there is no separate publish step for content.

On a phone or tablet

On smaller screens the rail becomes a bottom tab bar with Content, Design, Guests, Gallery and Settings, plus a More sheet for Welcome, Seating, Tasks, Budget, Insights, Guestbook, Music and Registry, with Refer, Help and Upgrade. Locked workspaces show the plan they need there, for example From Plus. On a phone, Content opens on the outline: until the page is live it starts with Make it yours, how many steps are done and a Next up card, then lists every section of your page with anything still to do under its name. Tap a section to open it. Outline and Page at the top switch between the list and the page, where each section carries an Edit label. Straight after you create your page, it shows you the page first.

There is no hover toolbar on mobile. Tap a section on the canvas and its editor opens in the lower part of the screen, with the section’s name at the top and Done beside it to close the editor. The page stays in view above it and moves to the words of whichever field you are editing. The arrow beside Done collapses the editor to the bottom so you can look over the whole page; tap its name to bring it back. Under the fields, Move, hide or delete opens Move to…, Up, Down, Hide and Delete, which do the same as the desktop toolbar. At the foot, ‹ goes back to the section before, and one button goes on: to the next section or, once this section is done and Make it yours still has a step left, to that step (Next: Check the answers, for example). In a schedule entry, a question or a card, ‹ and › step through the others.

The studio on a phone, open on the outline: Outline and Page at the top, Make it yours with a Next up card reading Choose a theme and the steps left, then Your page listing each section, above the bottom tab bar
On a phone, Content opens on the outline. Workspaces are in the bottom tab bar.
Page view on a phone: Our Story and The Day on the page, a + on the line between them, and The Day's Example times and Edit labels
Page shows the page itself. Each section carries Edit, and the + between two sections adds one right there.
The Day open on a phone: the section above; below it one header with the name, an arrow to collapse the editor and Done, the example notice and the entries as rows with Keep; at the foot a back arrow and The Album
Open a section and its editor sits under it, with the page still in view above.
One schedule entry open on a phone: Entry 2 of 5 with arrows either side, the collapse arrow and Done, Yes, keep it, the time, title and description, then Earlier, Later and Delete
An entry opens on its own. The arrows step to the ones either side.
Hiding a section with the eye icon is handy while you draft. You can write a section over several evenings and only reveal it to guests when it’s done.

Stuck on something this guide doesn’t cover? Email hello@ode.events and a founder will reply.