Part Three - Site Navigation

It's important that the navigation of the site is in place before your website goes live.

To create your website navigation, you need to add Menu Blocks to your website. Menu Blocks are the blocks that hold your categories, articles and static links and are typically used in the left hand column.

*You can watch a video tutorial about building your Navigation here.*

Professional Template Design

If you are having a professional template designed by one of our designers, you will need to create your site navigation before you send in your Design Brief. By providing the designer with the navigational layout, you will be provided with a more precise professional design template.

Index

3.0 Navigation

The first stage of building your site is to create your navigation, to do this you need to understand what tools are available to you.

3.1 Overview

Your site navigation is made up from various building blocks, these include:

  • Menu Blocks - are the blocks that hold your categories and are typically used in the left hand column.
  • Login Blocks - is the entry point for your subscribers to access the members only parts of the site. They are required to enter their email address and password.
  • Newsletter Blocks - gathers names and email addresses from visitors who are interested in receiving further communication from you.
  • Search Blocks - allows you to add a general site search that indexes your site content.
  • Events Blocks - will add a calendar to either the left or right hand column to which you can add important dates.
  • HTML Blocks - can be used for so many things, including advertising, testimonials, images, links and much more.
  • Profile Blocks - will display any member profiles that have been created.

All of these blocks can be added to the right or left hand column.

3.2 Menu Block

3.2.1 Creating a Menu Block

To enable you to display categories, articles and static links in the left or right hand column you need to create one or more Menu Block(s).

     

To create a Menu Block:

  1. Click on 'Navigation' in the left hand navigation bar.
  2. Decide whether your menu block appears in the left or right column.
  3. Ensure 'Menu Block' is showing in the drop down menu
  4. Click 'Add' to get taken to set up your menu block.

NOTE: I would recommend that menu blocks typically be placed in the left column.

3.2.2 Viewable By

Decide who the menu block is viewable by, you can choose from:

  • Administrator - can only be seen by yourself and other website admins.
  • Everyone - means it is displayed to anyone who visits your site.
  • Members Only - the menu block and it's content will only appear to a logged in member.
  • Non-Members Only - means the menu block and categories will not be visible once a member has logged in.

      

3.2.3 Menu Title

In the title field, enter the exact text you want to appear in the navigation. If for any reason you do not want to display the title on the menu block, you can set the 'Hide Title' drop down to 'Yes'.

         

3.2.4 Categories/Articles Assigned to this Menu Block

Underneath the title field, you will see that you have not yet assigned any categories or articles to the menu block.

Click save and you will be notified that your changes have been saved. The published menu block will appear in the left or right hand column. 

        

NOTE: Please be aware that you assign categories and articles to menu blocks from within the category edit mode or article edit mode.

3.2.5 Creating 'Static' Links in the Menu Block

There is a section at the end of each menu block that allows you to create links to other pages on your site or external sites.

This can be used to link to pages such as:

Link TitleLink URL
Home /
Forum /forum
Store /store
Profiles /profiles
Subscribe /subscribe
Login /static/login
Contact Form /static/contact

To add a static link to a menu block please follow the steps below.

      • Enter the title that you wish to appear in the navigation menu.
      • Enter the link URL that you wish your visitors to get taken to when they click on the title.
      • If it is a link to an external website, you should check the 'Open in new window' box.
      • Click the 'Add static link' button
      • Click the 'Save' button

        

NOTE: Once you have added the static link, you MUST click the 'save' button in the menu block for your links to get added to the menu block.

3.3 Login Block

3.3.1 Create a New Login Block

To enable your subscribers to access the members only content on your site, you need to provide them with a Login Block.

There is already a Login Block on your site, which is part of the default content.

        

To create new Login Block:

  1. Access the Navigation area through the control panel.
  2. Assign your Login Block to the left or right column.
  3. Select 'Login Block' from the drop down menu.
  4. Click 'Add'.

3.3.2 Viewable By

Set your Login Block to be viewable by everyone.

         

NOTE: Once a member or administrator of your website has logged in the login box will disappear until they logout again.

3.3.3 Login Block Title

Give your Login Block a title – for example you could call it 'Login'.

         

3.3.4 Login Block Message

You can also add additional text into the Login Block.

For example, you could add: 'To access the premium content, enter your login details here.'

Click Save and you will be notified that your changes have been saved.

       

3.4 Newsletter Block

3.4.1 Create a Newsletter Block

A Newsletter Block gathers names and email addresses from visitors on your site who are interested in receiving further information about your site content. 

For a more advanced email campaigner, you can take advantage of our integration with MailChimp. Click here to learn how to set up MailChimp on your site.

      

NOTE: The Newsletter Block will email their details to an email address of your choice.

To add a Newsletter Block:

  1. Click Navigation.
  2. Decide whether to display the newsletter block in the left or right column.
  3. From the drop down menu select Newsletter Block and
  4. Click Add.

3.4.2 Viewable By

As you will want all visitors to be able to receive further information on your site content, you should set this to be viewable by everyone.

           

3.4.3 Newsletter Block Title

You need to give the Newsletter Block a title, for example 'Free Newsletter'. 

            

3.4.4 Newsletter Block Message

You also have the ability to enter further information into the Newsletter Block.

            

3.4.5 Send to Email Address

In the 'Email address' field, enter your email address. When a visitor enters their details into the Newsletter Block, those details will get sent to you at this email address.

