Sections

Every page is made of sections, stacked from top to bottom — for example a big welcome picture, a few words about you, your menu, photos, your opening hours and a booking button. You build and change a page by adding and editing its sections.

The section list

Click the Sections tab — the second icon in the side panel. It lists the sections of the page you're on, from top to bottom. Each line shows the kind of section (for example About) and its layout (for example Text Left, Image Right).

Rest your mouse on a section to see its buttons:

Add a section

1. In the Sections tab, click + Add Section.

2. On the left, click the kind of section you want — for example Opening Hours.

3. On the right, click the design you like best.

   

4. The section is added at the bottom of the page, and the Editor tab opens so you can fill it in right away.

   

5. Want it higher up? Drag it to the right place. See Move a section.

Some sections that work well for a restaurant:

There are more kinds in the same list. These ones are on location websites and on party websites too:

And these are for location websites only:

Sections for party websites only

A party or event website has a list of its own. It offers the shared kinds above — Hero, About, Menu, Gallery, Location, Contact, Social Media, Timeline, FAQ, Call to Action, Divider, Team, Numbers & Stats, Video and Rich Text — but not the restaurant kinds such as Opening Hours, Reviews, Offers, Booking or Events. In their place it has the kinds below.

Five more kinds exist only on the website of an event series or of one of its meetups: Series meetups, Series membership, Who is coming, Member directory and Speakers. You will not find them on a client party or on your location's website. What each one shows, and where it can stand, is in The sections for a series.

The Photo Wall, Guestbook and Your table are always for signed-in guests only, see Who sees a page or a section.

Edit a section

1. Click the section in the Sections list. The Editor tab opens.
2. Change the texts. Each text has language tabs (EN, HR …): type the text for every language your website shows. A small orange dot on a tab means that language is still empty. Where you see Auto-translate, click it to fill in the empty languages for you. See Languages.
3. To add or change a photo, click Select Image (or Change on the current photo) and pick one from My Images or the Library. See Images.
4. Watch the preview: it shows your change after a moment.

What you can change depends on the kind of section: a Hero has a headline and a background picture, a Menu lets you choose which menus to show, an Opening Hours section only has a title (the hours come from your booking calendar), and so on. Depending on its layout, a Hero also lets you set Overlay Opacity (how dark the picture is behind the text) and Logo Size.

Longer texts

Some texts are longer, for example the Body of an About section. You type them like an email:

• press Enter to start a new line;
• leave an empty line between two paragraphs.

The small grey hint below the text box reminds you. What you see in the box is how the lines appear on your website.

Want bold words, headings or a list? Use a Rich Text section. Its text box understands a few simple signs:

Saved to draft

You don't need to save: about a second after you stop typing, your change is saved to the draft. At the bottom of the editor you can follow it:

• Unsaved changes (orange) — you are still typing;
• Saving... — your change is being saved;
• Saved to draft (green) — done.

You can also click Save Changes at any time, for example before you close your browser.

If a change can't be saved — for example because the internet connection dropped — a red message appears next to Save Changes. Check your connection and click Save Changes again. See Troubleshooting.

Choose a layout

Each kind of section comes in several layouts — for example the text on the left and the photo on the right, or the other way round.

1. Open the section in the Editor tab.
2. Click Change Template at the top.
3. In the Choose Template window, click the layout you want. The current one has a blue check mark.

Your texts and photos stay; only the way they are arranged changes.

Background and colours

Below the texts of every section you find two more settings:

• Section Background — click it to open it, then choose a Background Image. You can soften the picture with Blur, Brightness, Saturation and an Overlay colour, and choose whether it moves with the page (Scroll) or stays in place (Fixed (Parallax)). Remove background takes the picture away again.
• Section Colors — a different Background color, Text color or Border color for this one section. Click Theme default next to a colour to pick your own; click the small cross (Use theme default) to go back to the colours of your website.

Move a section

1. In the Sections tab, point at the dotted handle on the left of a section.
2. Hold the mouse button down, drag the section up or down, and let go where you want it.
3. The preview shows the new order.

Hide or show a section

Hide a section when you want to keep it for later — for example your summer terrace, or a seasonal offer.

1. In the Sections tab, rest your mouse on the section.
2. Click the eye (Disable). The section turns pale in the list and disappears from the preview.
3. To show it again, click the crossed-out eye (Enable).

As always, guests see the change after you publish.

Duplicate a section

1. Rest your mouse on the section and click the two squares (Duplicate).
2. The copy appears right below the original and opens in the Editor tab.
3. Change the copy, and move it where you want it.

Delete a section

1. Rest your mouse on the section and click the red bin (Delete).

2. The editor asks Delete Section. Click Delete, or Cancel to keep the section.

   

Deleted the wrong one? Click the undo arrow in the toolbar straight away — see below. Until you publish, the section is still on your live website.

Undo and redo

The two arrows in the toolbar take back your latest changes to sections, one step at a time:

• Undo (arrow to the left) — or press Ctrl+Z (on a Mac: Cmd+Z);
• Redo (arrow to the right) — puts back what you undid. Or press Ctrl+Shift+Z (on a Mac: Cmd+Shift+Z).

Good to know:

• Undo works for changes to sections: adding, editing, moving, hiding, copying and deleting them.
• It remembers up to 30 steps — only the changes you made since you opened the editor.
• It does not undo changes to pages, or in the Nav & Footer and Site tabs.
• While you are typing in a text field, Ctrl+Z undoes your typing in that field.

Related

• Pages
• Images
• Events on your website
• Languages
• Colours and fonts for the whole website
• Preview your draft
• Publish your changes