Your website build will undergo 4 main steps:

1. Planning, pages and design
2. Website Content
3. Amendments and Feedback
4. Launch Website

Your website will often be the first thing someone sees about you. Schoolzine's Website Platform provides an easy to use interface and a range of beautiful designs, allowing you to take control of your own website.

If you have any questions or wish to begin the setup for one of our other features, please don't hesitate to contact our Support Team and one of our members can assist you as soon as possible.

Click here to learn more

A Web Page is an online page that can be used to either store information created in the Schoolzine Control Centre, or be linked through to external pages or websites. Web Pages can then be linked to your Schoolzine Website, SZapp, Newsletter or simply sent to your readers as a link they can bookmark on their computer.

The below process will assist you in creating your own Web Page.

1. Log in to your Control Centre and select the Content menu tab
2. Once expanded, select Web Pages
3. Select the New Page
4. Fill in your Page Title and Page Heading
5. Leave the Status as Active and the Menu Display as Visible to display the Web Page
6. Leave the Page Type as New Page
7. The URL field will create a URL (web address) based off of the Page Title.
   Note: General practice rules apply for URLs (web addresses). Please read the General URL (web address) Rules article if you wish to make changes to the URL (web address)

Menu Settings – Tags

The Tag field is used to control where the Web Page is going to display. You can apply any of the tags below:

• side-menu and top-menu
  These Tags allow the Web Page to display on the Newsletter Top and Side Menus
• website-top-menu
  This Tag allows the Web Page to display on the Website Main Navigation
• app
  This Tag allows the Web Page to display as a SZapp Tile on the SZapp Mobile App

Menu Settings - Menu Sub Navigation

To make a Web Page display as part of a Drop Down List in your Website Main Navigation Menu item you need to apply a Parent Page.

• Leave the Tags field blank
• Leave the Open Link In field as Same Window
• From the Parent Page field, choose the Main Navigation item you wish this page to display under

Menu Settings - Weighting

Weighting can be used to re-order the position of your Web Pages. You can use numerical values to adjust the order in which your pages will display. The larger the number used, the further up the list your item will display.

How does it work?

The higher the number assigned to the weighting field, the more important it is.

The system will review all relevant items when it creates the view for the website, assess what Weightings have been given to the items that appear on the page, and will order them appropriately. The Weighting will follow these rules when displaying items with and without a weight assigned:

Weight Rules

• By default, if an item hasn’t been assigned a weight, it will assume the value of 0 weight
• Items with the same weight will be ordered by weight, then by alphabetical order or release date (depending on the item being weighted)
• The higher the number given as weight, the more important that item is, and the higher it will appear on the site
• Negative weight will appear below anything assigned with a weight of 0

Please note: It is recommended to assign weighting in ranges of 5’s (5, 10, 15, etc) or 10’s (10, 20, 30, etc) as this allows for easy adjustments later down the track, such as slotting a new page between 2 old ones.

App Settings

The SZapp Tile Background Colour and SZapp Tile Text Colour are used to adjust the display settings on the SZapp if this Web Page is being used as a SZapp Tile.

If this is applicable for your account, click in the relevant box and adjust to the desired colour. In all other cases these settings can be left blank.

Page Layout

Select Layout and Select Skin are used to adjust how your Page will display. If you have additional Schoolzine Subscriptions such as a Schoolzine Newsletter, please make sure you set both of these to options to Website to keep all of your Web Pages uniform.

If you are only using the Schoolzine Website Subscription, then these can be left as default.

Page Content

Page Content controls the type of Content that will be displayed on the Web Page. This will only be visible on the New Page page type.

New Content

New Content is used when you are creating a new set of content directly on this Web Page. To add your content, follow the below steps:

• Click the New Content Holder button
• Fill in the Title
• Leave the Status as Published
• Add and format your content using the Toolbar
• Click Save

For more information on how to navigate the Toolbar Menu, please see the below guide:

Existing Content

Existing Content is used to link a previous created Content Holder to your Web Page. To link an existing Content Holder, follow the below steps:

• Select Content Holder from the Page Content drop down box
• Search the list of existing Content Holders
• Click the Select button to link it

To make any changes to existing Content on the Web Page, you can use the steps outlined in the below video guide:

Forms and Polls

The Form and/or Poll option allow you to add a Form or Poll that has been previously created withing the Schoolzine Control Centre to your Web Page. To include one of these options, follow the below steps:

• Select Form or Poll from the Page Content drop down box
• Select the desired item from the list

PLEASE NOTE: You can add as many Content Options to a Web Page as necessary. There are many reasons for splitting your content into multiple Content Holders, however the most common is to accommodate having a large section of text and a Web Form on one page.

Completing your Page

Once all Content Items are linked to your Web Page and all the required settings have been applied, select the Save button located at the bottom right of the page.

If you would like to save your work but aren’t ready for the Web Page appear on the website, uncheck the Status box to make it inactive.

Content Holders are used for displaying information within the Side Panel of your newsletter. We recommend populating content here that you need available to your community, but don’t necessarily want in the body of your newsletter. This can include information such as Term Dates, Upcoming Events, Office Hours, Important Information or Forms & Documents.

Adding a Content Holder

1. Log in to your Control Centre and select the Content  tab.
2. Once expanded, select Content Holders and click the New Content Holder button.
3. Complete the Name and Title fields for your Content Holder.
   Note: The Name field is what displays in the Control Centre. The Title field is what displays in the Newsletter.
4. If you would like the Content Holder to appear on a specific day, you can select a Release Date. By default, the Release Date is set to the current date. You can also select an Expiry Date by unticking the 'Never' box and selecting the date that you would like the Content Holder to be removed from the newsletter.
   Note: You can also temporarily disable a Content Holder by unticking the Status box.