Click Save. You will be notified that your changes have been saved.

            

3.5 Search Block

3.5.1 Creating a Search Block

By adding a Search Block to your site, visitors will be able to search through all published content.

            

To add a new Search Block:

  1. Go to the Navigation area.
  2. Decide whether to place it in the left or right hand column.
  3. Select 'Search Block' from the drop down menu.
  4. Click Add.

3.5.2 Viewable By

Set the Search Block to be viewable by everyone.

           

3.5.3 Search Block Title

Enter the title such as 'Search the Site'

Click Save and you will be notified that your changes have been saved.   

           

3.6 HTML Block

3.6.1 Creating an HTML Block

An HTML Block can be used for many reasons, such as inserting Google AdSense, Advertising, testimonials, images, links and much more.

           

To add an HTML Block:

  1. Go to Navigation.
  2. Assign an HTML Block to either the left or right hand column. For advertising, we recommend assigning them to the right column.
  3. From the drop down menu, select 'HTML Block'.
  4. Click 'Add".

.

3.6.2 Viewable By

Decide who the HTML Block is viewable by.

           

3.6.2 HTML Block Title

Give the block a title, which can be useful for reference.

           

3.6.3 Hide Title

In most cases, you will want to set the to 'Yes' so the title does not show.

           

3.6.4 Hide On Secure Pages

If you are pasting in any HTML code that has been supplied to you by a third party, I would recommend that you set this field to 'Yes' so that it hides the code on your payment pages.

This will prevent any insecure messages appearing when a visitor moves to a payment page.

          

3.6.5 Body

In the body field, we will add any advertising, images, links, or HTML code. To do this, you need to fully understand the editor and I would advise you visit the Part Four - The Editor Explained.

At the end of this section, there are several 'How to' guides on creating different types of HTML block.

Click Save and you will be notified that your changes have been made.

           

3.7 Events Block

3.7.1 Creating an Events Block

The Events Block, inserts a small calendar in either the right or left hand column. Important dates can be added along with a description teaser.

           

To add your Events Block:

  1. Go to 'Navigation'.
  2. Choose to add it to the left or right column.
  3. From the drop down menu, select 'Events Block'.
  4. Click 'Add'.

3.7.2 Viewable By

You can set the calendar to be viewable by either 'everyone' or 'members only'.

           

3.7.3 Events Block Title

Give the Events Block a title, such as 'What's On'.

Click Save and you will be notified that your block has been saved.

To view the Events Block, return to the homepage.

           

NOTE: To add events to the calendar, go to 'Events' in the control panel.

3.8 Profile Block

3.8.1 Creating a Profile Block

Create a sense of community to our website by adding a member Profile Block to your site. Your members can then add an image and personal details about themselves.

To add your Profile Block:

  1. Go to 'Navigation'.
  2. Choose to add the block to the left or right column.
  3. From the drop down menu, select 'Profile Block'.
  4. Click 'Add'.

3.8.2 State

Decide who you want the block to be viewable by. If you set it to 'Everyone', non members will also be able to view the profiles but will have to subscribe to view the members contact details.

          

3.8.3 Profile Block Title

Enter a title to be displayed above the actual profiles.

          

3.8.4 Hide Title

If you wish, you can hide the title, you will still be able to see the title in the navigation section.

          

Click 'Save'. You will be notified that your block has been saved, it will now appear in the navigation of your site.

3.9 Editing, deleting and reordering blocks.

To edit, delete or reorder any of the default navigation blocks, or ones you have created yourself, return to the 'Navigation' section in the control panel or click on 'Navigation' in the left hand column.

All your existing blocks will be listed. By default, the blocks will be assigned to the left hand column. To view the blocks in the right hand column, click on the 'Right Column' button.

3.9.1 Editing your navigation blocks

To edit any of the blocks click on the button next to the relevant navigation block title.

Make your changes and click save.

You will be notified that your block has been saved and you should now see the block has been updated.

3.9.2 Deleting Your Navigation Blocks

To delete any of the blocks:

1. Click on the Select Box next to the title of the relevant block.

2. Click the 'Delete Selected' button at the bottom of the list

You will be asked to confirm you wish to delete the navigation block, if you are sure click OK.

NOTE: The block will then be immediately removed from your site and it will not be able to be retrieved, please go careful when deleting blocks.

3.9.3 Reordering Your Navigation Blocks

To reorder your blocks, use the up and down arrows in the 'Position' column.

To move a block, click on the up or down facing arrows. You will see the blocks change position immediately.

3.10 Top and Bottom Navigation

With the design templates, the only type of navigation block that you can have in the top or bottom navigation is a Menu Block.

These menu blocks are hidden until you assign a category, article or static link to either the 'Top Menu' or 'Bottom Menu' in the 'Edit Categories Page' or 'Edit Articles Page'.

To reorder the links shown in these menu blocks, click on either the 'Top Navigation' or 'Bottom Navigation buttons.

  

Click the 'Edit' button to go through and view the assigned categories and links.

The assigned categories will displayed as shown below, use the up and down arrows to reorder the categories and links.

           

Click 'Save' and your changes will be made.

3.11 Summary

You should now see that your site is starting to take shape, with different navigation showing in the left and right hand columns. The next step is to add categories to your menu blocks, to fill out the navigation further.

3.12 PDF Download

To download a PDF copy of this article please click the following link: Part Three - Site Navigation PDF.

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk