Schoocms instructions Helena Romanes School

discover online success

SCHooCMS User Guide for Colchester High School

intelligent website CMS with 1 point media distribution to make adding and editing content powerfully simple

[visit our website] innermedia.co.uk

Mrs Richenda Whitehead The Helena Romanes School and Sixth Form Centre Parsonage Downs Great Dunmow Essex CM6 2AU T: 01371 878 659 E: richenda.whitehead@helena-romanes.essex.sch.uk

[Content Guide] Introduction.

Section 1.

Section 2.

Section 3.

Section 4.

Section 5.

Section 6.

Section 7.

Section 8.

Section 9.

Section 10.

Section 11.

Section 12.

Section 13.

Section 14.

Section 15.

Section 16.

Section 17.

Section 18.

Section 19.

Section 20.

Section 21.

Guide: 22.

Guide: 23.

Website Layout, Image Sizes & CMS License SCHooCMS Interface Adding / Editing Pages Media Library CMS Tables Page Back Up / Restoring Dynamic Content Snippets Intelligent Pages School News Staff Facilities FAQ’s Quotes Point of Interest (POI) Banners Call Outs Documents Galleries School Alerts Navigation Contact Forms Users Permissions Page Layouts Find out how SEO can help your business flourish Reach new customers through social media

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk

discover online success

[Website Layout] This is a quick guide to show you what each section of your website is called and where you need to add / edit / delete content to update your website successfully.

Main Page Layouts 1

1 2

4

5 3

7

3

6

1

Titles are updated in Page Edit (section 2), order is managed in Navigation (section 18).

2

Located in Galleries - search for ‘Home Page Large Images’ (section 16)

3

Point of Interest (POI) Banners (section 13).

4

Page Banners - update in Intelligent Pages (section 7) or in Page Edit (section 2) or Galleries (section 16).

5

Titles are updated in Page Edit (section 2), order is managed in Navigation (section 18).

6

These are managed in Call Outs (section 14).

7

Update body content (section 2), revert to old page version (section 5).

[Content Snippets] This is a quick guide to show you what each section of your website is called and where you need to add / edit / delete content to update your website successfully.

Content Snippets

1

3 2

1

Tables can be added and modified in Page Edit (section 2).

2

Downloads are managed in Documents (section 15).

3

Forms can be created and updated in Contact Forms (section 19).

4

5

4

These are managed in Galleries (section 16).

5

These are managed in News (section 8).

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk

discover online success

[Image Sizes] This is a quick guide to show you the size and resolution of each image in your website.

PLEASE NOTE is important to upload images in the right size and resolution.

1

2

3

3

4

5

1

Home Page Banners:

Height: 659px Width: 1280px Resolution: 72 Dpi

2

Page Banners:

Height: 321px Width: 1500px Resolution: 72 Dpi

3

Point of Interest (POI) Banners:

Height: 190px Width: 230px Resolution: 72 Dpi

4

Gallery Images*:

Height: 600px Width: 400px Resolution: 72 Dpi

5

News Images*:

Height: 600px Width: 400px Resolution: 72 Dpi

NOTE: News and Gallery images will re size and create thumbnail images for you. * You can upload any size image to the gallery - these are just aour recommendations.

[CMS License] The website CMS has a small monthly license for its use. The purpose of this license is to reduce the initial cost, as it allows us to charge just for the design, planning, optimisation of your website that is integrated into our advance pre-built system.

As this is a licensed product the hosting of the CMS must stay on the innermedia servers which also allows to guarantee the technical side of the CMS as part of the hosting fee.

Intellectual Property The terms and conditions state that if you pay for the website the design files and HTML are owned by your school, the CMS itself is owned by innermedia and is not transferable.

Shared Development Another great benefit for using the SCHooCMS system is once we create a new plug-in we will only charge you an installation cost to apply it to your school. We are already planning to build new plug-ins for this system which we will tell you about once ready.

SCHooCMS Ethos We want to build the best school cms out there and we want to make it accessible. We do not believe in charging each school for full development of the plug-ins we create when they are intended to be shared between the SCHooCMS community.

Good Change We believe in good change which is why we want you to let us know the things that could be done better, things that are labour intensive, things that if we created would make your lives easier, your parents more informed and your school better promoted.

Get In Contact If you have any great ideas and would like us to develop them please contact us today.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk

discover online success

Section 1: SCHOOCMS Interface A quick guide to your website administration panel.

[Log-in] To access the administration panel you will need to enter this address:

http://www.helena-romanes.essex.sch.uk/wp-admin

Enter your username here:

Enter your password here:

Your username and password would have been sent to you separately.