5. Apply the Newsletter tag. This will display the Content Holder in the Side Panel of your newsletter.
   Note: If you would like the Content Holder to appear on other pages, such as your Archive or Subscribe Web Form, select the Page tag.
6. Apply a Weighting to your Content Holder. You will need to apply a value greater than 10 for it to appear in the correct starting position. The higher the value, the further up the newsletter's Side Panel it will display.
7. Add your content and apply any necessary styling using the toolbar menu. This includes inserting any hyperlinks, documents, or images.
8. Once you have saved the Content Holder, you will be able to view it on your newsletter's Side Panel.

Handy Hints

• Ensure that your images are no wider than 220px. You can resize your images to the correct size by using the Schoolzine Image Resizer.
• We recommended not uploading files larger in size than 1 MB.
• Clean your text to ensure that your content displays correctly and any hidden characters or symbols are removed. To clean your text, paste it into a program such as Notepad or Wordpad, then copy it from this program into your Content Holder.
• We recommended using a call to action for any files or URLs (web addresses) that you include in your message to avoid your content being missed! eg. “Click here to download” or “Click here to view”.

Adding a Document

• Upload the document by selecting the Content menu tab and going to Media Library.
  Note: See the Media Library tutorial for more information.

• Select the text you would like your document linked to. Click on the Link button and select Link to Document. Click on the search button next to Page URL to display all documents you have in your account, then select the document you would like to link.

Adding an Image

• Click on the Image button, select Upload New and then choose the image that you want to insert.
  Note: Images cannot exceed 220px wide. It is also possible to link an image that you have previously uploaded into your Schoolzine account.

Adding a URL (web address)

• Select the text you would like your URL (web address) linked to. Click on the Link button, select Link to Page and then paste in the required link to the Page URL field.

Video

The following steps can be used to insert a Youtube or Vimeo video:

1. Click on the Video Play icon.
2. Simply paste the video URL (web address) or ID into the box and select Ok.
3. Use the tick boxes at the bottom of this popup to choose whether you would like to show suggested videos, or remove the video heading.

Direct Video Embed

• If you have been given an embed code for a video, such as a WISTIA video, this can be added through the Embed Code tab then selecting the OK button.

NOTE: Some videos that are embedded from other sources such as Facebook or Panopto, will not render correctly in your PDF print version so may need to be hidden from your content. For more information on hiding elements of content from your print version, see the PDF Formatting Options section of the Navigating the Toolbar & Content Window Knowledge Base Article

Editing a Content Holder

1. Log in to your Control Centre and select the Content tab.
2. Once expanded, select Content Holders.
3. Choose the Content Holder you wish to edit from the list, by selecting the Content Holder name.
4. Once you have saved the Content Holder, you will be able to view the changes on your newsletter's side panel.

Deleting a Content Holder

1. Log in to your Control Centre and select the Content tab.
2. Once expanded, select Content Holders.
3. Choose the Content Holder you wish to delete from the list by selecting the Content Holder name.
4. Select the Delete Holder button, and confirm that you would like to delete the Content Holder in the pop up prompt window.

If you are copying content directly from an email or web page, to avoid errors, you’ll first need to clean the text. The easiest way to do this is to paste the content into Notepad, and from Notepad into the Article Content box.

For Mac users, you are able to use TextEdit for this.

If you are copying formatted content, such as from a Microsoft Word document, some formatting will be copied across from your document. However, if you’re starting with clean text, here is a guide to formatting your content using the toolbar.

Edit

Through this tab, you’ll be able to Undo (Ctrl+Z) and Redo changes (Ctrl+Y), Select All (Ctrl+A), and Find and replace text (Ctrl+F).

You will be able to access options such as Cut & Paste through keyboard shortcuts. A quick guide to the shortcuts can be found below:

1. Copy (Ctrl+C)
2. Cut (Ctrl+X)
3. Paste (Ctrl+V)

Insert

Image

Select From System

1. Select the browse button to the right of the Source box.
2. Click the image you wish to add or use the search bar to filter.
3. You can alter the image size by changing the values in the ‘Dimensions’
   Note: To maintain good image quality, we recommend that you don’t upscale your images.
4. For images that have a white or transparent background we advise the use of no styling. Simply change the Image Style to No Styling.
5. Click Ok to add the image to the article.

Upload New

1. Select the Choose File icon on right of the Source box.
2. Navigate to where the file is saved on your computer.
3. Double click the file or click Open to add it to the article.

Gallery

Select From System

If your gallery has already been uploaded into the Media Downloads section of your Control Centre then you will be able to use this popup to browse for the folder.

1. Select the browse button to the right of the Gallery Id box. Please note: There are only two file types that you'll be able to use: JPGs and PNGs.
2. Use the drop down box to select the folder.
3. Click Select.
4. Click Insert to add the gallery to your article.

Create New

If you have not yet uploaded the gallery, you can do so now by selecting the Create New button.

1. Add the Folder Name.
2. Drag and Drop your files into the drag and drop box.
   As an alternative, you can also browse for the files by clicking Choose Files, navigating to where the files are saved on your computer, highlighting all images within the folder, and clicking Open.
   Note: you can repeat this process as many times as necessary.
3. When all file names are displaying, click the Create Gallery
4. Once the gallery has finished uploading, the system will supply you with an Id. Click Insert to add it to the article.

Video

The following steps can be used to insert a Youtube or Vimeo video:

1. Click on the Video Play icon.
2. Simply paste the video URL (web address) or ID into the box and select Ok.
3. Use the tick boxes at the bottom of this popup to choose whether you would like to show suggested videos, or remove the video heading.

Direct Video Embed

