Storyline 2: Importing Engage Interactions

Article Last Updated

This article applies to:

Articulate Storyline has powerful features for creating highly interactive content. However, you can also take advantage of existing Articulate Engage interactions by importing them into Storyline.

Before Importing Interactions...

Consider the following before importing Engage interactions into Storyline:

  • To import interactions into Storyline, you must have Engage '09 or Engage '13 installed and activated with a valid serial number. (Engage doesn't need to be activated if you're in the 30-day free trial period.)
  • When you import an interaction into Storyline, a copy of the original interaction (*.intr) file is stored in your Storyline project file. This means you can transfer your project to another computer or another developer and still edit the interaction (as long as Engage is installed and activated).
  • Engage interactions are imported into Storyline as web objects, meaning they'll play as standalone interactions that are simply embedded in your course. As a result, we recommend disabling the resume prompt in the interaction. Otherwise, learners may see a resume prompt when they revisit the interaction slide in your course. To disable the resume prompt in Engage, see this tutorial for Engage '09 or this tutorial for Engage '13.
  • Engage interactions are imported as Flash objects. As a result, they aren't supported in HTML5 output or the Articulate Mobile Player app.

Importing Interactions

  1. First, do any of the following:
    • Click Import on the Storyline launch screen and select Import Engage.
    • Go to the File tab on the Storyline ribbon, scroll to Import, and click Engage.
    • Go to the Home tab on the ribbon, click New Slide, select Import on the left, and choose Engage.
    • Go to the Insert tab on the ribbon, click New Slide, select Import on the left, and choose Engage.
  2. Browse to the Engage interaction you want to import and click Open.
  3. If you opened the wrong interaction or want to select a different one, click the ellipsis button (...) in the upper right corner to browse for another file.
  4. Use the Insert into scene drop-down list at the bottom of the window to choose where the interaction should appear in your course. You can insert it into a new scene, which is the default option, or the current scene. If you choose a new scene, use the Scene field to give it a name.
  5. Click Import to complete the process.

Editing Interactions

To edit an Engage interaction in Storyline, select its placeholder, then use the Options tab on the ribbon to adjust its properties.

  • Preview: Click the Preview button to view the selected interaction on the slide. Click it again to stop the preview.
  • Open: Click this button to view the interaction in your default web browser.
  • Edit in Engage: This opens the interaction in Engage for editing. When you've finished editing your interaction in Engage, click Save and Return to Storyline.
  • Load: When do you want the interaction to play in your published course? Choose Automatically or When clicked. (This option won't be available if you display the interaction in a separate browser window—see below. An interaction that opens in a separate window won't load until learners click it.)
  • Show: Determine whether you want to display your interaction In slide or In new browser window.
  • Controls: If you display the interaction in a new browser window (see above), the Controls drop-down becomes active, letting you include or remove browser controls for the new window. (This option won't be available if the interaction plays in the current slide.)
  • Size: If you choose to show your interaction in a new browser window (see above), the Size drop-down becomes active, letting you specify a size for the new window. (This option won't be available if the interaction plays in the current slide.)
  • Show 'Next Slide' Button: Use this drop-down to control when the Next Slide button appears in the published interaction: NeverAlways, or When complete. (This option is only available if you have Engage '09 installed.)
  • Button Label: If you choose to display the Next Slide button (see above), use the Button Label field to specify the text for the button. (This option is only available if you have Engage '09 installed.)
  • Arrange your interaction with other objects on the slide by using the Send BackwardBring Forward, and Align drop-down lists.
  • Resize your interaction placeholder on the slide using the Height and Width fields.

Right-Click Options for Interactions

Right-click an Engage interaction placeholder and you'll find several more options:

  • Web Object > Edit: This opens the Edit Web Object dialog, which lets you adjust some of the properties described in the previous section, such as where the interaction displays and when it plays. Note: Don't change the file path in the Address field.
  • Web Object > Open: This plays the interaction in your default web browser.
  • Preview: This plays the interaction on the slide. (Tip: You can also double-click the interaction placeholder to preview it.) Click anywhere outside the interaction placeholder to end the preview.
  • Reset Picture: Your interaction placeholder will automatically use the first frame of the interaction as its placeholder image. If you want to remove the placeholder image, select Reset Picture. After resetting (removing) the placeholder image, you can choose another placeholder image by right-clicking the interaction again and selecting Change Picture. This is especially useful if you've configured the interaction to play only when learners click it. The image you select will be visible until they click it.
  • Rename: This lets you change the default name (Engage Interaction 1Engage Interaction 2, etc.) assigned to interaction placeholders in Storyline. Another way to rename objects is to use the timelineTip: Changing the name of the interaction placeholder doesn't affect the title of the interaction in the published course.
  • Size and Position: This is another way to specify an exact size and position for the interaction. To learn more about the Size and Position window, see this tutorial.

Deleting Interactions

To delete an Engage interaction from your story, just select the interaction placeholder and press the Delete key on your keyboard.