For security reasons please do not keep your passwords and this guide together.

If you have forgotten your passwords please call our support team on 01707 875 721.

[Dashboard - Left Navigation] The dashboard of the administration panel has a side bar that allows you to add and edit content within your website. Here is a quick run through - each section will be explained in more detail in later parts of this guide.

Main Page Content & News Add, edit page of your website and assign content snippets.

Add, edit latest news posts and news categories to your website.

Content Snippets These sections allow you to add, edit and manage content snippets that can be placed in multiple parts of your website, this can be done per page or dynamically across page types.

Add, edit members of your staff.

Add, edit facilities of your school.

Add, edit frequently asked questions.

Add, edit quotes about your school.

Add, edit point of interest banners linking to specific pages.

Add, edit call out banners linking to specific pages.

Add, edit downloadable documents throughout your website.

Add, edit and manage image galleries.

Additional Controls Manage alert notifications such as snow days or special events.

Add, edit and manage your navigation structure.

Set up master page layouts for different section of your school.

Stores all document you upload.

Add, edit and manage contact forms throughout your website.

Add, edit and manage administration users permissions.

Manage the order of Staff, FAQ and Quote groups.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 1

[Dashboard - Analytics] The dashboard of the administration panel will display statistics of your website.

Here is a quick run through of each element.

Main Graph This shows the traffic / number of people that has visited your website. You can show ‘yesterday’ or the past 30 to 60 days by changing the drop down menu located in the far right of the graph.

Site Usage

Visits: Page Views: Pages / Visit: Bounce Rate: Avg. Time: % New Visits:

Number of people visiting your website.

The number of pages that have been viewed on your website.

The average number of pages that each person views on your website. % of people that enter on a page and leave without exploring further.

The average time each person spends looking through your website. % of people that have never been on your website before.

Top Pages NOTE: You can click on the page link to open it.

This shows the most popular pages on your website.

These stats can be used to check if your point of interest (POI) banners are correct.

Top Referrers

Top Searchers

These are locations that send traffic to your website such as Facebook, Twitter and other website sources.

The most popular keyword search terms being used to find you. Not Provided means they have been hidden by the user.

Section 2: Adding / Editing Pages A quick guide to adding images and media to your website.

[Website Pages] There are two options for page content.

You can see All Pages or Add New page.

All Pages This will show you the list of all the pages that have been added.

1 2

4 6

3

5

1

Add new page.

2

Filter live pages, draft pages and pages that have been put into trash.

3

Tick the Title [] to select all pages, or choose individual pages to edit or trash in bulk.

4

Search for pages.

5

Hover over the page name will show available options to edit, trash or view.

6

Scroll through paginated pages - 20 pages are displayed at one time.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 2

Add New Page This option allows you to add a new page.

1

8

2 3

9 5

4

6 7 1

This is where you add the title of the page - this appears in the navigation of your website.

2

Alternative titles become the actual page name - used for longer keyword page titles for SEO.

3

Add media - allows you to add images - see next page.

4

This is where you add the main body content for each page.

Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

5

When creating sub pages please choose the parent it belongs under - you will still need to go into NAVIGATION to set this up. Ignore the TEMPLATE and ORDER sections.

6

This sets the page image - you can upload or choose from media library.

7

You can add content snippets to each page - just tick box and choose items to add.

8

These are options for publishing / viewing / password protecting pages.

9

PUBLISH button - this must be clicked each time you make any changes for them to take effect.

Things you need to know Dynamic content snippets - how to add content elements to your website.

Intelligent pages - these are set layouts / styles for sections of your website.

Navigation - you need to add the new page to the navigation of your website.

Page layouts - you can change the website layout from 3 column to 2 column.

(section 6) (section 7) (section 18) (section 21)

Section 3: Media Library A quick guide to adding images and media to your website.

[Media Library Interface] There are two options for the media library.

You can see all the Library or Add New media item.

Library This will show you the list of all the media that have been added to the library.

1

4

2

6

3

7

5

8

1

Add new media item.

2

Filter media - images, audio and unattached items (not linked in website yet).

3

Tick the [] to select all media, or choose individual media to trash in bulk.

4

Search for media items.

5

Hover over the media name will show available options to edit, delete or view.

6

Scroll through paginated pages - 20 items are displayed at one time.

7

Uploaded to: shows where the media item is linked to content on website. Click to view.

8

The grey quotes are comments - these are currently turned off on your website.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 3

[Media Library - Adding Media] There are many places that you can add media within the system, pages, galleries, content snippets to name just a few - for now we will look at adding media in the media library itself as they all use the drag and drop principle but differ depending on what your doing.

