4. Add content and shape the navigation menu

Now that you’ve created a Refined site, let’s add some Confluence spaces and JSM projects.

Add content to your site

Go to the site structure tab.
Click the + Add item button.
Choose spaces and projects from your linked Confluence/JSM instance.

Shape the site’s navigation menu

The content you add will automatically appear in your site’s navigation menu. By dragging and dropping items, you can group them to create drop-downs in the navigation menu (see the video below). 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.

Need detailed instructions? Read the full site structure documentation

Examples of site structures

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 structure 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 structure tab 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 structure tab 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.

Want to learn more? Read all Get started articles

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