If you have been given an embed code for a video, such as a WISTIA video, this can be added through the Embed Code tab then selecting the OK button.

NOTE: Some videos that are embedded from other sources such as Facebook or Panopto, will not render correctly in your PDF print version so may need to be hidden from your content. For more information on hiding elements of content from your print version, see the PDF Formatting Options section of this Knowledge Base Article.

PDF Flyer

This option is used to add a PDF file to your newsletter.

1. Select your file by using the Upload or Search buttons.
2. Create the title for the button.
   EG: ‘Click here to download the Canteen Menu’
3. If you are wanting the pdf to be embedded in your newsletter, make sure the Show Flyer checkbox is ticked.
4. If you are wanting to hide the URL (web address) of the file, make sure the Show Download Link checkbox is unticked.

Link Button

This option is used to create a button.

1. Place your URL (web address) link in the URL field.
   Please note: You can use this option to also link through to a PDF by using the upload or search buttons.
2. Select a name for the button.
   EG: ‘Click here to view the School Website’
3. If you are wanting to not display the URL (web address), make sure the Hide URL checkbox is checked.
4. You can select an icon for your button that will be displayed on the right hand side via the Icon drop down box.

Special Elements

Border Box

Colour Box

Line Break

A Line Break is used to create a divider line between content.

PDF Formatting Options

There are a few different ways you can format the printed view of your Newsletter. The options available are outlined below:

PDF Break

PDF Break is used to move all content underneath the Element to the next Column.

PDF Hide

PDF Hide is used to hide a piece of content from the Print view of the newsletter.

PDF Only

PDF Only is used to show a piece of content only in the Print view of the newsletter.

Clear

This option is used to stop content such as floated images from effecting the content beneath them. They can be placed directly below content to avoid any overlap.

1. Select the blank line where you would like to insert the clear.
2. Select Clear.

Table

You can add a table to your content by using the Table menu option. Tables are a great way to space out and organise your content (rather than using the 'Tab' key). Please note: it's not recommended to copy and paste tables from somewhere straight into your articles.

• Select Table from the drop down menu and select how many columns and rows you would like to include. Click with your mouse to add the desired table to your content.
• Once you have inserted your table, you are able to apply to begin adding in your content. You can also add a colour to either your entire table or specific cells. Simply just select the cell or entire table and navigate to Cell or Table colour.
• The Style classes option allows you to do things such as remove the table borders and padding.

When you click on your table, a little toolbar pops up which allows you to quickly make changes to your table. E.g. Adding in an additional rows and columns.

Adjusting Column and Row Widths

You are able to adjust the size of your columns and rows by using Table Properties within Table from the drop down menu.

You are then able to apply the appropriate Width and Height to your table. You can also alter the Cell spacing and padding here.

Applying Table or Cell Background

Simply have your cursor placed within one of the cells, navigate to Table in the menu and then Table colour. Once you have clicked on your chosen colour, it should be applied to your table.

Merging Cells

If you would like to merge multiple cells together:

1. Select the cells you would like to merge.
2. Select Cell under the Table Menu option.
3. Select Merge Cells.

Alternative Table Options

• If the table you are wanting to create is quite complex and is hard to recreate within your Schoolzine account. We recommend creating the table in a word document, saving it as a PDF and inserting it as a 'PDF Flyer'.
• The table can also be included as a jpeg or PNG. Once the table has been created in word, take a screenshot using snipping tool and then insert it as an 'Image'. See below image:

Tools

Spellcheck

By selecting this Tool you will turn on spellcheck for your content, allowing the Schoolzine System to show any spelling errors that may be found within your content.

Paste as Text

If you have copied content that has both text and images, if you have this Tool active it will only paste the text based content.

Link

You can use this option to hyperlink text within your content.

Link to Document

If you are wishing to link your text to a PDF file you will be able to use this option.

1. Place your URL (web address) link in the URL field.
   Please note: You can use this option to also link through to a PDF by using the upload or search buttons.
2. Place the text that you are going to link the document to in the Text to display. 
   EG: ‘Click here to download the Canteen Menu’
3. Select how the link will be opened, either in the Same Window or in a New Window.
4. Applied Classes: This is an optional field to allow extra styling to be applied to the text. You will be able to leave this.

Link to URL (web address)

If you are wishing to link your text to a URL (web address) you will be able to use this option.

1. Place the web address in the URL Field.
2. Place the text you are wanting to hyperlink in the ‘Text to display’
   EG: ‘Click here to view the School’s Website’
3. Select how the link will be opened, either in the Same Window or in a New Window.
4. Applied Classes: This is an optional field to allow extra styling to be applied to the text. You will be able to leave this blank.

Link to Form

If you are wanting to link a Webform that has been created in the Control Centre, you will be able to use this option.

1. Select the Web Form you are wanting to use by pressing the button on the right of the Form URL.
   If you have the URL (web address) for the webform already, you will be able to place it directly into the Form URL field
2. Place the text you are wanting to link the Web Form to in the ‘Text to display’ field.
   EG: ‘Click here to complete the Camp Permission form’
3. Select how the link will be opened, either in the Same Window or in a New Window.
4. Applied Classes: This is an optional field to allow extra styling to be applied to the text. You will be able to leave this blank.

Link to Email

1. Populate the ‘Email’ field with an email address.
2. Place the text you are wanting hyperlink in the ‘Text to display’ field.
3. Applied Classes: This is an optional field to allow extra styling to be applied to the text. You will be able to leave this blank.

Format

Content Formatting

• Paragraph Style
  • This Style is the default style applied to the content of your article. Any thing that is not made into a heading should be tagged as ‘Paragraph’ Style. This will be selected by default.
• Heading 1
  • This style is used to indicate any main headings. The Title of your article/event will be styled using this style.