Drag & Drop The upload facility is very simple you just drag the files you want to add to the library and drop them on the window. Please note there is a maximum upload file size: 8MB.

Adding Alt Text Once the image has been uploaded you can edit the image by clicking the EDIT link.

You can add Alt text and modify the image by clicking EDIT.

Section 4: CMS Tables A quick guide to creating and editing tables within your website.

[Working With Tables] The tables icon can be found inside the VISUAL editor within the page editor.

Insert New Table Click in the content area where you want the table to be and select this option to add new table.

A new pop window will open where you can add options to create the table.

Columns: Rows:

How many table wide How many tables high

Example Columns: Rows:

5 2

PLEASE IGNORE OTHER ELEMENTS IN THIS WINDOW. WE HAVE ALREADY SET THE STYLING FOR THE WEBSITE.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 4

Delete Table Select the whole area of the table and choose delete table in the drop down.

PLEASE IGNORE THESE OPTIONS & Add A Row To add additional rows (left and right) click in the row and choose one of the options in drop down to take effect.

Insert row before, Insert row after and Delete row.

Adding extra row’s add more boxes left and right Add A Column Same with columns (up and down) click in table and choose one of the options in drop down to take effect.

Insert column before, Insert column after and Remove column.

Adding extra column’s add more boxes up and down Merge / Split Table Cells You can select multiple table cells and join them to make 1 table cell as show below.

You can also undo this option by clicking in merged cell and choosing the Split merged table cells option in drop down to revert it to the existing table set up.

Section 5: Page Back Up / Restoring A quick guide to reverting previous page versions.

[Website Page Revisions] When editing a page you will see a revisions section within the Publish window if the page has been edited previously. If you click on the Browse link you can see the page edit history.

Page Edit History If you move the slide scale back and forth a pop box of edit history will appear to show you when the page was changed. The system will also show you a comparison of the page you have selected and the previously edited page highlighting areas that were changed.

You can also compare any two revisions by clicking the tick box in the far right corner.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 5

discover online success

Section 6: Dynamic Content Snippets A quick guide to creating dynamic content snippets through out your website. You can create content in each section that can be added to multiple pages throughout website , this means if you update it in one place it updates throughout website automatically.

[1 Point Media Distribution] (section 9) (section 10) (section 11) (section 12) (section 13) (section 14) (section 15) (section 16)

SCHooCMS lets you create content in single locations that can be applied throughout your website on multiple pages. This means that if you need to update a staff member or a specific call to action you only need to update it once and the whole website will update.

This removes the need to remember where content is located and the need to scroll through all your pages making the same updates over and over again. It also removes the chance of human error ensuring your content is always up to date and correct.

Creating Content Snippets You can create content snippets in each specified section by clicking on the left hand navigation.

Each section will be described later on in this guide - see index at front of guide for locations.

Assigning Content Snippets You can assign content snippets by editing a specific page and ticking and selecting the specific content snippets required. These are then automatically added to the page in the correct style.

Section 7: Intelligent Pages A quick guide to using intelligent pages.

[Intelligent Page Interface] There are two options for the intelligent pages.

You can see all the Intelligent Pages or Add Intelligent Page.

How They Work The SCHooCMS system allows you to set up intelligent pages that act as master layouts for specific types of pages through out your website for example: Prep, Senior, Sixth Form. You can set up the pages to have pre-selected content snippets. This makes it really easy when your adding new pages to a specific section or when you need to make amendments to every page that resides in a specific section of the website.

3

1 2 4

1

Filter live pages and pages that have been put into trash.

2

Tick the Title [] to select all pages, or choose individual pages to edit or trash in bulk.

3

Search for pages.

4

Hover over the page name will show available options to edit, trash or view.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 7

[Intelligent Pages - Continued...]

Creating / Editing Intelligent Pages When you create ‘Add Intelligent Page’ or edit a pre-existing ‘Intelligent Page’ you just need to select the content snippets that you want to appear. PLEASE NOTE: The ‘Educational Stage’ options (see figure 1) are set by us and cannot be added to - if you would like to add another stage please let our team know. You can also add or edit the side images for each page - see figure 2 & 3. If you would like to edit or delete the master image just hover over image and the options appear.

Figure 1

Figure 2

Figure 3

Setting Up New Pages When creating new pages make sure that you select the correct Intelligent page.

Section 8: School News A quick guide to adding news to your website.

[School News] There are four options for the news section. You can see All News, Add News, create News Categories or manage Tags.

All News This will show you the list of all the news that have been added.

2

1

4 6

3

5

1

Add new news articles.

2

Filter live news articles, draft news articles and news articles that have been put into trash.

