How to enable Advanced Features

Advanced features can be used to enhance the capabilities of our platform even further. Here’s a short guide on how to find and enable advanced features.

1. From the editor
2. From Project settings

From the editor

The easiest way to enable an advanced feature is from the editor:

• Click on the TeleportHQ icon in the Top Left corner of the editor
• Go to the **Advanced features **dropdown menu
• Select the feature you want to enable or disable

From project settings

Another way to enable an advanced feature on a project is from Project settings:

• Go to Project settings (from the editor click the dropdown icon next to the project name in the top bar)
• Go to the Advanced features tab
• Check the box next to an advanced feature
• Click Save changes
• Return to the editor

List of advanced features

Currently there are 6 advanced features available, with more possibly being added in the future.

1. Conditional rendering - Allows you to set up states and events to create interactive components.
2. Advanced embeds - A feature that converts code embeds into native JSX and HTML tags to enhance performance.
3. Exclude Globals from HTML Components - Will remove global styles such as fonts from HTML components.
4. Private folder - Enables a private folder in the Asset Manager for config files and build scripts.
5. Advanced image optimization - Automatically converts all images to the webp format and enables the use of the srcset attribute.

Updated on: 28/03/2025