AI Website Builder

How to generate an online store or web app with AI

How to generate an online store or web app with AI

To generate an online store or web app with AI in TeleportHQ, click + New Project and choose E-commerce or Web App. You describe your idea, pick a theme, colors and fonts, and answer a few quick questions. The AI then builds a complete store (products, cart, checkout, customer accounts and an admin panel) or an app with logins, a database and workflows.

Before you start

Generate an online store

  1. On your TeleportHQ dashboard, click + New Project.
  2. Click the E-commerce card. If TeleportHQ has templates of that kind, a panel opens with Generate with AI and, below it, Or continue with a template: click Generate with AI. Otherwise TeleportHQ creates the project and opens the AI setup straight away.
The Create Project panel with the E-commerce and Web App cards highlighted
  1. On the Describe your store screen, describe what you sell and who buys it. For example: A specialty coffee roaster selling single-origin beans, brewing gear and gift boxes to home baristas. Then click Next.
  2. On Design preferences, choose a Theme Mode and an Animation Level, then click Next. A store has no Page Layout choice.
  3. On Colors & fonts, click a color palette and a font pairing, then click Next.
  4. If A few fast questions appears, answer each question, then click Continue. See Answer the quick questions below.
  5. On the Your products screen, click Generate products for me or Upload my own products.
  6. Click Build my store (or Build store with {n} products if you uploaded a file).

The Building your store screen shows each part being set up: the design system, authentication, e-commerce, your products and the admin panel. It usually takes a few minutes; keep the tab open. When it finishes, the editor opens and your store pages generate. The Your store is ready! window then asks how you want to accept payments. See How to accept payments with Stripe or PayPal.

About the products options:

  • Generate products for me: the AI writes a starter catalog from your store description and your answers, with names, descriptions, prices, categories and images. You can edit or replace every product later.
  • Upload my own products: import a .csv or .json file. A Shopify export works as it is, including variants. The AI reads your columns and matches them to product fields. Nothing is invented. See How to import products from a file (including Shopify).

Generate a web app

  1. On your TeleportHQ dashboard, click + New Project.
  2. Click the Web App card. If TeleportHQ has templates of that kind, a panel opens with Generate with AI and, below it, Or continue with a template: click Generate with AI. Otherwise TeleportHQ creates the project and opens the AI setup straight away.
  3. On the Business description screen, describe your app and who uses it. For example: A class booking app for a yoga studio in Austin. Members sign up, book classes and see their upcoming bookings. Staff manage the weekly class schedule. Calm, warm and welcoming. Then click Next.
  4. On Design preferences, choose a Theme Mode and an Animation Level.
  5. Under Page Layout, keep Standard for top navigation, or click Dashboard for sidebar navigation with a content area.
The Page Layout choice with the Standard and Dashboard cards, and the Dashboard card highlighted
  1. Click Next.
  2. On Colors & fonts, click a color palette and a font pairing, then click Next.
  3. On A few fast questions, answer each question, then click Continue.

The Designing your project screen plans your pages, then the editor opens and your pages start generating.

Answer the quick questions

For web apps and stores, TeleportHQ asks up to 10 short questions so the AI builds the right features, for example "Should customers be able to book without an account?" The questions appear one by one while the AI writes them, and you can answer each one as soon as it appears. If the AI already knows enough, it skips them.

  1. Read the question. The label above it says Pick one or Multiple answers allowed.
  2. Click an answer. To give your own, click Write your own, type it (up to 500 characters) and click Add answer.
  3. Not sure? Click Answer for me on a question, or click Let AI answer all at the bottom to have the AI answer every question.
  4. When every question is answered, click Continue.

To change an answer, click Edit on its row. You can also change your answers later in Project settings → AI → Project brief, under Onboarding Q&A. See How to give the AI your business details and instructions.

Check that it worked

The TeleportHQ editor opens with a Generating panel that shows the pages being built. On a trial, the AI builds 1 page right away; on Pro or Premium, up to 4. For a store, the shop pages (products, product details, cart, checkout and orders) come with the store features, and the AI builds the homepage plus, on Pro or Premium, up to 3 content pages such as About or FAQ. The rest of the planned pages appear in the Pages list with a Create button. See What happens while AI builds your site (and if it fails).

Troubleshooting

"A web app needs at least 20,000 tokens to generate. Add more tokens, or continue with a website." Your balance is below what a web app or store needs. Buy tokens in the Purchase Tokens window that opens, or generate a website instead. See How to buy more AI tokens.

"Your token balance does not cover this generation. You need about {X} more tokens. Add more tokens, or switch off web app features." The first pages cost more than your balance. Add tokens and click Try again.

"We couldn’t prepare your questions" Click Try again, or click Continue without questions. The questions only fine-tune your project; the AI builds it without them.

"Please upload a .csv or .json file" The products upload takes only CSV or JSON files. Export your products in one of these formats.

"We hit a problem" on the Building your store screen The screen says what went wrong, for example "We couldn't set up your store's accounts and checkout. Your choices are saved — please try again." or "Your store is missing e-commerce, so nothing was built yet. Please try again." Click Try again, or click Back to products to change your products first. If it keeps failing, contact TeleportHQ support. See How to get help.

Good to know

  • If the AI couldn't decide on some answers, you see "Picked defaults for {n} questions where the AI could not decide. You can change them later."
  • The Dashboard page layout currently gives lower-quality results than Standard. Plan for extra polish after generation.
  • If your balance can no longer cover a web app when you reach Design preferences, TeleportHQ switches the project to a website and shows the token message.
  • Uploaded products replace AI products. You can't mix both in the setup; add more products later from the E-Commerce panel.
Share

Related Articles

How to generate a website with AI

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.

What's the difference between a website and a web app?

In TeleportHQ, a website (a presentation website) presents information and its code can be downloaded, while a web app adds workflows, user accounts, a store, a blog or online bookings, can't have its code downloaded, and needs a Web App slot to stay online after 7 days.

Why does my web app need a slot, and what is the 7-day window?

In TeleportHQ, each web app needs its own Web App slot to keep publishing and running; a web app without one gets 7 days of full access with a watermark, then its site goes offline and it is archived until you add a slot, and it is never deleted.

How to create an online store with TeleportHQ

You can create an online store in TeleportHQ in two ways, by letting AI build a complete store (or starting from a store template) from the E-commerce card in New Project, or by switching on E-commerce in an existing project from Plugins, and then you connect a payment provider such as Stripe or PayPal, add products and publish.

How to accept payments with Stripe or PayPal

To accept online payments in a TeleportHQ store, open E-commerce → Payment Providers, click +, pick Stripe, PayPal or another provider, paste its API keys and click Save Configuration; when you publish, TeleportHQ connects the Stripe or PayPal webhook for you so paid orders are marked paid.

What happens while AI builds your site (and if it fails)

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.