Skip to main content
All CollectionsUniversal App - Content
Universal App: How to use the HTML widget for your content
Universal App: How to use the HTML widget for your content

How the HTML widget works

Okka avatar
Written by Okka
Updated over a week ago

MagLoft has its state-of-the-art editor named TypeLoft, which you can use to create your content from scratch. One of the widgets in TypeLoft that clients mostly use is the HTML widget. It allows you to add your custom code and interactive element to the content, such as animated ads and games.

Below is an example of how to add a puzzle to your content that your user can interact with.

  1. Log in to your Universal App admin.

  2. Go to Content > Collections

    1. In the collection list, Create New Collection

      1. If you already have the collection, jump to step 3

    2. Type down the collection title

    3. Click Create Collection

  3. In the collection detail, click Open in Editor

    1. It will open the TypeLoft editor on a new tab

    2. Select an existing page or create a new page

4. Click on the Widgets button at your left-hand sections and drag the HTML widget from the list onto the page.

5. Click the HTML widget and paste the iFrame code to the HTML box. For example, paste the interactive puzzle code below.

<iframe src='' width='100%' height='750' frameborder='0'></iframe>

Have questions? Feel free to reach out to our live chat at the bottom right corner of your Universal App dashboard or simply send an email to

  • Join our Universal App Community here

  • Visit the help playlist to get started with your Universal App here.

Did this answer your question?