(Last Updated: March 24, 2020)

In the previous post, we’ve explained clearly to you about how to insert web-based resources, namely web address and embed code. So, in today’s tutorial, let’s learn how to embed HTML package in ActivePresenter 8. Surely, this web object can help enhance your interactivity with HTML resources such as games, courses and reference materials. 

Now, it’s time to explore how amazing this feature is!

Inserting HTML Package

In general, inserting HTML Package is similar to adding an address or embedding code. However, make sure you have an HTML5 file. To do that, take the following steps: 

Step 1: Initially, open the Insert tab > Web Object Web Object icon. A dialog appears to let you select web object types. 

Insert HTML Package

Step 2: Select HTML Package by clicking the Type combo box (1). 

Step 3: Do either of the following:

  • Click Select a package from your project to select a package from your project.
  • Click Select a folder from your computer to select a folder from your computer (2). 

Step 4: Select one entry point from the drop-down list (3).

The HTML package will load and preview right in the dialog. It is possible to adjust web object size by dragging the border of this dialog.  

Step 5: Specify scrolling and scaling behaviors (4) for the package as follows:

  • Scrolling: Allow adding vertical and/or horizontal scroll bar to view the rest of the content.
  • Disable Scaling: Keep the embedded content the same when scaling a slide. For example, when zooming and panning in the AutoFit mode of the presentation.

Step 6: Finally, click OK (5) to embed your HTML package.

Working with HTML Package

After inserting the HTML package in a slide, the app brings you some options to customize it. 

First of all, to change an HTML package, navigate to its Properties pane > Size & Properties > Web Object > Edit

Click Edit to change an HTML package

Note: In case the web object Properties pane doesn’t appear on the right size of the canvas, right-click the object > Web Object Properties

As mentioned before, HTML package is one web object. So, you can work with it like other web objects. Now, right-click the HTML package to see more options:

right-click HTML package

Now, if you want to save and reuse the HTML package later on, select Add to Template (6) to hold it in the Object Templates. Check out the tutorial Create and Use Object Templates in ActivePresenter 8 for more detail. 

After embedding the HTML package within an object on a slide, you can resize it to the desired size. In case the change doesn’t please you, right-click the HTML package > Restore Original Size (7).

Besides, you can also update the thumbnail for the current object, right-click the object > Update Thumbnail (8). 

What’s more, you can Lock (9) the object, Lock Size and Position (10) or Hide (11) it on the slide.

Note: Web object only works in HTML5 output. In other outputs, it will be exported as an image.

So, it is easy to embed an HTML package in ActivePresenter 8, isn’t it? Now, you can interact with the HTML package as normal during the lesson. Hope that it helps. Stay tuned for upcoming tutorials on our page! 

Recommended content: