Build with AI

The TeleportHQ AI Website Builder turns a description of your business, your current website or your documents into a complete, editable website, online store, booking site or web app, with its own design system, navigation, footer and pages.

In TeleportHQ, click + New Project, choose Presentation Website and then Generate with AI, describe your business, pick a theme, an animation level, colors and fonts, and the AI plans every page your site needs and builds the most important ones in the editor.

In the TeleportHQ AI Website Builder, click Generate from URL to write your business description from your current website and rebuild up to 12 of its pages with the same wording, or click Upload Documents to attach up to 5 documents, such as a brief or brand guidelines, that every generated page follows.

In TeleportHQ, click + New Project and choose E-commerce or Web App, describe your idea, pick a theme, colors and fonts, answer a few quick questions, and the AI builds a store with products, cart and checkout, or an app with logins, data and workflows.

While TeleportHQ's AI builds your pages, a Generating panel in the editor shows each page's progress, up to 4 items build at the same time, you get an email when everything is done, the AI sets up the list pages of your store, Bookings, blog or help center at the end, and a page that fails can be retried without being charged tokens.

In TeleportHQ, the pages the AI planned but didn't build yet are listed under Planned — not built in the Pages list, and you generate any of them by clicking Create on its row.

Get better results from TeleportHQ's AI by giving a detailed business description, attaching your brief or brand guidelines, naming your brand colors and fonts, working one section at a time, selecting what you want changed, starting a new chat per task and saving standing instructions for the AI Assistant.

The TeleportHQ AI Assistant is a chat in the editor that changes your pages, builds animations, scroll stories and page transitions, generates pages, images and scroll videos, manages your database, online store, bookings and blog settings, sets up SEO and project settings, builds workflows in web apps, publishes, and answers how-to questions from the help center.

In the TeleportHQ editor, click AI Assistant above the canvas, select the element you want to change, type what you want in plain words and press Enter, and the assistant applies the change to your page.

To point the TeleportHQ AI Assistant at something, select that element on the canvas while the chat is open, and it is added as a chip above the message box, so your request applies to that element; with nothing selected, the assistant works with the whole visible page.

In the TeleportHQ AI Assistant, click Attach image (or drag an image onto the chat), add a PNG, JPEG, GIF or WebP screenshot, and ask the assistant to recreate that layout with your design system.

Ask the TeleportHQ AI Assistant a how-to question in the editor chat, for example "How do I connect a custom domain?", and it searches the TeleportHQ help center and answers with the address of the article it used.

In the TeleportHQ AI Assistant, click Settings and use the Automation switches (Apply edits, Auto-allow data ops, Auto-allow project ops, Auto-allow generations) and the Pause after setting to decide which actions run on their own and which show a confirmation card first; database changes the assistant plans together are confirmed on one card, and so are its deletions, design changes, publishing and refunds; the same switches are in Project settings → AI → Assistant.

In TeleportHQ, undo an AI Assistant request with the Undo button above the canvas or Ctrl/Cmd+Z (one request is one Undo step), restore bigger changes from a project backup, and roll back a publish from your deployments; database changes, store refunds or cancellations, and booking actions or refunds made by AI can't be undone.

The TeleportHQ AI Assistant pauses sending with "Context limit reached" when a chat uses up its memory limit (Max context); to continue, pick a later message with Start from and Set start, click Summarize into a new chat, raise Max context, or start a new chat.

In the TeleportHQ AI Assistant, hover a reply to rate it with thumbs up or down or flag it with a note, and fill in the occasional Quick survey to earn 500 AI tokens, at most once every 7 days.

In the TeleportHQ editor, click + next to Pages, choose New Page and then Generate Page with AI, pick a suggested page or describe the page you want, and click Generate to build it in your site's design, with your existing navigation and footer.

In TeleportHQ, generate a section with AI from the Sections tab (Generate using AI, then Generate Section), with the AI Section element, or with Generate with AI on an empty component, and the section is built in your site's design.

In the TeleportHQ editor, select a text element, click Rewrite with AI, choose Rewrite, Make Shorter, Make Longer or Change tone (or type your own instruction), then click Accept to keep the new text.

In the TeleportHQ editor, select one element, type what you want in the Quick AI prompt... box above it, for example "make it rounded and orange", and press Enter; the AI changes that element without opening the AI Assistant, and you can click Stop while it works.

In the TeleportHQ editor, click Ask AI above a page to swap all its images or videos for matching free stock media, rewrite all its texts, translate every text into another language, or change the tone of the whole page at once; Tailor project to my business… rewrites every page of the project for your business in one run.

In the TeleportHQ editor, select an image and click Generate with AI, or add the AI Image element, describe the picture, choose a size and quality, and click Replace Image or Add to Selected Node; every generated image is saved to your assets.

In the TeleportHQ editor, turn an image into a short AI video with Generate with AI and then Convert to Video, or create a video from a description with the AI Video element, choosing a 4, 6 or 8 second clip; AI 3D model generation is not available yet, but you can add free 3D models from the Assets Manager.

In the TeleportHQ editor, click the project name and choose AI Hub to see the pages and sections AI generated in the project, click one to preview it, and click Add Page to Project or Add Section to Project to add a copy again, without using AI tokens.

In the TeleportHQ editor, open Project settings, then AI, then Project brief to update your business description, brand name, language and setup answers, and open AI, then Assistant to write custom instructions such as "Always use British English" that the AI Assistant follows in this project.

In the TeleportHQ editor, click the project name and choose AI Costs & Usage to open the Project Costs window, which lists the AI operations your workspace was charged for with their date, type and tokens, and filters them by project, operation and date.

In the TeleportHQ editor, open a component that a feature like the blog or store created, click Refine, and confirm to let AI restyle it to match your site's colors, fonts and spacing while its content, data and interactions stay the same.

You can edit a TeleportHQ website made with AI without using AI tokens by changing its saved colors, fonts and spacing in the Design Language panel, editing its shared CSS classes, and styling any element in the right panel.