Editor

• How to change the placeholder text on an input element?

  Find out how to change the placeholder text for an input field. There are also many other options that you can find regarding input fields.Popular

• How to hide an element in your working canvas

  To hide an existing element from your project, to not show it anymore without deleting it, you need to select it, then go to the Right panel, in the Visibility section. To completely hide the element click on the “eye icon”: Hiding an element To make the element visible again you need to find it in the treeview (Layers and Files), select it and click on the same eye icon in thSome readers

• How can I change the background of an element?

  To change the background you need to select the container or element, and go to the **Right side menu**.Few readers

• How do I add a YouTube video?

  Adding YouTube videos to your project is very simple. You can add YouTube videos in TeleportHQ by using an iframe. Here is how:Few readers

• Can I use TeleportHQ on my mobile phone?

  TeleportHQ is a powerful visual builder to create and publish your headless static websites instantly, designed for desktop devices.Few readers

• What file types can I upload?

  Check out this article to learn what file extensions are allowed to be uploaded and used in the platform.Few readers

• Use the command palette to access all commands

  Using CTRL/CMD-P inside the platform will bring up the command palette. You can use this functionality in two ways: Search for pages, components or Files Execute actions Search for pages, components or files Use CTRL/CMD-P while in the platform to open the Command palette. You can see a list that contains all the pages and the components from the project. To navigate throFew readers

• How to create and set up your 404 page

  Here is a quick guide on how to set up a page for the 404 error code in the situation when a page does not exist, has been moved or has a dead or broken link.Few readers

• How to use the Wireframe mode

  The wireframe mode can be used to make elements in your canvas much more visible by making the project black and white and highlighting the elements more.Few readers

• How to create nested URL's

  Here is a short guide on how to create a deep progressive nested URL structure for your TeleportHQ websites.Few readers

Project settings

• How to add Google fonts to your project

  How to add Google fonts to TeleportHQ and how to change the font in text tiles inside the editor.Few readers

• How to add custom fonts to your project

  Here is a quick walkthrough on how to add custom fonts to your TeleportHQ project and how to use them.Few readers

• Is there a multi language feature?

  At the moment TeleportHQ does not have any multi language support. Since everything is static, for now, having a multi-language website would require you to translate manually each page.Few readers

• How to add Robots.txt and Sitemap.xml to your project

  Here is a quick guide on adding the robots.txt or sitemap.xml to your project and how to edit them.Few readers

• How to access project settings when I am inside a project?

  Find out how you can open the project settings without having to leave the project and add custom code, fonts and more.Few readers

• How we manage your project and data privacy

  Your data and project information privacy is very important to us and we have a few rules to manage this aspect.Few readers

Platform

• How long can I use a website I created?

  There are no time limits to the websites you’ve created. We will store your projects indefinitely, either those that are hosted or non hosted.Few readers

• Can I create my own Template to use it multiple times?

  Here is how you can use your own projects as templates in TeleportHQ.Few readers

• How to delete a project

  Here is a step by step guide on how you can delete a project in your TeleportHQ account.Few readers

Animations and interactions

• How to make a fixed header when scrolling?

  The header component needs to be turned into a top-level container, with **z-index: 1;** and **position: fixed;** or **position: sticky;**Popular

• How can I add animations to my website?

  Check out some of the ways you can use to add animations to your projectsSome readers

• How can I create a smooth "scroll to" transition?

  You can add a custom code inside a style tag, by going to the **Project Settings -> Custom Code -> Head**Few readers

• How to add Lottie animations

  This is how you can add Lottie animations to your projects and edit them directly in TeleportHQ.Few readers

• How to add a hover effect to an element

  How to add hover effects to elements in your TeleportHQ project.Few readers

Sharing and collaboration

• How to transfer project ownership to another account

  Here are the steps you need to take in order to transfer a project from an account to another user.Few readers

Download and export

• How to connect TeleportHQ to GitHub

  Here’s a short guide on how to integrate your TeleportHQ project with your GitHub account. Get token from GitHub Add token to Project settings Export project to GitHub Get your token from GitHub First of all go to your GifHub account and create a token for your TeleportHQ project. Copy the generated code Add the tokFew readers

Support

• How can I share my project with the support team?

  Here is how you can get in touch with us, share your project and receive help from the TeleportHQ support team.Few readers

• Can you build my website for me? (Website development service)

  Do you want your website built by expert web developers? You can get it done with our website development service. Learn more.Few readers