Articles on: Project settings

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


Advanced features in the editor


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


Advanced features in project settings


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

Was this article helpful?

Share your feedback

Cancel

Thank you!