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
- Log in to your Control Centre and select ‘Settings’.
- 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.