To add a new page to your HarmonySite, the exact steps depend on what sort of page you need.


This guide is broken down into the following sections:


  1. How to add a plain, blank page to your HarmonySite
  2. How to add a page where you can upload posts/documents
  3. How to add a page for a photo gallery
  4. How to add a page where you can upload videos



1. How to add a plain, blank page to your HarmonySite


These instructions will show you how to create the webpage and immediately connect it to a "navigation link". (A "navigation link" makes it appear at the top of your website.)


For this example, let's say you want to add a page called "Community Events".


  1. Click the "Admin" link in the top-right corner to go to your Admin dashboard.
  2. Scroll down a little to the Website Content section, and click on "Website Pages" on the right-hand side.
  3. Click "Add new page" in the upper-right corner.
  4. Fill in the following...
    • Label – e.g. "community-events"
      This is what you'll see in the URL after the code "dbpage.php?pg=".
      For example, if you type in "community-events", then the page's URL will be:
      www.example.com/dbpage.php?pg=community-events
    • Page name – e.g. "Community Events".
      This is only for yourself and other admins. No-one else will see this (not members, not the general public).
    • Level required to view page
      If this is a page with information for the public, then select "Public Access".
      If this page is for logged-in members only, then select "Limited Member Access" or "Regular Member Access".
    • Title for browser – e.g. "Community Events".
      On a computer, this will appear in the "tab bar" at the top of your browser window.
      On a phone, it'll probably be in the "tab switcher".
    • Custom URL (advanced)
      If you want, you can type something here to give the page a shorter URL, without the "dbpage.php?pg=" code.
      For example, if you type "community" here, then the page's URL will be:
      www.example.com/community
      For more information, see: Custom URLs
  5. Scroll back up to the top of the page, and click on the "Content" tab.
    • Overall Page Template
      You probably want to choose one of these 4 options:
      • Plain template – admin & members pages (no footer or sidebar)
        This is the simplest option: the page will just be a big blank space. The only thing at the bottom will be the black bar which says "Copyright © 2025 Your Website Name", and the HarmonySite logo.
      • Single-Column template (with footer, but no sidebar)
        As well as the black bar, there will also be a "footer" at the bottom of the page. This is the area at the bottom which says "Quick Links" / "Latest News" / "Contact Us" (by default).
      • Two-Column template (with footer and sidebar)
        As well as the black bar and the footer at the bottom, there will be a "sidebar" on the right-hand side of the page. This is the column which has "Join our Mailing List", the search box, and the Facebook feed (by default).
      • Two-Column template (with sidebar, but no footer)
        Like the previous one, but without the footer ("Quick Links" / "Latest News" / "Contact Us").
    • Heading for top of page
      This will appear in capital letters in the coloured bar at the top of the page.
    • Sub-heading for top of page
      This will appear just below the coloured bar where the heading is.
    • Body of Page
      The main page content.
  6. Tick "I would now like to create a link to this page in the website's main navigation menu".
  7. Click "Save".
  8. This will take you to the "Navigation link Details" page.
    These two settings will already be filled in for you, so you don't have to do anything.
  9. Fill in the following...
    • Parent
      • If you leave this as "Not specified", the link will appear at the top of your website, next to "Home", "Contact", "About", etc.
      • If you select another option, such as "Public Access - News & Events (30)", then the link will appear in one of the dropdown menus instead.
    • Display ranking
      Enter any number. (We'll fix this later.)
    • Members page icon (advanced)
      If you want, you can make this page appear as an icon in the Members Area.
      To do this, you need to enter a code into this box.
      • The easiest thing to do is to copy and paste this code:
        /brostools/applications/singing/images/icons/icon-blank.png
      • Or, if you want to use one of the icons where there's a little picture, click on the link which says "Members Area Icons". Make a note of the icon you want, such as "icon-special-events.png". Then, use the code above, but replace the last bit with this filename. For this example, it would be:
        /brostools/applications/singing/images/icons/icon-special-events.png
      • Or, if you want to make your own icons, please contact us.
    • Display ranking in footer (advanced)
      If you want, you can enter a number here. Then, this page will appear in the "Quick Links" section in the footer.
  10. Click "Save".



Now, you've created the page, and you should be able to see it in the navigation menus at the top of the website.


You can go to the page and edit it just like any other page on your HarmonySite.

For more information, see: How to change the content of pages



You may want to move it to a different position in the navigation menus. To do this:


  1. Click the "Admin" link in the top-right corner to go to your Admin dashboard.
  2. Scroll down a little to the Site Navigation Menu section, and click on "Site Navigation Menu".
  3. This will take you to the "Site Navigation Menu Layout" page.
    Now, you can drag-and-drop the links to be in exactly the order you want.
    (Note: you will need to do this on a computer using a mouse or trackpad. It doesn't work on touchscreens.)



2. How to add a page where you can upload posts/documents


"Documents"-style pages have some extra code which makes the document listing work. So, the easiest way to do this is by making a copy of the default Documents page, and changing some of the settings.


For this example, let's say you want to add a page called "How To Guides", where you can add various "guides" you want to make available to your members.


First of all, we need to add a new "Type of post". In other words, we need a "category" of posts which will appear on this particular page.


  1. Edit any post.
  2. Click the link where it says "Click here to add/update/remove Post Category items":
  3. This will take you to the "List Items Administration" page.
    Click "Add new list item" in the upper-right corner.
  4. Enter the following...
    • List item – e.g. "How To"
    • Internal identifier – e.g. "how-to". Make a note of this for later.
    • Display ranking – enter any number. (We'll fix this afterwards.)
  5. Click "Save".
  6. This will take you back to the "List Items Administration" page.
    You may want to change the order that the post categories appear in.
    To do this, scroll down and click "Reorder list items":
    Here, you can drag-and-drop the categories to be in the order you want.


Now, you can create the actual page. We'll do this by duplicating the "Documents" page, and then we'll change some of the settings.


  1. Click the "Admin" link in the top-right corner to go to your Admin dashboard.
  2. Scroll down a little to the Website Content section, and click on "Website Pages" on the right-hand side.
  3. Search for the existing Documents page, and click the duplicate button:
  4. It will ask you for the "Label for new page".
    Type in e.g. "how-to-guides".
  5. Click "Next >>".
  6. Fill in or change the following...
    • Page name – e.g. "How To Guides".
      This is only for yourself and other admins. No-one else will see this (not members, not the general public).
    • Level required to view page
      If this is a page with information for the public, then select "Public Access".
      If this page is for logged-in members only, then select "Limited Member Access" or "Regular Member Access".
    • Title for browser – e.g. "How To Guides".
      On a computer, this will appear in the "tab bar" at the top of your browser window.
      On a phone, it'll probably be in the "tab switcher".
    • Custom URL (advanced)
      If you want, you can type something here to give the page a shorter URL, without the "dbpage.php?pg=" code.
      For example, if you type "howto" here, then the page's URL will be:
      www.example.com/howto

      For more information, see: Custom URLs
  7. Click on the "Content" tab:
    • Heading for top of page
      This will appear in capital letters in the coloured bar at the top of the page.
    • Sub-heading for top of page
      This will appear just below the coloured bar where the heading is.
  8. Click on the "Data" tab:
    • Record names
      If you want, you can change the words "document" and "documents" to something more suitable, e.g. "guide" and "guides".
      This is what will appear in the top-right corner, where it says "Add new post", "Add new document", "Add new resource", etc.
    • Filter options
      This box will probably have the code "Category=docco".
      You need to replace "docco" with the internal identifier of the post category that you made above.
      So, for this example, you would need to write the code: Category=how-to
  9. Click "Save".


Now, we've got the page created and working.


The last thing to do is to create a "navigation link" for the page. This will make it appear in the navigation menus at the top of your website.


  1. Click the "Admin" link in the top-right corner to go to your Admin dashboard.
  2. Scroll down a little to the Site Navigation Menu section, and click on "Site Navigation Menu" in the middle column:
  3. Click "Add new navigation link" in the upper-right corner.
  4. Fill in the following...
    • Text to display
      This is what people will see in the navigation menus.
      Type in the name of the page, e.g. "How To Guides".
    • Page from this website
      Select the page you just created.
    • Parent
      • If you leave this as "Not specified", the link will appear at the top of your website, next to "Home", "Contact", "About", etc.
      • If you select another option, such as "Public Access - Other (30)", then the link will appear in one of the dropdown menus instead.
    • Display ranking
      Enter any number. (We'll fix this later.)
    • Members page icon (advanced)
      If you want, you can make this page appear as an icon in the Members Area.
      To do this, you need to enter a code into this box.
      • The easiest thing to do is to copy and paste this code:
        /brostools/applications/singing/images/icons/icon-blank.png
      • Or, if you want to use one of the icons where there's a little picture, click on the link which says "Members Area Icons". Make a note of the icon you want, such as "icon-special-events.png". Then, use the code above, but replace the last bit with this filename. For this example, it would be:
        /brostools/applications/singing/images/icons/icon-special-events.png
      • Or, if you want to make your own icons, please contact us.
    • Display ranking in footer (advanced)
      If you want, you can enter a number here. Then, this page will appear in the "Quick Links" section in the footer.
    • Access Level required
      If this is a page with information for the public, then select "Public Access".
      If this page is for logged-in members only, then select "Limited Member Access" or "Regular Member Access".
  5. Click "Save".
  6. You may want to move it to a different position in the navigation menus.
    To do this, drag-and-drop the link to be in exactly the place you want.
    (Note: you will need to do this on a computer using a mouse or trackpad. It doesn't work on touchscreens.)



3. How to add a page for a photo gallery


To do this, you can use the Photo Galleries system.


By default, there will be a link called "Photos" in the menu under News & Events. (If you can't see this link, contact us and we can help restore it.)


Before you can upload any photos, you need to create a photo gallery:


  1. Click on "Photos" to go to the Photo Galleries page.
  2. Click "Add new gallery" in the upper-right corner.
  3. Fill in the following...
    • Album name
    • Visible to
    • Display ranking
  4. Click "Save".


Now, you can use this photo gallery to upload photos:


  1. Click on the new photo gallery you just created.
  2. To upload photos, you can:
    • Click "Add new photo" in the upper-right corner.
    • Or, click "Select one or more files to upload".
    • Or, drag-and-drop photos onto the "Select one or more files to upload" button.



4. How to add a page where you can upload videos


There are two ways you can set up a page where you can upload videos.


Whichever way you choose, we recommend uploading the videos to YouTube, and then "embedding" the videos on your HarmonySite. For more information, and instructions on how to upload videos to YouTube, see: How to add videos to your HarmonySite



Method 1:


You can make a page for "posts", and add a YouTube video to each "post".


If you do this, the page will be a list of titles. When you click on one of the titles, you'll go to the page for that particular video, and you can click to play the video.


To do this, follow the instructions in section 2, above: How to add a page where you can upload posts/documents


Then, when you add a new post, you can include a YouTube video by inserting the URL here:



See: How to add videos to your HarmonySite, section 4: Adding a video to a post (e.g. in the Bulletin Board)



Method 2:


You can make a plain, blank page, and embed YouTube videos directly in the page.


If you do this, all the videos will be on the same page. You'll see all the videos at once, and you can click to play any of the videos immediately.



To do this, follow the instructions in section 1, above: How to add a plain, blank page to your HarmonySite


Then, follow the instructions in: How to add videos to your HarmonySite, section 2: Embedding a video using the [youtube] shortcode