How to load externally hosted HTML pages into Novi

Last updated: September 21, 2026

Novi does not support uploading HTML files directly to Novi Files or Novi Secure Files. Novi also strips many parts of <script> tags from page content, so script-based or dynamic HTML cannot be pasted directly into a Novi page.

If you need to display an HTML page that includes custom JavaScript, dynamic content, or a third-party embed, the supported approach is to host that HTML file externally, such as with Netlify or Cloudflare Pages, then display it on your Novi site using an iframe.

Recommended setup

  1. Create your HTML file outside of Novi. Include any related CSS, JavaScript, images, or other assets needed for the page to work.

  2. Host the HTML file with an external service. Common options include Netlify and Cloudflare Pages.

  3. Publish the hosted page and copy its public URL. For example, Netlify will provide a public URL after the site is deployed.

  4. Add an iframe to the Novi page where the content should appear. In the Novi page editor, add the iframe HTML and use the externally hosted URL as the iframe source.

Example iframe

<iframe src="https://your-site-name.netlify.app/your-page.html" width="100%" height="800" style="border: 0;" title="Embedded content"></iframe>

Replace the sample URL with the public URL for your hosted HTML page. You can adjust the height, width, and other iframe attributes as needed for the page layout.

Important notes

  • The hosted page must be publicly accessible for visitors to load it inside the Novi page.

  • Any scripts should live in the externally hosted HTML page, not directly in Novi page content.

  • Images and other files used by the hosted page should be hosted externally or referenced by full URLs.

  • Some external services may block iframe embedding through security headers. If the iframe does not load, check whether the hosting provider or page settings allow the content to be embedded on another site.

Storing images in Novi Files

If you only need to store and reference images, such as logos or other assets, you can upload those directly to Novi Files:

  1. Navigate to Static Content > Novi Files.

  2. Create a folder to keep your images organized, such as a “logos” folder.

  3. Upload your images into that folder.

  4. Reference the uploaded image files directly by their URL in your HTML or page content.

This approach works well for static image assets, but it is separate from hosting a full HTML page. Learn more about Novi Files: 📄 Uploading Files to Novi AMS