3

Tick the Title [] to select all pages, or choose individual news articles to edit or trash in bulk.

4

Search for news articles.

5

Hover over the news articles name will show available options to edit, trash or view.

6

Scroll through paginated news articles - 20 pages are displayed at one time.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 8

Add News This option allows you to add a new news article.

1

9

2 3

10

4 5

6

7 8

1

This is where you add the title of the news article - this appears in the navigation of your website.

2

Alternative titles become the actual article name - used for longer keyword page titles for SEO.

3

Add media - allows you to add images.

4

This is where you add the main body content for each news article.

Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

5

When creating news articles please choose the category they belongs to. See next page.

6

You can set up Tags to link together related news articles. See next page.

7

This sets the page image - you can upload or choose from media library.

8

You can add content snippets to each page - just tick box and choose items to add.

9

These are options for publishing / viewing / password protecting pages.

10

PUBLISH button - this must be clicked each time you make any changes for them to take effect.

News Categories This option allows you to add a new news categories.

6 5 1

7

2

3

4 8

1

This is where you add the title of the news category - this appears in your website news.

2

Alternative titles become the actual article name - used for longer keyword page titles for SEO.

3

PLEASE IGNORE THIS ITEM

4

PLEASE IGNORE THIS ITEM

5

Tick the Title [] to select all pages, or choose individual news articles to edit or trash in bulk.

6

Search for news articles.

7

Hover over the news category name will show available options to edit, trash or view.

8

Add New Category button - this must be clicked to take effect.

The News Page The news can only be displayed on 1 page of your website - this is pre-determined during the planning and build of the website as is set by our team. If you would like to change the location of the news please contact our team and let them know.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 8

Adding News Tags This option allows you to add a new news tags to the news articles. The best practise is to add and assign news Tags inside news articles - this section will then allow you to edit those created.

5 4 1

6

2

3 7 1

This is where you add the title of the news tag - this appears under your website news.

2

Alternative titles become the actual tag name - used for longer keyword page titles for SEO.

3

PLEASE IGNORE THIS ITEM

4

Tick the Title [] to select all pages, or choose individual news tag to edit or trash in bulk.

5

Search for news tags.

6

Hover over the news tag name will show available options to edit, trash or view.

7

Add New Tag button - this must be clicked to take effect.

Assigning Tags To News Items When you add or edit a news item you can add Tags here. If you click on the most used tags you will see a tag cloud showing you which Tags have been used the most. You can click on existing Tags or create new Tags.

Adding News Tags... continued Adding Tags With Bulk Edit If you select multiple news articles you can choose the Bulk Edit option to add Tags to multiple news articles. Please makes sure you add relevant Tags to your news articles. We also use this as an SEO technique to ensure your main keywords are added on all your news articles.

How Tags Work Here is an example of how your news article may look. You can see the Tags are linked in alphabetical order. When a user clicks on a specific Tag the system will search and display every news article that has the same Tag assigned to it.

SEO Tag Strategy We have assigned the main SEO keyword Tags throughout all the existing news articles on your website. Please keep in mind the Tag system when adding new blog posts. We can add these on a monthly basis for you as part of the monthly health check / retainer service we provide to ensure your website content is always optimised and tidy.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 8

discover online success

Section 9: Staff A quick guide to creating and adding staff through out your website.

[School Staff Members] There are three options for the staff section. You can see All Staff, Add Staff Member or manage Staff Groups.

1 4

2 3 5

1

Add new staff member.

2

Filter live staff members, draft staff members and staff members that have been put into trash.

3

Tick the Title [] to select all pages, or choose individual staff members to edit or trash in bulk.

4

Search for staff members.

5

Hover over the staff members name will show available options to edit, trash or view.

6

Scroll through paginated staff members - 20 pages are displayed at one time.

Adding Staff Members This option allows you to add a staff member.

1

7 2 8

4

3

6 6

5 1

This is where you add the title of the staff member.

2

This is where you add the main body content for each staff member.

Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

3

This is where you add the staff members details, Position, Qualifications, Email and History.

4

When creating staff members please choose the staff group they belongs to. See next page.

5

This sets the staff image if required - you can upload or choose from media library.

6

PLEASE IGNORE THIS SECTION

7

These are options for publishing / viewing / password protecting staff members.

8

UPDATE button - this must be clicked for changes to take effect.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 9

Staff Group This section allows you to manage the staff groups.

7

8

6 9

10

5

1 2

3 4 11 1

This is where you add the title of the staff group.

2

PLEASE IGNORE THIS SECTION.

3

PLEASE IGNORE THIS SECTION.

