Introduction

Once your new Shape has been created, before publishing it you can edit it to shape hyper-personalized content that best fits your needs.

Thanks to a great number of customization options, you can manage and personalize each scene composing your video content, but also change the theme, choose the soundtrack you prefer, translate your Shape into languages other than English and add voice-overs for the available translations.

This article is a guide on how to manage and edit the Shapes you created using the platform’s built-in editor. Once you have customized your Shape according to your needs and you are ready to publish and share it, refer to the article Publishing and Sharing your Shapes.

Editing Your Shape

If you have just created the Shape, you can open it directly from the notification informing you that your content is ready. Click on the Edit Shape button in the preview window to access the built-in editor.

You can always find your Shape in the homepage. From there, click on its card to access the editor. In the next chapters, we will go through all of the customization options, one by one.

Managing Scenes

Once you are on your Shape’s editor page, you will find a great number of options to fully personalize the scenes composing your video content.

First of all, you can edit the title of your Shape by typing it in the text box in the top left corner of the page.

In the sidebar on the left of the page, all of the scenes are displayed and ordered vertically. From the sidebar, you can perform the following actions:

• Add a new scene. Click on the plus button between two scenes. You can create two different types of scenes: Classic and Quiz.
  • Classic scene: it is a scene with text in the foreground or on one side and a media asset (image or video) in the background. Once you have added a new scene, you can edit the text and change the scene’s duration, background and layout (refer to the options above in in the Editing Scenes section for more details).
  • Quiz scene: it is a scene with one question and some answer options. You can choose among three types of quiz scene: Multiple Choice, Multiple Response, and Fill in the Blank. See the following chapter to learn more on creating and managing quiz scenes.
  • Long text scene: choose this scene type when you have a lot of text to insert in one scene (up to 2500 characters). While playing, your Shape will stop on the long text scene to let learners read the text and scroll it, if necessary. When they are done reading, learners can then press the Next button to go on with the Shape. The long text scene has more text formatting options than the other scene types (see following section for more details).
  • Video scene: you can create a scene consisting of a video, which you can upload or select from the Media Library. The video will keep its duration, but we recommend not creating video scenes longer than 2 minutes to make your Shape more usable. See the list of supported formats for videos.
• Delete a scene. Click on the trash can icon on the left corner of the scene that you want to delete, then confirm your action with the Delete button.

Video scenes may take a few minutes to be processed. If you publish your Shape before a scene has been processed, it will not be included in the published Shape. 

You can only upload one version of your video, so if you translate your Shape, all translations will keep the original version of the video.

Editing Scenes

Select a scene to preview it in the middle of the page, where you will find a number of customization options, according to the scene type. For classic scenes, you will see the following options:

• Choose the scene’s layout. Use the Layout dropdown in the top left corner of the page and choose the layout that you prefer: text on the left or on the right of the scene, or over the background. Remember that you cannot change the layout of the first scene, the cover.
• Add voice-over. Click on Add Voice-Over in the top left corner of the page. A slide-out panel will open where you can edit the voice-over text, choose among existing voice-overs, apply them to the single scene or to all scenes, or record your own voice. Learn more on managing the voice-over for your Shapes.
• Adjust the scene’s background image. Use the dropdown menu in the top left corner selecting Fit Media or Crop Media to adjust the background image as you need.
• Change the scene’s position. Use the dropdown above the top left corner of the scene to change its position in the Shape. Remember that you cannot change the position of the first scene, the cover.
• Change the scene’s duration. Edit the number of seconds for which the scene will be displayed in the dropdown above the top left corner of the scene. By default, classic scenes can last up to 60 seconds, except for those with voice-overs, whose duration will be adjusted to the duration of the voice-over.
• Delete the scene. Click on the trash can icon above the right corner of the scene that you want to delete, then confirm your action with the Delete button
• Change the scene’s background. Click on the pen icon on the right corner of the background image. In the dropdown menu, choose if you want to upload a file from your device, or select one from the Media Library or from the Stock Library. You can also drag and drop your file directly on the scene to upload it. Learn more about Media Library and Stock Library.
• Edit text. Select the text on the scene to open the text editor. You can type new text, change the existing one, apply paragraph styles, apply bold, italic, or underlined formatting, add links, and change the text and the background color. Moreover, you can choose the position of the text on the slide among nine different positions.

You can customize long text scenes only by editing and formatting the text: you can type new text, change the existing one, apply bold, italic or underlined formatting, add links, change the text color, highlight text, change alignment, and insert bulleted or numbered lists. When using bulleted lists, you can press the Tab key on your keyboard to create sub-bullets. 

Please note that the embedded text editor is Froala, refer to the Froala Knowledge Base for further information on its usage. Also remember that the rendering of the output of WYSIWYG editors may be slightly different from the input, depending on the CSS rules applied.

Quiz and video scenes' layout cannot be customized.

