1. From the WorkRite home page select the Course Builder.

2. Select New Course in the top right-hand corner.

3. Insert your new course name and select Create New Course. 

Your new course will now appear within your list of courses.

To change a course name:

1. Select the course you wish to amend.

Then in the top right-hand corner you have the option for both Change Course Image and Change Course Name.

2. Select the CHANGE COURSE NAME button.

3. In the next dialogue box, enter the new course name and select SAVE CHANGES.

When you close the box, you will see that the course name has changed in your course list.

To change the course image:

1. Select the course you wish to amend.

In the top right-hand corner you have the option for both Change Course Image and Change Course Name.

2. Select CHANGE COURSE IMAGE.

The Change Course Image pop-up box is displayed.

You will then be able to select any images that are in your current image library or will have the option to upload a new image.

To select an image from your library, open the folder which your image is in and select the image you want to use.

To upload a new image:

1. Select UPLOAD IMAGE.

2. Select Upload a file. Alternatively, drag your selected image from Windows Explorer and drop it in the Drop file here zone. Any image you wish to upload must be in either .jpg, .jpeg, .gif or .png format.

The image is uploaded and displayed in your course list.

Modules are the topics within the course. Each module is displayed in the course menu. 

To add a module:

1. Select the green plus button next to Modules in the top right-hand corner of your course.

The new module is added to the course.

2. To edit the title of the module, hover over the module you wish to amend and click on Edit.

3. Enter the new section name and select CLOSE.

The new section name is displayed in the modules list (course menu).

If you wish to reorder your modules, simply drag the module you wish to move to the desired location.

Make sure to Save your progress as a Draft as you go.

You can also delete a module by hovering over any module and clicking on Delete.

1. Select the Add Scene button in the Course Editor.

A new, empty scene is displayed. The scene name/number is displayed at the top of the screen. You can now use the following articles to build your scene:

• Editing text and layout in a scene
• Rename/Reorder/Remove Scene
• Editing the background image within a scene
• Information Review Scene Type
• Question Scene Type
• Add/Edit Audio
• Clickable images

Scenes are the pages within a module. The Modules table creates the course menu when previewed and published.

To edit a scene:

1. Hover over the module you wish to edit and click on the Scenes button. 

You will then be taken to the first scene (page) within this module.

Along the top of the Course Builder, you will see the title of the module that you are editing. Next to this there is the Scene drop down menu where you can select the scene that you wish to edit. Selecting a scene will open immediately.

You can also use the arrow icons next to the drop-down menu to navigate your way through the modules. 

Single arrows will move you one scene forward or backwards and the double arrows move you to the beginning or end of the module.

To edit any of the text within the scene:

1. Hover over the text and click on the green Edit button that appears.

The Edit Scene Title & Instructions pop-up is displayed.

Using the buttons, you can also adjust the formatting of the text from here. The options include:
• Making the text bold, italic, underlined and struck through
• Adding a numbered list or bullet points
• Adjusting text alignment
• Adding hyperlinks to the text.

To change the position of the text box:

1. Open the drop down menu under Position.

2. Select where on the screen you would like the text box to be placed.

The text box is moved.

When you build a course using Course Builder, you need to set up the navigation between scenes and modules. The back arrow will automatically navigate to the previously displayed scene. The forward arrow can be configured.

To amend the navigation between each scene:

1. Hover the cursor over the forward arrow button in the text box.

The Edit Navigation Buttons pop up is displayed.

2. Ensure that Type: Continue is selected (unless this is the last scene in a module). 

3. Select the scene that the user will move forward to by choosing from the Move forward to drop down menu.

4. If this scene is the last one in the module, select Type: Finish. 

5. If you are using a different method of navigation, for example Clickable Images, you can disable the navigation arrows by selecting the Disabled toggle. You can select Enabled to re-enable them.

Please note: If you are editing one of our existing courses, the jumps will already exist, and you will not need to create or edit these.

To change an existing background image within a scene:

1. Hover over Edit Scene in the navigation column on the left hand side and select Change Background Image.

The Select background image pop up is displayed. 

At the top of this page you can select if you want to change the background image for the Full Page, Left Side or Right Side.

2. Choose which background image to change (left, right or full) before uploading a new or selecting an existing image.

3. Select the course folder from which to choose your background image.

4. Select the image to insert.

You see a success message at the top of the screen as the image is changed.

To add a new image as a background image:

1. Select the Upload Image button.

The Upload a file panel is displayed.

2. You can either drag and drop a file from Windows Explorer or select Upload a file to open a Windows Explorer window and select your image. Note, image files must be in the following formats: .jpg, .jpeg, .gif or .png.

The success is displayed at the top of the screen.

3. Close the Select background image pop up and you can see that your background image has changed.

Once you have uploaded a photo to your course, it is automatically be added to your course image library so that you can use it again in other scenes if required.

Clickable Images enable your end users to see a second, alternative image when they hover over an image within
your course. You can also select a clickable image to take you to a different scene or module within this course.

To add a Clickable Image:

1. Hover over Edit Scene in the Course Editor and then select Add Clickable Image.

A default image will then appear within your scene. 

2. Hold and drag the image box to the position that you would like it in your scene. You can also drag the corners and sides of the image to resize it.

You can see the image box has been repositioned.

3. Hover over the image and click on the Image button to select an existing or upload a new image.