4

PLEASE IGNORE THIS SECTION.

5

This shows a Tag Cloud of the most popular Staff Groups.

6

Tick the Name [] to select all staff groups, or choose individual staff groups to edit or trash in bulk.

7

Search for staff groups.

8

Scroll through paginated staff members - 20 pages are displayed at one time.

9

Hover over the staff group names will show available options to edit, trash or view.

10

This shows the number of staff members inside that group. Click number to view all staff.

11

Add New Staff Group button - this must be clicked to add new group.

Assigning To Pages This section allows you to assign staff groups to pages of your website.

Staff Content Snippet Edit the page click on the ‘Add Staff’ content snippet box and the options will appear underneath.

1

2

4

5

3 1

Tick the staff groups to add them to the page - you can tick multiple groups.

2

You can also search to add Featured Staff profiles to each page.

3

Click on the name to add the staff member to the featured staff list located to the right.

4

You can drag and move the order of the featured staff to set order on website page.

5

You can remove the featured staff by hovering over name and clicking the - button.

Organising Staff Groups This section allows you to organise the order in which staff groups appear on your website.

This section is located at the bottom of the main left hand side navigation. Please select the ‘Order Staff Groups’ option and drag and drop to set order. This section has been created separately due to the complexity of ordering group elements that contain ordered lists.

Click and drag and drop to organise structure

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 9

discover online success

Section 10: Facilities A quick guide to creating and adding facilities to your website.

[School Facilities] There are two options for the facilities section.

You can see all Facilities and Add Facility.

1 4

2 3 5

1

Add new facility.

2

Filter live facilities, draft facilities and facilities that have been put into trash.

3

Tick the Title [] to select all facilities, or choose individual facilities to edit or trash in bulk.

4

Search for facilities.

5

Hover over the facility name will show available options to edit, trash or view.

6

Scroll through paginated facilities - 20 pages are displayed at one time.

Adding Facilities This option allows you to add a facilities.

1

4 2 5

6 3

1

This is where you add the title of the facility.

2

This is where you add the main body content for each facility.

Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

3

This is where you add the facility images - click Add Image.

4

These are options for publishing / viewing / password protecting staff members.

5

UPDATE button - this must be clicked for changes to take effect.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 10

Add Facility Images If you click on the Add Image button you are given 2 options.

Upload Files: You can drag and drop images onto the window to upload.

Media Library: 1. Once the file has been uploaded you can add ALT Text - this is good for SEO. 2. Alternatively you can choose an image from the library to use.

Select button - this must be clicked to add image.

Assigning To Pages This section allows you to assign staff groups to pages of your website.

Facility Content Snippet Edit the page and click on the ‘Add Staff’ content snippet box and the options will appear underneath.

1 2 3

4

5

1

PLEASE IGNORE THIS SECTION

2

You can use the search box to find facilities if there are lot’s added.

3

Click on the name of the Facility to add to the page - these appear to the right.

4

You can drag and move the order of the facilities to set order on website page.

5

You can remove the facilities by hovering over name and clicking the - button.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 10

discover online success

Section 11: FAQ’s A quick guide to creating and adding FAQ’s to your website.

[Frequently Asked Questions] There are three options for the facilities section.

You can see all FAQ’s, Add FAQ’s and manage FAQ Groups.

1 4

2

6

3 5

1

Add new FAQ.

2

Filter live FAQ’s, draft FAQ’s and FAQ’s that have been put into trash.

3

Tick the Title [] to select all FAQ’s, or choose individual FAQ’s to edit or trash in bulk.

4

Search for FAQ’s.

5

Hover over the FAQ name will show available options to edit, trash or view.

6

Scroll through paginated FAQ’s - 20 pages are displayed at one time.

Adding FAQ’s This option allows you to add FAQ’s.

1

3 2 5 6 4

1

This is where you add the question of the FAQ.

2

This is where you add the answer to the FAQ. Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

3

These are options for publishing / viewing / password protecting FAQ’s.

4

When creating FAQ’s please choose the FAQ group they belongs to.

5

UPDATE button - this must be clicked for changes to take effect.

Assigning FAQ’s to Page Edit the page and click the Add FAQ button. Then choose the FAQ group that you want to appear on the page - you can only select 1 FAQ per page.

Organising FAQ Groups As you can only add 1 FAQ group per page the order of the quotes displayed will depend on the order they are in the FAQ section itself. You can drag and drop the sections to re-arrange.

Click and drag and drop to organise structure

Section: 11

discover online success

Section 12: Quote’s A quick guide to creating and adding Quotes to your website.

[School Quotations] There are three options for the quotes section.