• Heading 2
  • This style is used for sub headings within your content. This is the most common heading style used while building newsletter content.
• Heading 3
  • This style is used for a sub-sub heading, to be used under a Heading 2.

Text Based Formatting

These options allow you to change the styling applied to your text. From left to right these options are:

• Font Size
  • This option allows you to increase or decrease the size of the font within your newsletter.
• Text Colour
  • This option will allow you to change the colour of your font.
• Bold
  • This option will apply a Bold to your content.
• Italic
  • This option will apply Italics to your content.
• Underline
  • This option will apply an Underline to your content.
• Strikethrough
  • This option will apply a Strikethrough to your content.
• Clear Formatting
  • This option will clear any formatting selected. This is used to remove unwanted styling.
• Alignment
  • Used to adjust contents alignment. The options available are Left, Centre, Right and Justified

• Lists
  • The left option is used to create a Bulleted list.
  • The right option is used to create a numbered list.

The updated 2020 templates allows you the option of updating your own Website Slider with new images and videos via the Control Centre.

To make updates to your Slider, follow the steps below:

1. Login to your Control Centre and select the Content menu tab.
2. Once expanded, select Media Library.
3. Select and drag your file into the Quick Add box at the top of the screen.
4. Once it has finished uploading, click the Name of the file to view the File Details.
5. Copy the URL.

1. Select the Content menu tab.
2. Once expanded, select Content Holders.
3. Select the Show all tags drop down box, and filter by the Slider Image tag.
   Note: There will be one Content Holder created for each slide.
4. Select the Name of the Slider Image you would like to update.
5. Select Edit Holder.
6. Paste your Media Library URL into the field titled Background Image URL.
7. Click Save.

Creating a New Slider Image

If you would like to add an additional image to the slider, you can do this by following these steps:

1. Select the Content menu tab.
2. Once expanded, select Content Holders and click the New Content Holder button.
3. Complete the Name and Title fields for your Content Holder.
   Note: This should be something like Slider 4, Slider 5, etc, depending on the number of slides that already exist. This will make it much easier to update later.
4. In the tag field, click and select the Slider Image tag to apply it.
5. Replicate the steps above to add your Media Library URL into the Background Image URL field at the bottom of your Content Holder.

Linking a Video to the Website Slider

The process for linking a video to your slider is much the same as is mentioned above in the ‘Updating the Website Slider’ section, however there are a few things to note to ensure your website is performing as best it can:

• Your video should be kept short. Large video files can take time to load, and this can cause your slider to transition before the video has had a chance to play.
• If your video file size is quite large, try compressing the file before it’s uploaded to your Media Library.
  Note: If you are still having trouble uploading your file, contact the Support Team for assistance.

To link your video to the Slider, follow these steps:

1. Login to your Control Centre and select the Content menu tab.
2. Once expanded, select Media Library.
3. Select and drag your video file into the Quick Add box at the top of the screen.
4. Once it has finished uploading, click the Name of the file to view the File Details.
5. Copy the URL.
6. Select the Content menu tab.
7. Once expanded, select Content Holders and click the New Content Holder button.
8. Complete the Name and Title fields for your Content Holder.
   Note: This should be something like Slider Video, to make identifying the slide easier later should you need to update it.
9. In the tag field, click and select the Slider Image tag to apply it.
10. Under Website Tile Settings, paste the URL for your file in the Background Image URL field.
11. Make sure that under Display Options, you have ticked Is Video.
12. Click Save.

The updated 2020 templates allows you the option of updating your website with new tiles or update the current tiles. 

To create a new tile, follow these steps:

Uploading the background image

1. Login to your Control Centre and select the Content menu tab.
2. Once expanded, select Media Library.
3. Select and drag your image file into the Quick Add box at the top of the screen.
4. Once it has finished uploading, click the Name of the file to view the File Details.
5. Copy the URL.

Create the tile

1. Select the Content menu tab.
2. Once expanded, select Content Holders.
3. Create a new Content Holder by clicking the New Content Holder button at the top left of the page.
4. Add the Name of the Content Holder using the name field.
5. Within Tag field, select the tag called Content Tile
6. Add a number to the Weighting field. The highest number being that of the first tile in the list, the lowest number being the last spot of the list. You can learn more about weighting here.
7. Depending on the type of tiles you have on the site, you may need to add content to the main content editor.
8. Paste the URL of the image uploaded into the Background Image URL field.
9. To add a link to the site add the link URL to the Tile Link URL field.
10. Then add the text to be displayed for the link into the Tile Link Text field.
11. Click the Show Title checkbox if you want the title shown in the tile.
12. Click the Show Content checkbox if you want the content to display on the tile.
13. Click Save.

Web Pages can be secured with a password through the Control Centre. Doing this will force users to enter a password when attempting to access the Web Page. This is especially helpful for staff only pages that contain sensitive content.

To enable a password for a page, first contact the Support team with an initial setup request. Once a default password has been put in place, you will be able to edit the password at any time through your Control Centre by following these steps:

1. Log in to your Control Centre and select the Content menu tab.
2. Once expanded, select Web Pages.
3. Search for the page that the password has been applied to.
4. Click the edit details icon in the Actions column.
5. Enter the new password in the Password field. If applicable, you are able to customise how long the password is active for by setting the Start Date and End Date.
6. Click Save.
   Note: If you are logged into the Control Centre, you will not be asked to submit the password. To check to see if the page has been locked, log out of your Control Centre and use Ctrl + F5 to refresh the Web Page.

The feed is a quick and easy way to update your website with your latest news. Follow these steps to add an item to your Latest News feed:

Creating a Feed Item

