4. Add content and shape the navigation menu

The Site Builder lets you shape your site’s content and structure, which is also reflected in the site’s navigation menu.

To add content to your site, click the + Add New button and choose spaces and projects from your linked Confluence/JSM instance.

The content you add will automatically appear in your site’s drop-down navigation menu. You can drag and drop items, nesting them into a hierarchy (see below) that maps to the drop-downs. You can also organize items into folders, and add links to other sites as menu items. You can even exclude certain items from the navigation menu if you want.

Read on to learn about all the ways you can shape your site’s structure and menu.

Error rendering macro 'excerpt-include' : No link could be created for 'Site Builder'.

Need detailed instructions? Read the full Site Builder documentation

Examples

Intranet example

Create four menu folders which will be the main navigation menu items on your intranet: Teams, Projects, Resources and HR. Everything you group underneath these folders in the Site Builder appears in dropdown lists in the site’s navigation menu.

Menu folder	Can contain
Teams	Two more menu folders (Product and Commercial), to create two columns in the dropdown list: The Product folder contains Confluence spaces about the Marketing team and Sales team. The Commercial folder contains Confluence spaces about the Design team, the Developers team and the Test and Support team.
Projects	Confluence spaces used for documentation and collaboration.
Resources	Confluence spaces with information about company strategies, processes and goals.
HR	Confluence spaces with onboarding guides and employee handbooks. A HR service desk (JSM project) to make it easy for employees to contact HR.

Want to see a fully functional demo site? Go to the Alto intranet

Documentation site and knowledge base example

Create three menu folders which will be the main navigation menu items on your site: technical guides, product integrations and user resources. Everything you group underneath these folders in the Site Builder appears in drop-downs in the site’s navigation menu.

Menu folder	Can contain
Technical guides	Confluence spaces containing information about how to get started, administration, and security.
Product integrations	Confluence spaces used for documentation and collaboration.
User resources	Confluence spaces with information about company strategies, processes and goals.

Want to this example as fully functional demo site? Go to the Alto documentation site

Help & support site example

Create four menu folders which will be the main navigation menu items on your intranet: Cloud, Data Center, Migration, and Get Support. Everything you group underneath these folders in the Site Builder appears in dropdown lists in the site’s navigation menu.

Menu folder	Can contain
Cloud	Confluence spaces for each of your Cloud services.
Data Center	Confluence spaces for each of your Cloud services.
Migration	Confluence spaces for each of your migration paths.
Get Support	JSM projects for each type of service desk.

These instructions are based on how we built help.refined.com. Want to draw inspiration from another example? Go to the Octo help center demo site.

Getting started with Refined

We’re always happy to help if you have any questions: reach out to support.