Edit your site on the page

The website builder shows your real site in the middle of the screen. Click anything on it to change it. Type headings and paragraphs straight onto the page. Its settings are in the panel on the right. Nothing changes for visitors until you publish.

Change something

1. Open the website builder, and choose the page from the Page list in the top bar.
2. Click a section on the page. It gets an outline, and its settings open in the panel on the right.
3. Click its words to type. Type your new words, then click somewhere else. Your words are kept.
4. Change anything else in the panel, such as its photographs or its layout.

Typing on the page is plain words: no bold, italics or links. A count shows under the words when you are close to the most a field can hold.

The section's buttons

A chosen section has a small bar of buttons at its top right:

• Move section up and Move section down move it one place. A hidden section counts as a place.
• Duplicate section puts a copy straight after it.
• Hide section keeps it in your draft without showing it to visitors. Show section brings it back. A hidden section shows on the page as a striped bar, with Show it.
• Remove section takes it away. You are asked first.
• Section settings opens its settings, on a tablet.

Undo brings back anything you change while you are here.

Add a section

1. Press Add a section here where you want it, between two sections or at the end of the page.
2. Choose a kind of section. A kind that cannot go there says why.
3. The new section is chosen, and you can type its words straight away.

You can also move sections by dragging them in the small list of sections at the left of the screen.

The panel

The panel has three tabs. The first is named for what you chose: Section, Page, Header, Footer or Announcement. Design changes the look of your whole site. Site has your menu, your store pages, the announcement bar and your site icon. Your About and Contact pages are changed under Site details, on their own screen.

The top bar

From left to right: Studio takes you back. Page chooses the page. Add a page makes a new one. Desktop, Tablet and Phone show your page at that size. Undo and Redo step back and forward. Then whether your changes are saved, View site, and Publish.

On a smaller laptop, Desktop is drawn a little smaller than life, so you still see the desktop layout.

Your changes save as you go. Publish asks first, then puts your whole site live. While it publishes, you cannot change anything for a moment.

On a tablet

The builder works on a screen 768 pixels wide or more. On a tablet held upright (a screen from 768 to 1,099 pixels wide), your page fills the screen. The panel slides in from the right when you press Settings, Design or Site in the top bar, or Section settings on a section. Press Close, or tap the page, to put it away. Held sideways, a larger tablet shows the builder as a computer does, with the panel always beside your page.

Tap a section once to choose it. Tap its words again to type.

On a phone

A phone screen is too small for the builder. It shows a page that says The page builder needs a wider screen, with Edit your home page (or Edit this page), Change your style and Back to your website. These open the simple screens, where you can change everything one screen at a time.

Keys

• Tab moves to each section, each Add a section here and the section's buttons. Enter chooses a section.
• Enter on a chosen section's words starts typing. The arrow keys move between its words first.
• While typing, Enter finishes a one-line field or starts a new line in a paragraph. Tab, or a click elsewhere, keeps your words. Escape puts them back.
• Alt+Up and Alt+Down move the chosen section. Delete asks to remove it. These work in the list of sections too.
• Escape lets go of the section you chose.
• Ctrl+Z undoes, and Ctrl+Shift+Z or Ctrl+Y redoes. On a Mac, Cmd+Z and Shift+Cmd+Z.
• F6 moves to the next part of the screen: the top bar, your page, then the panel. Shift+F6 moves back.
• In the top bar and the panel's tabs, the arrow keys, Home and End move between buttons.
• When you choose a kind of section, the arrow keys move between them, Enter adds one and Escape closes the list.

Good to know

• Your page is your real site, as visitors see it.
• Two people can work on the same site. If someone else saves first, you are asked which version to keep.

Going back to the builder you had before

Prefer the builder you had before? Press Use the old builder. On a wide screen it is in the top bar, beside Studio. On a smaller screen it is at the foot of the Design tab. Your changes are saved first. Your site is the same in both builders.

To come back, press Use the new builder under Site details in the old builder. On a screen narrower than 1,024 pixels the old builder shows a page saying it needs a bigger screen; press Use the new builder there.