Articulate Storyline’s powerful feature set lets you create highly interactive content. However, you can also take advantage of existing Articulate Engage '09 interactions by importing them into Storyline.

Importing Engage Interactions

  1. At any time, you can click the round Articulate button in the upper left corner, scroll to Import, and select Engage. Then proceed to step 2 below. Otherwise, start by opening the import dialog by doing any one of the following:
    • Go to the Home tab, click New Slide, select the Import tab, and click the Engage option.
    • Go to the Insert tab, click New Slide, select the Import tab, and click the Engage option.
    • In Story View, right-click anywhere in the workspace, select New Slide, select the Import tab, and click the Engage option.
    • In Normal View, right-click anywhere in the left navigation pane, select New Slide, select the Import tab, and click the Engage option.
  2. Browse to and select the Engage interaction that you want to import, and click the Open button.
  3. If you opened the wrong Engage interaction or want to select a different interaction, 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 specify where you want the Engage interaction to be inserted in your story.  You can insert it into a new scene, which is the default option, or you can choose an existing scene.  If you choose to insert a new scene, use the Scene field to assign a name to the new scene.
  5. Click the Import button to complete the process.

Things to think about when importing Engage interactions into Storyline:

  • To import Engage interactions into Storyline, you must have Articulate Engage '09 installed on your computer and activated with a valid serial number.
  • When you import an Engage interaction into Storyline, a copy of your original interaction (.intr) file actually gets stored in the Storyline project file.  This means that you can transfer your story file to another computer or another developer and still edit the Engage interaction (as long as the other computer also has the Articulate Engage program installed and activated with a valid serial number).
  • Storyline imports Engage interactions as web objects, meaning they'll play as standalone interactions that are embedded into your story.  As a result, if the resume feature is enabled in an interaction, users will encounter a resume prompt when they revisit the interaction slide in your course.  If you want to disable this resume prompt, you'll need to uncheck the resume option in Engage.  Check out this article for more information.
  • Engage interactions are not supported in HTML5 output or the Articulate Mobile Player app for iPad.

Editing Engage Interactions

To edit an Engage interaction that has already been imported into Storyline, open your story, and navigate to the slide that contains your interaction.  Click once on the interaction placeholder to reveal the Options tab on the toolbar.  Click the Options tab, and use the following features to edit your interaction and to adjust its properties:

  • Preview:  Click the Preview button to view the selected interaction on the slide.  Click the Preview button again to stop the preview.
  • Open:  This button will launch the interaction in your default browser.
  • Edit in Engage:  Click the Edit in Engage button if you have Articulate Engage installed on your computer and you want to open the source interaction in Engage for editing.
    • Because a copy of the original interaction (.intr) file gets stored in your story file, you won't need to keep the external Engage file with your Storyline project.  It also means that if you make changes to the external Engage interaction file (outside of Storyline), the changes will not be reflected in your story.
    • When you have finished editing your interaction in Engage, click the Save and Return to Storyline button.
  • Load:  How do you want your interaction to launch?  Choose one of the following three options from the Load drop-down list.  (This option will not be available if you choose to display your interaction in a new browser window -- see the Show option below.  An interaction that is set to open in a new window will not load until users click on the placeholder image.)
    • Automatically:  The interaction will load as soon as the slide's timeline reaches the start of the interaction object.  For more information on working with the timeline, check out this tutorial.
    • When clicked:  Select this option if you do not want the interaction to load until users click it.
    • From trigger:  If you would prefer to trigger the interaction to load only after a specific event has occurred, select this option.  To learn more about triggers, take a look at this tutorial.
  • Show:  Determine whether you want to display your interaction In slide or In new browser window.
  • Controls:  If you choose to show your interaction in a new browser window (see above), the Controls drop-down list will become active, allowing you to specify your preferred browser control settings for the new window.  (This option will not be available if your interaction is configured to display in the current slide.)
  • Size:  If you choose to show your interaction in a new browser window (see above), the Size drop-down list will become active, allowing you to specify a size for the new window.  (This option will not be available if your interaction is configured to display in the current slide.)
  • Show 'Next Slide' Button:  Use this drop-down list to determine when the Next Slide button will appear in your interaction, which allows users to advance to the next slide in your course:  Never, Always, or When complete.
  • Button Label:  If you choose to display the Next Slide button (see above), use the Button Label field to specify the text you want to appear on the button in your published story.  This is where you would, for example, translate "Next Slide" into another language if you were developing a course for an audience that doesn't read English.
  • Arrange your interaction with other objects on the slide by using the Send Backward, Bring Forward, and Align drop-down lists.
  • Resize your interaction placeholder on the slide using the Height and Width fields to designate your desired values in pixels.

Right-Click Options

There are a several options that you can quickly access when working with Engage interactions simply by right-clicking the interaction placeholder on the slide:

  • Web Object > Edit:  This option will display the Edit Web Object dialog, which allows you to adjust some of the properties described above, such as whether the interaction will display in the slide or in a new browser window and whether it will load automatically or when users click it.  Note:  Do not change the file path displayed in the Address field, or the link to your interaction may become broken.
  • Web Object > Open:  This option will launch the interaction in your default browser.
  • Preview:  Select this option if you want to preview your interaction on the slide.  (Note that you can also double-click on the interaction placeholder to preview it.)  Click anywhere outside of 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.  However, if you want to remove the placeholder image, select Reset Picture.
    • After resetting (removing) the placeholder image, if you want to use a different image for the placeholder, right-click the interaction again and select Change Picture.  Then browse to and select the image you want to use.
    • This is especially useful if you have configured your interaction to load only when clicked or if it is set to open in a separate browser window, because the image that you select will be visible to users until they click it to load the interaction.
  • Rename:  This option allows you to change the default name (Engage Interaction 1, Engage Interaction 2, etc) assigned to interaction placeholders in Storyline.  Another way to rename objects is to use the timeline.  Note:  Changing the name of the interaction placeholder does not affect the title of the Engage interaction that your users will see in the published course.
  • Size and Position:  This is another way to specify an exact size and position for your web object.  To learn more about the Size and Position dialog, take a look at this tutorial.

Deleting Engage Interactions

To delete an Engage interaction from your story, simply click on the interaction placeholder to select it, and then press the Delete key on your keyboard.