1. Log in to your Control Centre and select the Communicate menu tab.
2. Then select Manage Feed.
3. Type in the Title you would like to apply to your message.
   Note: There is a 60 character limit for the title.
4. Add your content and apply any necessary text styling using the toolbar menu. This includes inserting any hyperlinks, documents or images.
5. If your feed populates into your newsletters side panel, apply the relevant Tag.
   Note: If the feed only populates onto your website, you will not need to apply a Tag.
6. Click Create to publish your Feed item.

Editing a Feed Item

1. Log in to your Control Centre and select the Communicate menu tab.
2. Then select Manage Feed.
3. Choose the feed item you wish to edit from the list by selecting the Edit pencil icon.
4. Edit the content as required.
5. Once you have saved the feed item, you will be able to view the changes.

Deleting a Feed Item

1. Log in to your Control Centre and select the Communicate menu tab.
2. Then select Manage Feed.
3. Choose the feed item you wish to delete from the list by selecting the Red Delete icon, and confirm that you would like to delete it in the pop up prompt window.

When editing the URL (web address) for a Media Download item or Web Page, there are a few rules that must be applied to make sure the URL (web address) functions correctly and looks nice on the screen.

1. Limit your URL (web address) to two or three words.
2. The URL (web address) must not have spaces between words. Include a hyphen ( - ) or combine the words together.
3. Use keywords associated with the page.
4. Do not use any special characters (! @ # $ %).

The Blueprint templates offer the ability to add new kinds of content to the Website Slider at the top of your website’s pages, such as articles from your newsletter. Displaying a feature article on your website home page is a great way to get people interested in reading the newsletter, and to prominently display important information.

To add an article to the Website Slider, follow the steps below:

1. Login to your Control Centre and select the Content tab.
2. Once expanded, select Articles.
3. Search for the article you would like to link using the search bar or select the New Article button to start fresh.
   Note: Click here to find our tutorial for Creating Articles.
4. If you are linking an existing article, select the Title of the article.
5. Select the Edit Article button.
6. Apply the Web Article tag in the Tags field.
   Note: Make sure your article is linked to a Stream, otherwise it will not display.
7. Click Save.

The new Blueprint template provides accounts with the ability to display a banner of articles on a web page, also known as the Featured Articles. This means that important or relevant articles can be easily found by people viewing the website.

To create a Featured Article Section, you will need to insert the following code into a Content Holder and link this to the web page you wish the articles to appear on:

{! streamzine_preview_blueprint;1;web_article !}

PLEASE NOTE: When pasting this text into your Content Holder, highlight it and select the Clear Formatting icon in your toolbar to ensure it works correctly.

Click here for the Managing Tags tutorial

Once you have finished customising your code, it can be pasted into the text section of your Content Holder. When the code is added, the Content Holder will appear blank until the tag has been added to an article.

Click here for our Adding Articles to a Featured Article Section guide

The new Blueprint template provides accounts with the ability to display a banner of articles on a web page, also known as a Featured Article Section. This means that important or relevant articles can be easily found by people viewing the website.

To add an article to the Featured Article Section, follow the steps below:

1. Login to your Control Centre and select the Content menu tab.
2. Once expanded, select Articles.
3. Search for the article you would like to link using the search bar or select the New Article button to start fresh.
   Note: Click here to find our tutorial for Creating Articles.
4. If you are linking an existing article, select the Title of the article.
5. Select the Edit Article button.
6. Apply the Article Section tag in the Tags field.
   Note: If your website is using multiple article sections, there will be a unique tag linking each of them to a specific page. Make sure you are selecting the tag appropriate to the page you would like the article to appear on.
7. Click Save.
8. Refresh your website to ensure that the article is displaying correctly.

This guide will take you through the basics of how to create a Remote Learning Resource Web Page to contain information and uploaded documents from your Schoolzine Control Centre.

For more information on this process, please read the following article.

What Can Remote Learning Resource Pages Be Used For?

A Remote Learning Web Page can be created to contain inforation and uploaded files from your Schoolzine Control Centre. Uses for this page are, but not limited to:

• Remote Learning Resources
• Homework for Students to access from home
• Assessment Files for Students to access from home
• Annual Reports

To create your Remote Learning Resource Web Page you will need to do the follow steps:

1. Create your Media Files Tags which will allow you to upload your files to the Resource page.
2. Create and setup your Remote Learning Page with your Media Files Tags.
3. Upload your files to your Media Library and apply the required tag.

Create a New Media Files Tag

You are able to create your own custom tags to link files to your Remote Learning Resources Page. The Tag will be used to make your Media Files display on the page you have added it to.

Examples of different types of tags could be any of following:

• Year Levels
• Types of Assessment
• Subjects (Maths, English, Science)

To create your Media Files Tag, follow the below instructions:

1. Log into your Control Centre
2. Select the Settings Tab
3. Open the Manage Tags option
4. Select the Add Tag button in the Top Left
5. Populate the Name Field
6. Select Media Files from the Tag Availability box
   This will allow your tag to be used with any uploaded Media Files from the Media Library

For more information on Managing Tags, please refer to our Knowledge Base article linked here.

Creating A New Web Page

A Web Page will be required for your files to accessible by your readers. Web Pages can then be linked to your Website, SZapp, or simply sent to your readers as a link they can bookmark on their computer.

The below process will assist you in setting up the Remote Learning Web Page.

1. Log in to your Control Centre and select the Content menu tab.
2. Once expanded, select Web Pages.
3. Select the New Page button.
4. Fill in your Page Title and Page Heading.
5. Leave the Status as Active and the Menu Display as Visible to display the Web Page.
6. Leave the Page Type as New Page.
7. The URL field will create a URL (web address) based off of the Page Title.
   Note: General practice rules apply for URLs (web addresses). Please read the General URL (web address) Rules article if you wish to make changes to the URL (web address).

You will then need to create a new Content Holder to setup the content of your page.

This is where you can add your Media Files Tags.

To add in your Media Files Tags and setup your page content, follow the below instructions:

1. Scroll to the Page Content section

2. Select the New Content Holder button
Please note: You can link a previously created Content Holder by using the drop-down box on the left

3. Input your Content Holder Title

4. Add in any headings and content you wish to display on the page.
You can find the guide on Navigating the Toolbar here.

5. Add the Tag Code: { !media_by_tag:XXXXX! }
Please Note: You will need to replace the XXXXXX with the Tag Value of your Media Files Tag which can be found when you go to the Tag in your account. See the below example screenshot for further information

For further information on Creating a New Web Page, please refer to our Knowledge Base article linked here.

Uploading Files To The Media Library

1. Log into your Control Centre
2. Select the Content Tab
3. Open the Media Library option
4. Upload your Media File
   You can use the Add New File button, or the Quick Add Drag and Drop option to add your files
5. Apply your Media Files Tag to your File
   Please note: If you used the Quick Add Drag and Drop option, you will need to edit the Media file, or use the Bulk Actions feature to add your Media Files Tag

For more information on the Media Library, please refer to our Knowledge Base article linked here.

Below are some answers to commonly asked website questions.

If you can't find what you're looking for in this article, please Contact the Support Team.

What is Included in my Website Package?

The answer to this will depend on whether you have a Hop, Skip, or Jump Website subscription. These details will also be included in your Website Pages Document, which will be provided to you as the first step of your Website build.

HOP

• 5 Schoolzine Formatted Pages + Home Page
• Choice of Hop Template

Click here to see examples of our Hop Templates

SKIP

• 5 Schoolzine Formatted Pages + Home Page
• The ability to design your Website using the Template Builder

Click here to use the Template Builder

JUMP

• 5 Schoolzine Formatted Pages + Home Page
• Bespoke Home Page

Click here to see examples of other custom-made Home Page designs

Other Template Options

Some additional options are available to customise your website to suit the way you want to utilize it. These options include:

• A Featured Articles section – This is a banner of articles that gives you the ability to display highlighted information from your Schoolzine newsletter.

Click here to find more information about Featured Articles

• Link Buttons for your Slider Images – This option is available if you would like to add a link to one of your slider images. This could be a link to an article, a web page, calendar, or anything in between.

• Latest News/Social Media Feed – The Latest News Feed allows you to publish notifications to a live feed on your website. You also have the option of including a feed of your school’s Facebook or Twitter page.

Click here to find more information about the Latest News Feed

System Pages

No matter what Website package you have, in addition to the 5 pages of content Schoolzine will format for you, there are also a list of System Pages that you’re able to choose from. These pages are built into your chosen template and won’t count towards your total page count. Your System Pages are as follows:

• Home Page
• Contact Us
• Absentee Form
• Subscribe Form (If you have a Schoolzine Newsletter)
• Schoolzine App (If you have purchased the Schoolzine App – SZapp)
• Newsletter Archive (If you have a Schoolzine Newsletter)
• Schoolzine Calendar
• News Feed
• Forms & Documents

Website Tiles

Website tiles are found at the base of the home page. Your tiles are a great way to make the links to important web pages, documents, newsletters, etc. really stand out. They are also a great way to personalise your website with images from around the school.

Website Content Changes

There are five rounds of changes included in your Website package. This means that once you have received the first proof of your website, you can send your content and any requests for changes to the Support team a total of five times.

What Can I Customise?

With your very first submission of content, we ask that you include the school’s branding colours, logo, and up to 5 large landscape images to use in the slider at the top of the website. Additionally, here are some more ways to personalise your website design:

Tile Images

You’re welcome to provide Schoolzine with additional images to be used for your tiles on the Website’s Home Page.

Slider

The slider is a series of images or videos that displays at the very top of the website in a revolving banner.

Each slide can be accompanied by a title, a small amount of text, and a link, as seen in this example:

Click here to see an example

Page Content

One of the most effective ways to customise your website is through the content that is added to your web pages. This content could be text, images, videos, galleries, embedded maps, etc.

If you’re unsure if something is able to be included in your page content, contact the Support team for advice.

How Can I Contact the Support Team?

Click here to find out how to contact the Support Team

What Can I Edit Myself?

Once the Website has been approved, you will be provided with access to edit your website content. Website training is also offered in the form of a phone call with someone from our team to walk you through how to manage each section of your website. You will be able to make changes yourself to the following areas:

• Slider Images – These can be updated at any time through the Content Holders that have been assigned the Slider Image tag
  Note: If you are using our Legacy templates, you will still need to contact Schoolzine to update these images.
• Tile Content – The images and links for your tiles can be updated through the Content Holders that have been assigned the content_tile tag.
• Web Pages and Content – You will have the ability to continue creating new web pages, and editing the content that already exists on your website.

Click here to view the Website Guide for information on how to make these changes

The SZ Widget lets you easily embed links to your Schoolzine features on your website. The links for your SZ Widget are fully customisable depending on what you want to display.

Accessing the Widget

1. Log in to your Control Centre and select ‘Settings’.
2. Once expanded, select ‘Widget’.

You can adjust the width/height of the widget to match the size of the area you will be adding it to. Listed below are the options available for editing the size of the widget.

Width

Fixed Width: This option requires a specific dimension. The dimension for the width is measured in pixels.

Responsive Width: A variable width that expands to the size of the containing area (meaning you don’t need to know the dimensions of the area adding the widget to).
Note: This also adjusts itself when viewed on mobile.

We recommend the use of this option.

Height

The height of the widget must be a fixed height. In order to remove any scrollbar the height must be large enough so all content within the widget is shown. The dimension for the height is measured in pixels.

Get Embed Code

Once your widget looks correct, click ‘Get Embed Code’ to reveal the embed code required for your site. Copy and paste the embed code to your site’s webpage. If you’re unfamiliar with code, it’s recommended that you speak to your IT or website team before adding the widget to your site.

Adding links to the Widget

1. Log in to your Control Centre and select 'Content'.
2. Once expanded, select 'Web Pages'.

3. Click on the name of the page you wish to link.
(Alternatively, you can create a new page which is explained in this article.)
4. Click ‘Edit Page’.

5. Select an icon for the link under ‘Menu and App Icon’.

6. Go to ‘Menu Settings’ and on the field ‘Tags’ select ‘One’. If this tag doesn’t appear in your list, please contact our Schoolzine Support team who will be able to assist you with having it added.

7. If you wish to change the position the link appears in the widget you may order the link by applying weighting. For more information on how weighting works view this article.
8. Click ‘Save’ when complete.

Removing links from the Widget

1. Log in to your Control Centre and select 'Content'.
2. Once expanded, select 'Web Pages'.

3. Click on the name of the page you wish to remove.
4. Click ‘Edit Page’.

5. Go to ‘Menu Settings’ and on the field ‘Tags’ remove ‘Widget One’.

6. Click ‘Save’ when complete.

Updated Feb 2021

Before uploading your newsletter content, we recommend first reducing the file size of your images by processing them through the Schoolzine Image ReSZizer. This will cut down on the time it takes to upload your files.

You will also be able to adjust the height and width of your images to fit various other features within the Control Centre, such as Side Panels, Emails, Websites and SZapp Notifications.

This software is free and allows you to resize all of your images at the same time.

Installing the ReSZizer

You can install the program by clicking one of the links below. Once downloaded, launch the file and follow the installation steps.

Smart Screen Warning

This should only occur for Windows 10 users, however, upon running the ReSZizer installer, you may be greeted with a "Smart Screen" prompt (see image below). If this occurs, just click more information (if applicable), followed by "Run".

Processing Your Images

Before you get started, make sure your Images folder contains all relevant image files and galleries.

1. Open the ReSZizer application.
2. Click and Drag your Images folder into the box labeled Drag and drop images here.
   Note: You can also choose the files you wish to resize by clicking the Load File or Load Folder button at the top of the ReSZizer and navigating to your Images folder, then clicking Open.
3. To resize a single image, or to select images individually, click the Load File button at the top of the ReSZizer.
4. Set the Profile to the appropriate setting.
   Note: If you're unsure, set the profile to Image Centre. This is the default setting and perfect for resizing images for your newsletter content.
5. Click Resize.

Processing Your PDFs

This function is the easiest way to create image files from your PDFs and is perfect for if you'd like a visual to accompany your downloadable file.

1. Open the ReSZizer application.
2. Select the PDF tab.
3. Click and Drag your PDFs into the box labeled Drag and drop PDF's here.
   Note: You can also select your PDFs by clicking the Load File or Load Folder button at the top of the ReSZizer and navigating to your Attachments folder, then clicking Open.
4. Set the Profile to Convert to JPG (Default width).
5. Click Resize.

Profiles

You are able to control what dimensions your images are sized to by assigning a Profile before you click Resize.

Image Profiles

• Profile Photo - 125px width, commonly used for staff photos.
• Logo - 150px width.
• Image Float– 200px width, commonly used for images placed beside text.
• Side Panel – 220px width.
  Note: This is the Profile you will set if you are resizing images to fit into the Side Panel of your newsletter.
• Image x2 Center - 265px width, commonly used for two landscape images side-by-side.
• Portrait - 400px width, commonly use for portrait orientation images that will be centered.
• Newsflash – 500px width.
  Note: This is the Profile you will set if you are resizing images to fit into an Email Newsflash.
• Image Center– 550px width.
  Note: This is the Profile that you will set if you are resizing images to fit into the content of your newsletter.
• Gallery – 600px height.
• Design – 2000px width, can be used to compress files before sending to the Design Team.

PDF Profiles

• Convert to Jpeg (Default Width) – Converts the document to an image using the dimensions of the PDF
• Convert to Jpeg (600px Width) – Converts the document to an image and then scales it to Flyer size

Before uploading your newsletter content, we recommend first reducing the file size of your images by processing them through the Schoolzine Image ReSZizer. This will cut down on the time it takes to upload your files.

You will also be able to adjust the height and width of your images to fit various other features within the Control Centre, such as Side Panels, Emails, Websites and SZapp Notifications.

This software is free and allows you to resize all of your images at the same time.

Installing the ReSZizer

You can install the application in the Desktop App Store by searching for ReSZizer, or by clicking the link below:

Click here to install the ReSZizer

Processing Your Images

Before you get started, make sure your Images folder contains all relevant image files and galleries.

The ReSZizer will save the resized images over the top of the original files, so if you think you will need the original images later, save a copy of these files to another folder.

1. Open the ReSZizer application.
2. Choose the files you wish to resize by clicking the Folder button at the top of the ReSZizer and navigating to your Images folder, then click Open.
   Note: You can also Click and Drag your Images folder into the box labeled ‘Drag Images Here’.
3. To resize a single image, or to select images individually, click the File button at the top of the ReSZizer.
4. Set the Profile.
   Note: Standard is the default setting and perfect for resizing images for your newsletter content.
5. Click Process.

Profiles

You are able to control what dimensions your images are sized to by assigning a Profile before you click Process.

• Standard – 600px width.
  Note: This is the Profile that you will set if you are resizing images to fit into the content of your newsletter.
• Gallery – 600px height.
• Side Panel – 220px width.
  Note: This is the Profile you will set if you are resizing images to fit into the Side Panel of your newsletter.
• Design – 2000px width.
• Newsflash – 500px width.
  Note: This is the Profile you will set if you are resizing images to fit into an Email Newsflash.

Once you have informed Schoolzine that you wish for the new website to be made live, you will be sent the Content sign off form. This form must be completed and returned for the live process to begin. In this form, you will notify us of the domain (URL/web address) that you are wanting the website to appear on.

From here Schoolzine will setup our servers to accept your provided domain name. Please allow up to one business day for this step. You will then be supplied with Schoolzine’s IP address. You or your IT team will need to log into your domain manager and setup two A records pointing to the Schoolzine IP address. Schoolzine does not take control of your domain during this process. Your domain will now direct to the new Schoolzine website. This may take up to 24 hours to propagate across all computers. Once you are able to view the Schoolzine website from your domain, please notify us by sending an email to websites@schoolzine.com

Lastly, we will need to setup an SSL certificate for your website. This step is completed by Schoolzine and requires no further action from you. You may receive a security warning when attempting to access your website prior to the SSL certificate being setup. This is a temporary message and will only display until the SSL certificate has been applied. Please allow for a two business day turnaround for the certificate to be setup.

What is a Domain?

A domain is the URL or website address used to access your website. For example, Schoolzine’s domain is: www.schoolzine.com

There are three possibilities for who has control over where your domain is being directed: Your school IT team, your Education department or a third party from where the domain was purchased. Schoolzine does not take control or setup new domains for schools.

Who is hosting my website?

Once your website has been made live (your Schoolzine website is appearing on your domain), Schoolzine will be hosting your website. This will mean that unless you have a website on another domain or are hosting other resources such as email hosting, you will no longer need to keep your previous hosting.

What is an SSL Certificate?

An SSL certificate keeps your personal information such as email address, passwords and credit card numbers private when sending them over the internet. It is the first line of defence when hackers attempt to access your personal information. Websites with an active SSL Certificate will start with HTTPS. Once your website is set up with an active SSL Certificate, you will be able to confirm this by clicking the padlock icon beside the website URL (web address).

Each website is provided with a privacy policy. This privacy policy has been set up to be generic as possible in order to make it universal for all accounts, regardless of the purpose for the website. By having this privacy policy on your website, you’re also liable to maintain the rules and practises set with the policy. Please ensure that those associated with the maintenance of your Schoolzine account have read the policy and are aware of the requirements.

Legacy Templates

If you own a legacy account the following steps are required for changing the policy. 

1. Go to Settings > Manage Tags
2. Create a new Tag with the following properties:
   • Name: Privacy Content
   • Value: privacy-content
   • Tag Availability: Content Holders
   • All other settings can be left as default or changed to what you require.
3. Go to Content > Content Holders
4. Create a new Content Holder
5. Use the following settings for your content holder:
   • Name: Privacy Policy
   • Title: Privacy Policy
   • Status: Active
   • Tags: Privacy Content
6. Add the new content for your privacy policy into the content editor.
   (Note: If you wish to update the current policy with wording changes, copy the current policy into the content holder and make your required changes)
7. Save the content holder once completed. 
8. Review the Privacy Policy on your site. Our system recognises the tag ‘Privacy Content’ and has updated the content holder automatically with the new content holder made.

New Templates

If your account is set up with our modern templates released in 2020, the following steps are required for changing the policy. 

1. Go to Content > Web Pages
2. Search for the ‘Privacy’ page in the listed pages.
3. Edit the Privacy page using the methods explained within the managing your website knowledge base article.
4. When editing the privacy policy content holder you’ll notice a module code { ! masterContent;60 ! }. Delete this module code and add the privacy content you require.
   (Note: If you wish to update the current policy with wording changes, copy the current policy into the content holder and make your required changes)
5. Save the content holder and page.
6. Review the Privacy Policy on your site.

A cookie is a small bit of code that is saved on the viewer’s computer that saves information about the user. This information is then returned to the website while browsing the site. Each cookie is coded differently to provide different information.

It’s important to note that Schoolzine websites are very light on cookies. Typically, the only cookies being used are those used by 3rd parties such as Google analytics.

The cookie policy can be found in the footer of your website.

Adding your own Cookie Policy

If you wish to have a different cookie policy, you are able to add your own and overwrite the default policy.

1. Log in to your Control Centre and select the Content tab.
2. Once expanded, select Content Holders.
3. Find the Cookie Policy content holder and click on the name.
4. Select the Edit Holder button.
5. Add in your content and apply any necessary styling using the toolbar menu, this includes inserting any hyperlinks, documents or images.
6. Once you have saved the Content Holder, you will be able to view the changes on your website.

The privacy policy covers how you handle the information of your students, parents, clients and web users. The privacy policy can be found in the footer of your website.

Sections within the policy include:

• What is personal data?
• What are my rights (as a user)?
• What data do we collect?
• How do you use my personal data?
• How long will you keep my personal data?
• Do you share my personal data?
• How can I control my personal data?
• Can I withhold information?
• How can I access my personal data?
• How do you use cookies?
• How do I contact you?
• Changes to this privacy policy

Adding your own Privacy Policy

If you wish to have a different privacy policy, you are able to add your own and overwrite the default policy.

1. Log in to your Control Centre and select the Content tab.
2. Once expanded, select Content Holders.
3. Find the Privacy Policy content holder and click on the name.
4. Select the Edit Holder button.
5. Add in your content and apply any necessary styling using the toolbar menu, this includes inserting any hyperlinks, documents or images.
6. Once you have saved the Content Holder, you will be able to view the changes on your website.