Using the site builder

The below image is an example of what to expect when you click the Site builder icon for the first time.

You can see that the page is in 3 sections.

The 1st section on the left is the structure of your website. You create page folderspage folders - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. (a section within your navigation) that make up this structure (for example, Women) and then create page versionspage versions - A page can have multiple versions and in different states within a page folder, such as draft, scheduled, live, and so on. (what your customers will see) within the page folderpage folder - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code. that'll be visible to your users.

In the example below, within the Main Main section, there's a page version named Default which you can see a sample preview of on the right.

In the middle of the screen is the page versionpage version - A page can have multiple versions and in different states within a page folder, such as draft, scheduled, live, and so on. section. You can duplicate versions, schedule them to go live in the future, delete page versions, or set a new page version live. You can expand or minimize a section with the arrows and by hovering on a page version name, you can see the options available.

When you click on a page versionpage version - A page can have multiple versions and in different states within a page folder, such as draft, scheduled, live, and so on., you'll see a preview of that page on the right of your screen. This preview shouldn't be used to check if your page is correct, it should only be used to get a general idea of the page. See the Previewing page versions article for how to use the real preview.

So now we know the layout, let's look at how you can create a new page folderpage folder - A way of structuring the pages within a project and forms the URL structure – they can contain sub-folders. Known as `node` in code..


Did this page help you?