Page Comparison

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 menuNow that you’ve created a Refined site, let’s add some Confluence spaces and JSM projects to the site structure.

Examples of site structures

Expand
title 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 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. Image Added Info Want to see a fully functional demo site? Go to the Alto intranet

Expand
title 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 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. Image Added Info Want to this example as fully functional demo site? Go to the Alto documentation site

Expand
title 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 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. Image Added Info 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

• 1. How the Refined Sites apps work

• 2. Install and open Refined Sites

• 3. Create a site

• 4. Add content and shape the navigation menu (current page)

• 5. Assign permissions and administrators

• 6. Apply your branding and make the site user-friendly

• 67. Jump between Confluence, JSM, and Refined sites

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