The Change Image pop up is displayed. By default, the Main Image option is selected. 

You can select Hover Image at the top of the page to upload or select a second image which will appear when the learner hovers over the original image.

4. Insert the images you wish to include as clickable images by opening the folder the image is stored in and selecting the image(s).

The success message is displayed at the top of the screen.

To update the functionality of the clickable image:

1. Hove over the image and select the Settings button.

2. In the Change Settings pop up, select the Do you want to move to another Scene or Module slider and move it to Yes.

3. Using the next slider that then appears, you can select between navigating to a Scene or a Module. You can then use the drop down menu to the right of this to select the Scene/Module you want to jump to.

If you wish to delete a clickable image, simply hover over the image and click on the Delete button.

1. Hover over Edit Scene and select Add/Edit Audio.

In the Select Audio File pop up you can either select an existing audio file from your library or upload a new audio file.

To upload a new audio file:

1. Select Upload Audio File in the top right-hand corner.

2. You can now either drag and drop an audio file from your computer into the drop area, or select Upload a file and choose a file to upload. Audio files must be in either .mp3 or .m4p format.

The audio is successfully added to the scene.

3. Select the List Audio Files button.

You can now see your file.

In most cases, you will want the audio to play once, when your learner opens the screen. To ensure this, select the Play Once slider to move it to Yes.

You can also delete the audio from this scene by selecting the Bin button.

Learners will have the option to either mute or pause the audio along the top of the course player.

To create an Information Review scene:

1. Hover over Edit Scene and then hover over Change Scene Type.
2. Select Information Review.

3. Hover over the first topic in the list and select Edit.

4. Enter the topic title under Text and enter the topic content in the Message to display field.

You can format the text using the buttons above the text field.

5. Select Add New to add another topic to this screen.

You can edit the Information Review sections by hovering over the section you wish to amend and selecting the Edit button. If you wish to remove a section, hover over this and select the Delete button. 

By default, all topics will need to be reviewed by the learner before they can move on. If you do not wish for all of these sections to be reviewed, e.g. a use would only review the sections that are relevant to them, you can switch the Must Review All Items slider to off.

To add a question scene:

1. Hove over Edit Scene then hover over Change Scene Type.

2. Select Question.

A question box is displayed in the top right-hand corner of the scene.

To edit the question text:

1. Hover over Choose the right answer and select Edit. 

This will allow you to type over or amend the existing question text.

2. Amend your question text and select the tick in the right-hand corner to save your changes.

To edit the answers:

1. Hover over the answer you wish to amend and select the Edit button.

2. Change the Answer Text.

3. Add any feedback that you would like to appear for this answer under the Message to Display.

4. Use the slider at the bottom of this page to select if this answer is correct or incorrect.

To navigate to another scene or module:

1. Hover over the answer which will contain the navigation.

2. Select the Actions button.

3. Select Yes to Do you want to move to another Scene or Module?

4. Select the scene or module to navigate the learner to.

To add any additional answers to your question, select the Add Answer button at the bottom of the
question box and repeat the above process.

To preview your course:

1. Select Preview in the Course Editor.

This will open your course in its current state in a new window – this is how it will look to the learner once published.

You can still edit your course in a different window, but to view any further changes made you will need to select Preview again.

The preview screen will not update automatically when you make changes to your course.

To save your course:

1. Hover over Save in the Course Editor.

2. Select either Draft or Complete.

Draft
If you want to make further changes to your course at a later date, save your course as Draft. This means that you will only be able to view this version of the course if you have access to the Course Builder.

Complete
If your course is ready to be published, you can save this version as Complete. This means that there are no further changes that you currently want to make, and end users will soon be able to see this version of the course. You can make further edits to the course whenever you want to, but you must ensure you are editing the latest version of the course.

To do this:

1. Open your Course Builder Homepage.
2. Click on the course that you are now ready to publish live.
   You’ll see a list of all the versions of your course.
3. Select the course you wish to make live by checking the tick box. 
   This will automatically save and the course is now live.

1. Select the EDIT button for the version of the course that you wish to edit.

The course is opened and you can see three options in the left hand column – Preview, Edit Scene and Settings. You will also see the option to Exit the Course Builder. 

2. You can now edit the course as described in the following articles:

• Adding, moving or deleting a module
• Editing text and layout in a scene
• Rename/Reorder/Remove Scene
• Editing the background image within a scene
• Information Review Scene Type
• Question Scene Type
• Add/Edit Audio
• Clickable images

If you make any changes to your course, a further option to Save your course will appear. You can either save any changes as a Draft (if you still want to make more changes to this version of the course) or as Complete (this will then create a new version of your course). See also Saving your course.

This will allow you to preview your course in its current state. The course preview will open in a new page within your browser. This option allows you to view your course before you save/publish this.

If somebody else has the version of a course open, the Edit button will appear Locked. if you wish to edit a version that somebody is already editing, you will need to ask them to save their changes and exit the course in Course Builder. 

You are able to allow access to any user on the system, regardless of their Rolename.

1. Go to the Management System within WorkRite.

2. Select Users and search for the user you wish to allow access to the Course Builder.

3. Select the View/Edit button for the user.

4. Select the Account Settings tab and use the slider for Edit Courses in Course Builder to enable or disable
access for the Course Builder.