You can see all Quotes, Add Quotes and manage Quote Groups.

1 2

4

3 5

1

Add new Quote.

2

Filter live Quotes, draft Quotes and Quotes that have been put into trash.

3

Tick the Title [] to select all Quotes, or choose individual Quotes to edit or trash in bulk.

4

Search for Quotes.

5

Hover over the Quote name will show available options to edit, trash or view.

Adding Quotes This option allows you to add Quotes.

1

3 2

5 6

4

5 1

This is where you add the title of the Quote.

2

This is where you add the actual Quote text.

Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

3

These are options for publishing / viewing / password protecting Quote.

4

When creating Quotes please choose the Quote group they belongs to.

5

Add in the source of the Quote - Mr X or School Parent.

5

PUBLISH button - this must be clicked for changes to take effect..

Assigning Quotes to Page Edit the page and click the Add Quote button. Then choose the Quote group that you want to appear on the page - you can only select 1 Quote group per page.

Organising Quote Groups As you can only add 1 Quote group per page the order of the quotes displayed will depend on the order they are in the Quote section itself. You can drag and drop the sections to re-arrange.

Click and drag and drop to organise structure

Click and drag and drop to organise structure

Section: 12

discover online success

Section 13: Point of Interest (POI) Banners A quick guide to creating and adding POI Banners to your website.

[POI Banners] There are two options for the call out section.

You can see all POI Banners or Add POI Banners.

1 2

4

3 5

1

Add new POI Banner.

2

Filter live POI Banners, draft POI Banners and POI Banners that have been put into trash.

3

Tick the Title [] to select all POI’s, or choose individual POI’s to edit or trash in bulk.

4

Search for POI Banners.

5

Hover over the POI Banners name will show available options to edit, trash or view.

Adding POI Banners This option allows you to add POI Banner.

1 3 2 5 6 4

1

This is where you add the title of the POI Banner.

2

This is where you choose the internal page the banner will link to.

3

These are options for publishing / viewing / password protecting POI Banners.

4

You need to add an image here for the POI Banner - upload new or choose from library.

5

PUBLISH button - this must be clicked for changes to take effect..

Assigning POI Banners to Page You can assign Call Outs in Page Edit or in the Intelligent Pages section.

Please note that Call Outs added in Page Edit will overwrite any Intelligent Page settings.

1

3

4

2

1

You can use the search box to find POI Banners if there are lot’s added.

2

Click on the name of the POI Banner to add to the page - these appear to the right.

3

You can drag and move the order of the POI Banners to set order on website page.

4

You can remove the POI Banners by hovering over name and clicking the - button.

Section: 13

discover online success

Section 14: Call Outs A quick guide to creating and adding Call Outs to your website.

[Call Out Banners] There are two options for the call out section.

You can see all Call Outs or Add Call Outs.

1 2

4

3 5

1

Add new Call Out.

2

Filter live Call Outs, draft Call Outs and Call Outs that have been put into trash.

3

Tick the Title [] to select all Call Outs, or choose individual Call Outs to edit or trash in bulk.

4

Search for Call Outs.

5

Hover over the Call Outs name will show available options to edit, trash or view.

Adding Call Outs This option allows you to add Call Outs.

1

3 2 6 6

4 5 1

This is where you add the title of the Call Out.

2

This is where you add the actual Call Out text.

Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

3

These are options for publishing / viewing / password protecting Call Outs.

4

You can add website URL’s here to make the Call Out link to other pages on your website.

5

If you add a website URL - please make sure you give it a good title - good for SEO.

5

PUBLISH button - this must be clicked for changes to take effect.

Assigning Call Outs to Page You can assign Call Outs in Page Edit or in the Intelligent Pages section.

Please note that Call Outs added in Page Edit will overwrite any Intelligent Pages settings.

Select a drop menu option for the Call Out section.

Section: 14

discover online success

Section 15: Documents A quick guide to creating and adding Documents to your website.

[School Documents] There are two options for the call out section.

You can see all Documents or Add Documents

1

4

2

6

3 5

1

Add new Document

2

Filter live Documents, draft Documents and Documents that have been put into trash.

3

Tick the Title [] to select all Documents, or choose individual Documents to edit or trash in bulk.

4

Search for Documents.

5

Hover over the Documents name will show available options to edit, trash or view.

6

Scroll through paginated Documents - 20 pages are displayed at one time.

Adding Documents This option allows you to add Call Outs.

1

3 2 4

1

This is where you add the title of the Document.

2

This is where you add the Document file.

3

These are options for publishing / viewing / password protecting Document.

4

PUBLISH button - this must be clicked for changes to take effect.

