Add a new Page using a Starter Template

Steps to add a pre-made Section to a Flow page.

There is a wide range of available Sections that can be used by following these steps. This example shows adding a Section with a Title and Subtitle.

Adding multiple Sections to a Flow page is a great way to create a longer, scrolling experience for your learners.

Steps to add a new Text Element to a Page in Claro and Flow.

Flow pages have no fixed height. You can add as much content as you need or want.

This means you can use scrolling as a design experience.

You see this in many modern websites, or even in social media apps where scrolling is the basic way of navigating content.

This lesson shows how to add a Blank section template to a Page.

Steps to add a new element to an existing Group on a Flow Page.

This lessonoutlines adding a Text element. The same steps can be used to add an image, video or any other element type.

Steps to add an Audio Narration file to a Page.

This automatically sets the audio file as Narration, in Autoplay mode and with Full Controls.

For Claro projects, it also switches the Timeline below the Stage to synchronize to the audio narration file rather than the default page timing.

You can have mulitple audio files on a Page but only one can be set as Narration.

Steps to add a Hotspot to an image.

You can add hotspots as a layer over an image. If you move the image the hotspot will remain in the same location in relation to the image.

Once you have added a hotspot you can use it as a trigger for a wide range of Triggers and Actions such as showing or hiding content.

Steps to add a Paragraph Element to a Page.

The name of this feature can be confusing, as it suggests a Body Type element. Although it is added as a Body Type, you can change that to any other Type.

A Paragraph element is different from other text elements because Paragraph elements have a unique set of special effects that can be applied.

Because of those effects, the formatting options are more limited for a Paragraph element than a regular Text Element.

Steps to create a new Claro project.

In this example, we'll choose a Player Experience (the navigation framework) then choose a design template.

The process will automatically create a Title page to get you started.

Steps to create a blank Project in Flow.

In this example, we'll choose a Player Experience (the navigation framework) then choose a design template, in this case the Blank design.

The process will create a blank page to get you started.

Steps to add a Standard Button element to a Page.

In this example, we add the button as a new element within a Group that is already on the Page.