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.
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.
- Conditional rendering - Allows you to set up states and events to create interactive components.
- Advanced embeds - A feature that converts code embeds into native JSX and HTML tags to enhance performance.
- Exclude Globals from HTML Components - Will remove global styles such as fonts from HTML components.
- Private folder - Enables a private folder in the Asset Manager for config files and build scripts.
- Advanced image optimization - Automatically converts all images to the webp format and enables the use of the srcset attribute.
Updated on: 28/03/2025
Thank you!