Uploading Documents

Click Add File button and you can drag and drop your files onto the window that appears.

Once the file has been uploaded you can add ALT Text - this must be a short description of the file - good for SEO if keywords can be included. DO NOT LEAVE THIS BLANK.

Assigning Documents to Page You can assign Documents in Page Edit.

1

3

4

2 1

You can use the search box to find Documents if there are lot’s added.

2

Click on the name of the Document to add to the page - these appear to the right.

3

You can drag and move the order of the Documents to set order on website page.

4

You can remove the Documents by hovering over name and clicking the - button.

Section: 15

discover online success

Section 16: Galleries A quick guide to creating and adding Galleries to your website.

[School Galleries] There are two options for the gallery section.

You can see all Galleries or Add Galleries.

1 4

2 3 5

1

Add new Gallery.

2

Filter live Galleries, draft Galleries and Galleries that have been put into trash.

3

Tick the Title [] to select all Galleries, or choose individual Galleries to edit or trash in bulk.

4

Search for Galleries.

5

Hover over the Gallery name will show available options to edit, trash or view.

Adding Galleries This option allows you to add Galleries.

1

3

4

2 1

This is where you add the title of the Gallery.

2

Click the Add Images button to add images.

3

These are options for publishing / viewing / password protecting Document.

4

PUBLISH button - this must be clicked for changes to take effect.

Uploading Images Click Add File button and you can drag and drop your files onto the window that appears.

You can upload multiple images at the same time - please make sure your images are not too big.

Once the file(s) has been uploaded you can add ALT Text - this must be a short description of the file - good for SEO if keywords can be included. DO NOT LEAVE THIS BLANK.

Section: 16

Editing Galleries You can change the order of the gallery images by drag and drop. If you click on an image there are 2 icons that appear that let you edit or delete the individual image.

Assigning Galleries to Page Edit the page and click on the ‘Add Gallery content snippet box and the options will appear underneath.

1

3 2

1

You can use the search box to find Galleries if there are lot’s added.

2

Click on the name of the Gallery to add to the page - these appear to the right.

3

You can drag and move the order of the Gallery to set order on website page.

4

You can remove the Gallery by hovering over name and clicking the - button.

4

Creating Gallery Pages This option allows you to create the gallery pages.

Add New Page Click on the Add New button under Pages (section 2).

- Tick the ‘Apply Design Switch’ button - Tick the ‘Hide Right Column’ option This hides the far right column making more space for the gallery images.

- Add the Gallery in the content snippet section. (see previous page) - Publish the page - Enter the Navigation section and add the new page as a sub page of the School Gallery.

Gallery Navigation You can drag and drop the Gallery sub pages to re-order in the Navigation area (section 18).

Showing Sub Pages as Thumbnails There is an option in the Page Edit that allows you to ‘List Child Pages’.

This will show all sub pages of the main page as thumbnails and brief description and take the user through to that gallery once clicked on.

Section: 16

discover online success

Section 17: School Alerts A quick guide to creating and adding Alerts to your website.

[School Alert Notifications] The system allows you to create School Alerts for emergencies and major events such as snow days and upcoming open days. Once activated the school alert will pop up and show the message to each user on the first visit each day of the website. Once the users clicks to close the pop window the message will not appear to that user until the next day.

[School Alert Interface] There are two options for the call out section.

You can see all Alerts or Add Alerts.

1 4

2

6

3 5

1

Add new Alert.

2

Filter live Alerts, draft Alerts and Alerts that have been put into trash.

3

Tick the Title [] to select all Alerts, or choose individual Alerts to edit or trash in bulk.

4

Search for Alerts.

5

Hover over the Alerts name will show available options to edit, trash or view.

6

Scroll through paginated Alerts - 20 pages are displayed at one time.

Adding Alerts This option allows you to add Alerts.

1 4 2 6 5

3 1

This is where you add the title of the Alert.

2

This is where you add the actual Alert text.

Visual - provides you with visual formatting tools - bold, underline, tables, tabs...Etc. Text - provides you with HTML formatting options - advanced level of HTML required.

3

This is where you add a contact form to the Alert.

4

These are options for publishing / viewing / password protecting Alerts.

5

This is where you set the featured image of the Alert.

6

PUBLISH button - this must be clicked for changes to take effect.

Contact Forms This option allows you to add contact forms to Alerts.

3

1

Create Contact Forms Please see section 19.

2

1

You can use the search box to find Contact Forms if there are lot’s added.

2

Click on the name of the Contact Form to add to the page - these appear to the right.

3

You can remove the Contact Forms by hovering over name and clicking the - button.

