Help Center

Guides and answers to common questions.

How to show data from a data source on your pages
Showing data on your pages

How to show data from a data source on your pages

In TeleportHQ you show data on a page by binding elements to it: click the plug icon next to a field in the right panel, pick a value in the Select Dynamic Property panel and click Bind property, or use an Array Mapper to repeat a design for every item in a list.

How to create a TeleportHQ account
Your account

How to create a TeleportHQ account

Go to play.teleporthq.io/signup and click Sign up with Google, GitHub or Microsoft, or type your email, tick I agree to Terms & Conditions, click Continue, set a password of at least 8 characters, then confirm your email; no credit card is needed.

How SEO works in TeleportHQ
SEO

How SEO works in TeleportHQ

TeleportHQ gives every page a title, description, social image, canonical address and schema markup, writes your sitemap.xml, robots.txt and llms.txt when you publish, lets you hide a whole site with Show this site in search engines, lists broken links in the editor's Issues window, and adds audit and weekly monitoring tools under Growth → SEO & Performance.

How to find and manage orders
Orders

How to find and manage orders

In TeleportHQ, open Growth → E-Commerce → Orders in the editor's left sidebar to see your store's sales figures, search and sort every order, and click one to ship, refund, cancel, mark as paid or change its status; your live site's admin panel lists them too.

What is a web app in TeleportHQ?
Web apps

What is a web app in TeleportHQ?

In TeleportHQ, a web app is a project that uses server features (workflows, user sign-in, a store, bookings, a blog or help center, an admin panel, an AI chatbot); it publishes from TeleportHQ, can't be downloaded as code, and needs a Web App slot to keep running after 7 days, while show/hide, pop-ups and browser widgets work in websites too.

How to import HTML and CSS code
Import

How to import HTML and CSS code

In the TeleportHQ editor, click Import HTML / CSS / JS in the bottom toolbar (or paste HTML onto the canvas), paste plain HTML with its CSS in the HTML Import window and click Save; TeleportHQ turns it into editable elements and classes.

How to create a new project (AI, template or blank)
Projects & dashboard

How to create a new project (AI, template or blank)

In TeleportHQ, click + New Project on your dashboard and pick E-commerce, Web App, Bookings, Presentation Website or Blank project; every card except Blank project then lets you generate the project with AI or start from a template, and the new project opens right away.

How to add page transitions to your site
Page transitions

How to add page transitions to your site

In TeleportHQ, click the Project settings cog at the bottom of the left sidebar, open Page transitions under Appearance and click a card such as Fade or Slide up; the transition then plays every time a visitor moves from one page of your site to another, in Preview and on the published site.

How to invite someone to one project
Sharing projects

How to invite someone to one project

In the TeleportHQ editor, click Share at the top right, type the person's email in Add email, pick a role and click Send invite; they get access to that project only, and on Pro and Premium an editing role may add a paid editor seat.

Which elements can I add to a page?
Elements

Which elements can I add to a page?

TeleportHQ's Elements panel has two tabs, Primitives (single building blocks such as text, images, buttons, forms, animations, site-wide extras and charts, sorted into groups) and Sections (ready-made page sections and scroll stories), and a few elements that need a server only work in web apps.

What are component variants?
Component variants

What are component variants?

In TeleportHQ, a component variant is one component whose copies can look or behave differently, picked per copy with a setting (a prop); the component keeps a base class with what every version shares and a class per version that switches on when the setting matches.

How to add a blog to your site
Blog & Help Center

How to add a blog to your site

In TeleportHQ, click Plugins in the editor's left sidebar, click Blog, switch on Blog enabled and confirm in the Activate Blog window; TeleportHQ builds a blog listing at /blog and a page for every post, and asks first if a Presentation Website has to become a web app.

…