Created a bunch of different pages to display on your awesome online school? Super! After all, your school doesn’t have to just be limited to the course pages, lecture pages, and a generic homepage.
On the School Builder, the sky is your limit, and you can design your school like a full-fledged, high-performing website that has everything neatly aligned on the screen.
Speaking of alignment, the “Menus” in School Builder let you place Links, Categories, and Static Pages on your top and footer menus, visible on the header and footer of a page, respectively.
Before we jump to customizing them all, let’s take a look at the sad, boring, empty default header and footer of our dummy school – The Sound of Music.
As expected, no navigation, no links, no buttons. Time to change that, hmph.
The good news is, any static page that you have created can go on either of these menus. And, not just those – you could place links, and sub-menus in these areas, thus, creating an elaborate website that has everything in one place.
As an example, let’s add our newly created About Us page on the top menu of the above page.
Follow this simple 3-step process:
Step 1: Create Menu
Step 2: Add Static Page (or a category or external link)
Step 3: Assign and Save
So, from your school’s sales dashboard, go to the More drop-down tab, and this time, select Site Menus from the Site Settings field.
Off we reach to the Site Menus screen, which is basically where you will be adding as many tabs and external links on your school site.
Step 1: Create Menu
Now, to add our freshly concocted About Us page from the previous tutorial, we first need to create a brand new menu and give it a name. So, enter the menu name and slug in the blank fields above (we go with “Top Menu”), and click on the Create Menu button right below them.
With that, Top Menu will start showing in the list of existing menus.
Step 2: Add Static Page/Category/Link
Next, we select our newly created static page from the Page drop-down on the top left side of this screen, enable the About Us page we just created, and click on the Add to Menu button below it.
The result?
Voila! This page is now part of the top menu we just created.
Want to add links to external pages like your WordPress blog or social media portals? Use the Links drop-down button, add their url and link text, and again, click on Add to Menu. They’ll immediately become a part of this menu!
Like this:
Step 3: Assign and Save
As the final step, let’s assign this to our school by clicking on the Assign button at the bottom.
And, up opens a popup that shows the default locations for this particular website theme – Extended Footer Menu 1, 2, and 3, Main Menu, and Top Menu.
These are our system’s pre-defined positions on the theme that you just have to assign your pages/links to.
We enable the Top Menu toggle where we’d like our About Us page and Blog link to go, and click on Save.
That’s it! And now, finally, let’s preview what we just did by clicking on the Preview Site button towards the right of the screen.
Ta-Da!
There they are – sitting atop the top menu. How easy was that?
We went ahead and assigned the same menu and its pages to the empty footer area as well – just for demo purposes. We simply enabled all three “Extended Footer Menu 1”, “Extended Footer Menu 2”, and “Extended Footer Area 3” toggles on the backend.
See how the original school homepage footer looks more populated and refined now:
While this is just dummy content, you can create multiple menus such as – Other Products, Social Links, Resources, etc. around your main school.
So, wait no more! Think of all the aspects of your business you’d like to include on your school, create pages and menus for it, and take your site to a whole new level.
Should you face any issues, shoot a query to our support champs, and they’ll help you design the school your students will be proud of being a part of.
