The following article outlines how to add, edit, and remove website content sections on your platform. It also describes how to add content to be displayed on your website in existing sections including images and videos.
Arlo allows you to define custom course website content sections to display information about your courses on your website e.g. a description of the course in one section, and prerequisites for the course in another section. Content sections use HTML and support images and videos.
Example: Event with basic website content section information
To add your own website content sections to your management platform:
- Open the Settings menu item.
- From the Website section, select Content section.
- Click + New.
You can only store up to 32 active sections. If you need more than this, contact Arlo Support.
- Enter the name of your website content section.
- Click Save or Save and Close.
- Open the Settings menu item.
- From the Website section, select Content section.
- Hover over the content section you wish to edit and click edit.
- Enter the new name of the content section.
- Click Save or Save and Close.
You can archive content sections so that they are no longer available when adding or editing a course.
If you archive a content section that is being used on an existing course template displayed on your website, the website page will continue to display the content section. You will need to hide the section from the website.
- Open the Settings menu item.
- From the Website section, select Content section.
- Click the more icon (...) and select Archive.
The items count is the number of course templates that the section is being used on. If you archive a section that is not being used on any templates, you will also be able to delete it.
- Click Save or Save and Close.
- Open the Settings menu item.
- From the Website section, select Content section.
- Click the more icon (...) and select Restore.
- Click Save or Save and Close.
If you have added a website content section in error then you can delete the section, providing that there are no course templates using that section. To delete a content section, it must first be archived.
- Open the Settings menu item.
- From the Website section, select Content section.
- In the list of Archived website content sections, hover over the section you would like to delete.
- Click the more icon (...) and select Delete.
- Press Save or Save and close.
The template importer supports importing content into each website content section. You can import new templates using the importer or use the importer to update existing templates with new information such as content for website content sections.
You can easily identify which course templates are using a certain website content section so that you can make changes to them if needed.
- Open the Settings menu item.
- From the Website section, select Content section.
- In the list of Active website content sections, hover over the section you would like to view.
- Click the more icon (...), then either Templates with... or Templates without....
Website content sections are displayed in alphabetical order on the management platform beneath the Description section (which is always at the top). However, content sections are displayed on your course's website page in the order in which they are filled out in Arlo.
Example: Website sections in the management platform
For example, if you enter information in the Prerequisites section before the Learning Objectives section, the Prerequisites section will be displayed on the website above Learning Objectives.
- Open the course template you would like to edit.
- From the toolbar, press Edit.
- Select the Website tab.
- Highlight the content within each website section, copy it, and paste it into another document.
Do not close this document, you will need it later.
- Press Save.
- Press Edit.
- Copy the content from the separate document into the sections in the order in which you wish for them to be displayed.
- Press Save and close.
- Open the course you would like to edit.
- From the toolbar, press Edit.
- Select the Website tab.
- Edit the course information fields.
Learn how to correct badly formatted text copied from Word (Bad HTML).
- Press Save.
If a content section does not contain information it will not be displayed on the course's website page.
For example, if you do not enter content into the Target Audience field, the section will not be displayed on the website pages.
You can upload an image to show within the website content sections.
If you are using the Arlo website integration option, you may like to add an image to the course page as a list or hero image.
- Open the course template you would like to edit.
- From the toolbar, press Edit.
- Select the Website tab.
- Find the content section that you want to add the image to.
- From the toolbar, press Insert/Edit image.
- Click the Upload tab.
Images uploaded to the server cannot be deleted.
- Press Choose file and select the appropriate file from your computer.
- Click Upload.
- Click on the name of the file and press Select.
- Press Insert.
Ideally, you should resize your image before you upload it to Arlo so that the file size is as small as possible. Resizing the image using the process below does not reduce the file size. Large files can make your website pages very slow for your customers.
Watch a video on how to resize an image using Microsoft Paint (free with Windows).
As a second option, follow the process below to resize your images.
- Click on the image you want to resize. The image will change colour to show that it's selected.
- Press the image button icon in the toolbar.
- Press the Appearance tab.
- Adjust Dimensions (increase or decrease numbers).
- Press Insert.
Follow the same process until you find the size that suits.
- Press the image button icon in the toolbar.
- Press Appearance tab.
- Enter the link within the Style field in the following format; href="<yourwebsitelink>".
Example: The link below will take the user to http://www.google.com.
- Press Update.
- Click on the image you want to resize. The image will change colour to show that it is selected.
- Press the image button icon in the toolbar.
- Press the Appearance tab.
- Enter padding figures in the Vertical Space and Horizontal Space boxes. We suggest starting with '10' in both boxes then experiment as needed.
- Press Update.
The following instructions describe how to embed a video within a course's website page. You can display a video on your Arlo website if the video is hosted elsewhere, e.g. Vimeo.
This functionality is turned off by default for security reasons. If you would like us to enable this functionality, please contact Arlo Support. If the setting is not enabled, the embedded link will be stripped from the code upon saving.
- You will need the video to be hosted somewhere. You can upload the video to Youtube or Vimeo to achieve this. You will need iframe code from the video host to embed the video using HTML.
- Open the course template you would like to edit.
- Press Edit.
- Select the Website tab.
- Find the content section that you want to add the video into.
- Press HTML from the toolbar.
- In the HTML Source window add the iframe code you have copied from your video host e.g. Youtube.
- Press Update.
- Press Save and close.
If the video is not working, e.g. the iframe code is being stripped, contact Arlo Support to have the iframe attribute added to your platforms HTML sanitizer whitelist.
Sometimes when copying and pasting text from an external source into Arlo (e.g word or a web page), you can also bring over the existing formatting (font styles, font sizes, etc). The following article outlines how to remove messy HTML to ensure your course page content is styled consistently, e.g. format, size, font etc.
- Open the website content you would like to edit, e.g. course page.
- In the field containing the content, you would like to replace (e.g. Description field), press Ctrl+A to select all content.
- Press Remove Formatting.
- Press Clean up Messy Code.
- If required, apply correct formatting using the tools in the toolbar, e.g. apply heading styles, bulleted lists etc.
- Press Save.
If the process above does not remove all the problems, then:
Step 1: Delete existing content
- Open the object you would like to edit.
- Press Edit.
- In the field containing the content you would like to replace (e.g. Description field), press Ctrl+A to select all content.
- Press Delete.
This will remove all content from the field including bad HTML code that may not be visible.
Step 2: Remove formatting using Notepad
- Open Microsoft Windows Notepad application or something similar.
- Copy your original content (e.g. content from Word) into the notepad.
Notepad will remove all formatting.
Step 3: Transfer the unformatted content from Notepad into Arlo
- In Notepad, press Ctrl+A to select all content.
- Press Ctrl+C to copy the content to your clipboard.
- In Arlo, select the field you would like to copy the content into (e.g. Description field).
- Press Ctrl+V to paste the content into Arlo.
Step 4: Finalise the formatting
- In Arlo, use the tools in the toolbar (e.g. heading styles, bullet points) to apply formatting.
- Press Save.
The following instructions describe how to add a link to your text or image, so that when someone clicks the text or image, it takes them to the page you are linking to. You can also use this to take customers to a document, e.g. PDF flyer or pamphlet, if you first host the document and have a URL for it.
- Select the text or image you would like to add a link to by right clicking your mouse and dragging your cursor over the text. The selected text will be highlighted in blue.
- Click on the Insert/Edit Link icon in the toolbar.
- Enter the Link URL of the link and press Insert.
The following instructions describe how to link to a document (for example) for your website users to view or download via a third party.
- Create your document and host it on either your main website, or another third party e.g. Dropbox or Google Drive. This will give you a URL for the document.
- In the website section in Arlo you wish to add the document link to, write text or create a picture for customers to click to view/download the document, e.g:
- Click on the Insert/Edit Link icon in the toolbar.
- Enter the Link URL of the link and press Insert.
- Continue creating or editing your course and Save your changes.
Arlo will automatically hide a course section on the course website page if it does not contain content, e.g. if there are no Prerequisites for a course, the Prerequisites section heading will not appear.
A common problem is that the section heading appears on the website (e.g. Prerequisites) when there is no content saved within the section when editing the course from the management platform. The issue relates to hidden HTML code been saved in the field that is not visible on edit.
The following set of instructions describe how to remove the HTML code.
- Open the course you would like to edit.
- Press Edit.
- On the Website tab, scroll to the section that you want to remove from the website course page.
- Press the HTML toolbar option. The HTML Source window will appear.
- Select the content in the window. You can press Ctrl + A to select all.
- Press Delete on your keyboard.
- Press Update.
- Press Save.
The course page on the website should now not show the empty heading.
This does not apply to the Description, as this is a required field.