How to create a website with the AI Website Builder

Learn how you can use the new TeleportHQ AI Website Builder to create a fully functional website with multiple pages with the power of AI. 

1. How to create a new AI website

To create a new website with the new AI builder:

• From the Dashboard click on the + Create AI project button at the top

OR

• Click the Create project button and select the Generate with AI card

2. Describe your website

The first step is to give the platform a description of your future website. This will determine the proper layout structure, an appropriate design mood, content, images, videos and more.

There are 4 options you can choose from when creating the description of your website:

1. Write the prompt - Type or paste the description of your website in the prompt field.
2. Generate from URL - Add a link to a website and the AI will generate the description for you.
3. Upload documents - Add a PDF, DOC, or TXT file that contains information about your business and the AI builder will synthesize it into a business description.
4. Premade description - Select one of the premade descriptions available in TeleportHQ and edit it slightly to match your business.

Choose any of the options to create a description and click the Next button to proceed.

3. Set up the design system

Once you have a business description, in the next part of the creation process you will determine the general lay-outing and styling mood of the website. To simplify the process, based on the description you provided in the earlier step, the system will suggest some clear differentiators for your website:

1. Business category - Will determine the structure of the website and page suggestions based on the category your website is in.
2. Design mood - The most important factor in the overall aesthetic of your website. 
3. Theme mode - Choose between Light mode, Dark mode and Both modes (the website will have a light/dark switcher)
4. Color palettes - Choose the set of colors that you want to be used on your website.
5. Font pairings - Based on your business category and design mood you will also get several suggestions of font pairings.

Based on these choices our AI will generate a design system that will be used for the initial generation and any future generated parts(sections or pages) once you are inside our editor. This assures design consistency throughout the whole building experience

Learn more on how to style an AI generated website.

All of the styling options above will have a default choice suggested automatically by the AI, based on your initial business description.

How to generate new color palettes and font pairings:

If the initial color palettes and font pairings do not match your design system, click the Regenerate button above each category and a prompt field will appear and give the AI more precise instructions as to what you need.

Choose an option **in all of the sections to determine the styling and **click the Next button to proceed.

4. Choose the pages you need

After the styling decisions have been made you are able to choose the pages for your website.

Similarly to the previous choices, based on your initial website description you will be provided several options. 

To choose a page to be generated for the website, click on a page card in the Page selection panel in the creation process.

How to generate new page options:

To generate new page options click on the Regenerate button above the page selections. In the prompt you can specify exactly what pages you need or even add new page selections to the default ones.

How to delete page sections before a page is generated:

In the Page selection panel, inside of a generated Page card you will see the page sections that will be generated. To delete any non-required sections, hover above the section and click the Delete button.

Choose **the pages you want to create and **click the Next button to proceed.

5. Website generation

After all of the styling and structure decisions have been made the AI Builder will start generating the code for your website line by line.

The Navbar and Footer will be generated first as they will be used in all of the other pages. Once these components are created the pages you have selected will be generated based on the business description and styling choices you have made.

The website generation process can take between 2 and 5 minutes to finalize.

To finalize the process, once all of the pages have been created click on the Import & Finish Setup button at the bottom of the screen.

This will take you to the editor where you can edit and style any part of the website.

5. Reuse AI generated content

To generate a new copy of a page that was generated in the creation process: 

• Go to the Left panel in the **Generated with AI **section.
• Click on a page or component that was generated
• In the new window click the Add page to project button

Updated on: 31/10/2025