Skip to main content

Using an HTML Page

The HTML Page lets you present fully interactive web content as a full page in your presentation

Zakk Rome avatar
Written by Zakk Rome
Updated over 3 months ago

HTML pages added via URL will only be functional when connected to wifi or wireless data.

Updates to HTML Page, January 2025

If you have been using Ingage for a while, and are looking to edit an HTML page already in your presentation, you may notice a blue dot in the upper left corner of the page. When double clicking on the page to begin editing, you'll be asked if you'd like to upgrade the page, or edit the Legacy version. Upgrading your page will retain all previously set configuration, and allow you your HTML page as a Freestyle Embed Component. We recommend upgrading!

To upgrade a Legacy HTML Page to a Freestyle Page with an Embed Component:

  1. Double click on a legacy HTML page

  2. Click Upgrade Page in the pop up

  3. A pop up will let you know that the legacy page will remain as a hidden page in your presentation click Continue to proceed

If your embedded content is a piece of Ingage Premium Content, use the following guide to configure your content:

  1. While editing a page, select the component you'd like to edit, if the component takes up the whole page, click anywhere on the page

  2. At the bottom of the component, click the orange pill shaped button reading Configure

This change means that instead of being limited to taking up an entire page, HTML content is now included in your presentation as an Embed component, this opens design possibilities like:

  • Put web/ HTML content on just one part of a page

  • Layer it on top of a photo

  • Put a logo on top

  • Put web/ HTML content in a Pop Up
    ​


Adding an HTML Page to Your Presentation

To add an HTML page to your presentation:

  1. From the Storyboard of your presentation, click the plus button in any Section to add a page

  2. Select the Page Layouts Template Pack from the left sidebar

  3. Scroll to the bottom of Page Layouts

  4. Select the page under the HTML section

  5. Click Add Page


Editing an HTML Page

To edit an HTML page:

  1. Select Website or File

  2. If you've selected Website, add the URL for the website you'd like to access on this page

  3. If you've selected File, upload a .zip with HTML, CSS and JavaScript files for offline support.

Enter Website:

Upload .zip File with HTML, CSS and Javascript files:


Troubleshooting and FAQ

Common File Issue

Occasionally HTML Page that use File as the Source may not render on the Web. This can occur when JavaScript files are included in other files that are not the index.html. Files that require a server to server any assets may not work.


​Common Website Issue

If you've added an HTML Page to your presentation and have it set to a live website and you share the link for the presentation as a web link, the website might not be displayed.

The Web Link version of a presentation uses iFrames to display the pages. For some websites, the iFrame may be blocked by the owner of the website you've embedded into your presentation.

How to fix the issue:

Method 1:

If you have editing access to the website, you'll need to remove sameorigin from your X-Frame-Options.

Method 2:

Instead of using an HTML Page in your presentation, use a regular page but add the website as a Web Pop-Up.

Did this answer your question?