Elements

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.

In TeleportHQ, you add an element by clicking its card in the Elements panel to put it inside the selected element, by dragging the card onto the canvas, or by pressing its keyboard shortcut.

In TeleportHQ, you select an element by clicking it on the canvas or in the layers tree, select its parent by clicking the name label above it or pressing Esc, and select several elements with Cmd/Ctrl-click, Shift-click or by dragging a box.

In TeleportHQ, you move an element by dragging it on the canvas or in the layers tree to a new spot; hold Cmd or Ctrl to drop it inside another element, hold Alt or Option to drop a copy, and press Esc to cancel.

In TeleportHQ, you add a Text or Heading element from the Elements panel, double-click it to type, and highlight words to make them bold, italic, underlined, colored or aligned from the small toolbar that appears.

In TeleportHQ, you add an image with the Image element or by dragging an uploaded file onto the page, replace it by selecting the image and picking another file in the Assets Manager, and crop, adjust, add text, remove the background, edit with AI or resize it with Edit image.

In TeleportHQ, you upload an MP4, M4V or MOV file to the Assets Manager, drag it onto your page as a Video element, and set its poster, controls, autoplay, loop and sound in the Video section of the right panel.

In TeleportHQ, you add a YouTube or Vimeo video by adding an Iframe element to the page and pasting the video's embed address into its src field in the Attributes section.

In TeleportHQ, you make any text, image, button or container clickable by selecting it and clicking the link icon above it, then choosing a URL, a page of your site, a section to scroll to, an email address or a phone number.

In TeleportHQ, you give the target section an ID in the Attributes section, then select the link or button and choose that ID on the Scroll To tab of the link panel; published sites scroll smoothly to it by default.

In TeleportHQ, you add a "Scroll to top" button by clicking Back To Top in the Site group of the Elements panel, which puts a round arrow button in the bottom-right corner of every page, or you build your own with an ID, a Fixed button and a Scroll To link.

In TeleportHQ, you add a Google Map by dragging or clicking the GMaps element in Elements → Primitives → Media, then typing your address, or latitude and longitude, into the Google Maps Location section of the right panel.

In TeleportHQ, you show another website's page inside yours by adding an Iframe element from Elements → Primitives → Media and pasting the page's address into its src field in the Attributes section; the other site must allow embedding.

In TeleportHQ, you add your own HTML, CSS or JavaScript to one spot on a page by dragging or clicking the Code Embed element in Elements → Primitives → Media, pasting the code into the Code Embed (HTML+CSS+JS) window and clicking Save.

In TeleportHQ, you click a navigation bar design in Elements → Sections → Navbar; it becomes your site's navigation at the top of every page, linked to your pages, and on phones its links fold into a menu button that opens a phone menu.

In TeleportHQ, you add a dropdown menu with the Dropdown element from Elements → Primitives → Interactive, then use dropdown settings to show the list while editing, choose where it opens, add menu items, turn an item into a submenu and preview it on the canvas.

In TeleportHQ, you add a carousel with the Slider element, pick a ready layout such as Card carousel or Logo marquee in Slider Settings, then add slides, set autoplay, dots, arrows and slides per view, and style the arrows and bullets.

In TeleportHQ, you add an expand-and-collapse panel with the Accordion element from Elements → Primitives → Interactive; its Accordion settings let you choose whether it starts Open or Closed and give several accordions the same Group Name so only one stays open at a time.

In TeleportHQ, you add an audio player with the Audio element and pick a sound in Audio Settings, or make a button, text or container play a sound on click or hover with the Play Sound On section of the right panel.

In TeleportHQ, you add a 3D model with the 3D Model element from Elements → Primitives → Media, choose a free model with Browse 3D models or use an uploaded GLB file, then set rotation, lighting and zoom in 3D Model Settings.

In TeleportHQ, you add a ready-made section such as a hero, pricing table or FAQ from Elements → Sections by opening a category or searching and clicking a design; it lands as ordinary elements in your site's style, and Replace Section swaps any block of the page for another design.