NOTE: You can only add 1 contact form to a School Alert.

Section: 17

discover online success

Section 18: Navigation A quick guide to modifying the website Navigation.

5 1

2

4

3

1

Filter between most recent pages, view all pages or search for pages to add to navigation.

2

Tick the pages you want to add to navigation and click the ‘Add to Menu’ button.

Please note the pages will be added to the bottom of tree structure (fig 4).

3

PLEASE IGNORE THESE SECTIONS.

4

You can drag and drop the pages in the tree structure to order.

5

Save Menu button - this must be clicked for changes to take effect.

Section 19: Contact Forms A quick guide to adding contact forms to your website.

1

3

2 4

1

Add new contact form.

2

Tick the Title [] to select all forms, or choose individual news forms to edit or trash in bulk.

3

Search for contact forms.

4

Hover over the contact form name will show available options to edit, trash or view.

Advanced Instructions Full instructions can be found by clicking the Docs - FAQ - Support links inside form edit.

Change Email Address You can update the email address by editing form and scrolling down to the MAIL section.

We would strongly advise not to change much more than this - if you need help please ask us.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 19

Adding New Fields This option allows you to add new fields to your contact forms.

1

2

3

1

PLEASE IGNORE THIS SECTION - the system allows you to add forms in Page Editor.

2

This is the Form window - changing this changes the form on your page.

3

Generate new form elements (tags).

Form Tags Here is an outline of the tags you can use. <p>Surname (required)<br /> [text* surname] </p>

This line is the line that appears on the form.

This is the type of field that appears. text = text field * = required field surname = identifier - appears on email to you

Create New Form Tags Adding a new tag - checklist, radio button etc. you choose from the Generate Tag drop down.

Mail Options This option allows you to change the email you receive.

Multiple Recipients You can specify another email address to receive the forms if you need to.

Email Messages Your an review and edit any of the email messages that happen once the form has been submitted.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 19

discover online success

Section 20: User Permissions A quick guide to creating and modifying User Permissions.

[User Interface] There are five options for the users section. You can see All Users, Add New, Your Profile, Roles, Add New Role.

1 2

4

3 5 6

1

Add new User.

2

Filter live Users, draft Users and Users that have been put into trash.

3

Tick the Username [] to select all Users, or choose individual Users to edit or trash in bulk.

4

Search for Users.

5

Hover over the User name will show available options to edit, trash or view.

6

Click on this number to view the total posts / news articles the user has created.

Adding Users This option allows you to add Users.

1

2 3 4 5 1

This is where you add the information for the user.

2

The strength indicator will tell you how good your password is.

3

You can choose to send the details to the user - please make a note yourself before you send.

4

Select the type of Role - this sets the permissions for the user.

5

Add New User button - must be clicked for changes to take effect.

Your Profile This option allows you to update information about your user account.

Show tool bar when editing website.

This option will make editing the website much easier when your logged in. As you view the website pages this tool bar will appear.

Update your email address.

Change your password.

Section: 20

Roles This option allows you to add Roles.

1 2 3 4

5

1

Add new Role.

2

Filter live Roles, draft Roles and Roles that have been put into trash.

3

Tick the Role Label [] to select all Roles, or choose individual Roles to edit or trash in bulk.

4

Hover over the Role name will show available options to edit, trash or view.

5

Click on this number to view the users associated with this Role.

Add & Edit Roles You can update the permissions for each role by clicking on the listed items.

We have set these up for you to give you all the tools you need to manage your website successfully.

We would strongly advise not to change any existing Roles - if you need help please ask us.

Section 21: Page Layouts A quick guide to page layouts on your website.

Hide Right Hand Column For certain pages such as Galleries, Maps etc. you may want to hide the right hand column of the website to allow for more room on the page. This is done in the Page Editor (section 2).

Click on the Add New or Edit button for specific page - Tick the ‘Apply Design Switch’ button - Tick the ‘Hide Right Column’ option Make sure you hit the PUBLISH button to make change effective.

Showing Sub Pages as Thumbnails There is an option in the Page Editor (section 2) that allows you to ‘List Child Pages’.

This will create thumbnails all of sub pages under this specific page showing a brief description and image.

The thumbnails will be linked to each sub page.

New Page Layouts If you would like new page layouts on your website please contact the Innermedia team.

Innermedia Limited Barley House, Sopers Road, Cuffley, Hertfordshire EN6 4RY T: 01707 875 721 / E: sales@innermedia.co.uk / W: innermedia.co.uk Section: 21

t a w a

01707 875 721 sales@ innermedia.co.uk Barley House, Sopers Road, Cuffley, Herts EN6 4RY