Background

Websby is a powerful program for website publishing, allowing you manage and update any aspect of your site directly within Edsby. This article demonstrates how you can navigate in Websby to find the content and controls for everything that appears on your school website.

Video Overview

How to navigate your website through Websby

Instructions:

1. Login to Edsby as a school administrator with Web Manager privileges
2. Along the left side of the home page, under the application section, click on the Websby link.
3. The Websby dashboard presents the root website, containing all the content and controls for what appears on your school’s website. From here, you can navigate through the different parts of the website, including the following areas:
   1. Left side panel: provides access to all content areas.
   2. Content Areas: provides an alternate way to get to the same sections as the left side panel.

   3. Configuration: includes the controls to change how your web pages appear on the website. 

Page URLs and Sub Web Pages

When navigating any web page, contents are organized into paths. Typically, for every section on your school website, there is a corresponding directory or path.  URL paths indicate the directory structure, allowing you to locate content for your site.

In the example below, the URL for the school website's Home Page shows the school's domain name, with no additional path. But once you click on a particular section, such as Admissions, the URL path changes to reflect the school domain plus the path, indicated in this case as /Admissions/

• Website Home Page
• Admissions Web Page

As you navigate to deeper directories in the website, you will have longer URLs. For example, if we go to the Missions and Values webpage, within the About section, the path will be reflected on your URL as /About/MissionAndValues/

With this understanding that URL paths reflect directory structures, let's look at how this relates to Websby. Each directory designated with a "/" in a URL corresponds with a Sub Web Page in Websby. For example, if the URL of the Missions and Values Web page presents as /About/MissionAndValues/ you'll find that content by going first to the "About" Sub Web Page, and then to the "MissionAndValues" Sub Web Page: 

• From the Websby main dashboard, on the left side under the Sub Web Pages, click on the About link:
• Upon opening the About section in Websby, you'll see the About content, including the next set of Sub Web Pages. Click on the MissionAndValues link to access its contents:

Example 1: Content updates for a simple page

Some pages on your school website may have a simple layout consisting of only one document. For this example, let us take a look at the About section of the school website. 

1. On the main Websby dashboard, under Sub Web Page, click on the section to which you want to navigate. For this example, click on the About link.
2. This will direct you to the dashboard of your selected section. In this example, we are directed to the “About” section’s dashboard.
3. On the left side panel, you will see the contents of your selected section. In this example, you will see that the About section only has one document, the "About Main Page" document. Click on the About Main Page link to see its contents.
4. Upon doing so, an Edit Page panel will pop-up. This allows you to edit the contents of your chosen section.
5. After making any changes, click the Save button
6. You will notice that what you edit in Websby exactly matches up to what appears on the school’s web page. 
   • Websby Edit Page Panel
   • School Website

Example 2: content updates for a multi-panel page

In some cases there are pages that appear to be more complex, having multiple panels and sections. To figure out what components are assembled to make up a page, you can examine the web page layout in Websby.

For this example, we will look at a Sub Web Page within the About section, which is the Our Team page of the school’s website. The Page URL is https:\\<sitename>\About\OurTeam\ indicating we need to navigate into the About section first, and then into the OurTeam section.

1. On the main dashboard, under Sub Web Page, click on the About link to open the dashboard for the About directory.
2. On the left side panel, You will see that the About section has its own Sub Web Pages. Click on the section you would like to navigate. For this example, click on the Our Team link to see its contents.
3. Navigating through the left side of the Our Teams dashboard, you will see the different documents which make up the contents that appear on the Our Team page of the school’s website. Here, you will see the main page, principal, vice-principal, and others.
4. To explore how the contents are arranged on the page, from the “Our Team” dashboard, under the Configuration panel, click on Web Page Layout.
5. Each element that comprises this page is described in the Web Page Layout, designating how the content areas are arranged. The Web Page Layout serves as a reference for what content is included on any page, and can be modified if desired to change the arrangement of elements that are displayed:
   • Example - Websby Web Page Layout
   • Example - School Website