Creating and Managing Quiz Scenes

Select a type of quiz scene from the dropdown menu. Type the question title and the text of the options. To add another answer option, click on Add option. You can drag and drop the options to sort them as desired, and delete options using the x icon at the right end of the option’s row. Select the answer (or answers for the multiple response type) to mark it as the correct one.

For the Fill in the Blank type, type your text in the text box, add blanks where needed and write one or more options that learners will use to complete the sentences. Please note that you can add a maximum of 10 options for each blank, and that the answers that your learners will give are not case-sensitive, so upper-case and lower-case letters won’t make any difference.

Click on Quiz Settings in the top left corner of the page to customize your quiz scene: in the right panel that will open, you can change the quiz type, select the number of available attempts, and assign a score to the scene.

The default number of attempts is one, but you can increase it up to five or to unlimited attempts, meaning that learners will have to try again until they get the correct answer, before they can go on with their Shape.

You can assign the scene a score from 0 to 100, including decimal numbers. You can check your learners’ scores from your Docebo Learn platform by accessing the course report, whereas your learners will see them in their My Activities page. 

Final scores will be calculated in percentage according to the score assigned to each scene. For example, if you assign a score of 10 to a quiz scene and 15 to another, and the learner only passes the 15-score scene, they will be assigned a final score of 60 (60% of the total 25 scores available).

You will see the assigned amount of attempts and score in the top of the page, next to the Quiz Settings button. Learners will see the number of attempts left in the top right corner of the quiz scene.

Creating and Using Themes

In your Shape platform, you can customize the style of your content by creating and managing themes for your presentation. For any further information on how to create and customize your new theme, please refer to the article Creating and Managing Themes and Layouts.

To choose a theme for your Shape, from the editor, click on the Themes button in the bar on the right side of the page. In the right panel that opens, you will view the current theme, and the predefined themes already available in Shape, as well as the ones created by you, your Admin and other users in your Organization. When you select a theme’s card, your choice is applied in real-time to your presentation.

If you want to view all of the themes available, select the Expand button at the bottom of the right panel. You will access the Themes tab, a gallery listing all of the pre-built themes, as well as the themes you have already created in your platform. Select the theme you want to use for your Shape, then press the Apply button. Once you have changed the theme, you can exit the tab to come back to the Shape editor to see how the theme you just selected looks like, or you can also Preview the Shape.

Managing Audio Files

If you want to manage the background music for your Shape presentation, from the editor, click on the Audio button in the bar on the right side of the page. Browse the audio files uploaded by you in the My Audio tab, and the ones included in Shape’s audio library in the Shape Audio tab. Click on the play icon to listen to the sound clips, and when you find the background music that you want to apply, select the checkbox on the right of its title. Your choice is applied in real-time to your presentation. Preview your Shape to check the outcome.

You also have the possibility to upload a new audio file or to explore Shape’s audio library. To do so, select the button at the bottom of the panel. On the page that opens, in the My Audio tab, you can view the list of all of the audio files you uploaded, and upload a new one by clicking the Upload button or by dragging and dropping the file anywhere on the page. 

Please note: the supported formats for audio files are mp3, wav, ogg

Once you have uploaded your file, you will find it among the sound clips listed on the page. To delete one on more audio files, select them using the checkbox at the end of the row, then click on the trash can icon in the top bar. If you want to view the details of the file, edit its title or tags, click on the title or on the ellipsis icon at the end of the row, then select Audio Details. 

Switch to the Shape Audio tab to find all the info you need on the files offered by Shape’s audio library. You will find advanced filters capabilities: from the filters panel you can choose the instrument, mood and genre you prefer.

Once you have found the perfect background music for your Shape, select the desired file and click Apply at the bottom of the page.

Managing Translations

If you want to translate your learning pills, from the editor, click on the Translations button in the bar on the right side of the page.

In the Translations panel that opens, click the +Language button to add a new language.

The languages available for translation are Bulgarian, Chinese (simplified), Croatian, Danish, Dutch, English, Finnish, French, French Canadian, Georgian, German, Greek, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Norwegian, Polish, Portuguese, Brazilian Portuguese, Romanian, Russian, Serbian, Slovenian, Spanish, Mexican Spanish, US Spanish, Swedish, Tamil, and Vietnamese. Please note that characters of non-latin alphabets may not be properly rendered. When uploading a new font, if you plan to use non-latin alphabets, make sure that the font includes non-latin characters too.

Once you add a language, all of the texts within your Shape are translated right away. You can preview the translation by clicking on the play icon in the slide-out panel.

Click on the Edit button to read and check the translations for the title and each scene. If needed, you can edit the translations or apply bold formatting.

From the ellipsis icon, you can Update the selected language (when changes have been made to the Shape in the original language after you added the translation) and also Delete it. 

Then, when you publish the Shape, its texts will be available in all of the languages you have added.