Skip to content
Hot Local Business
Start onboarding

AI studio app builder

Build custom web apps and pages with AI, a code editor and server functions.

Why it matters

Create calculators, quote tools and portals for customers.

The HLB difference

Apps connect to forms, calendars and contact data in the account.

How it works

Build simple web tools like quote calculators or customer portals with AI help and a code editor.

  • Convert an existing project into a separate copy that supports server side pages, backend functions, APIs and stored secrets, while your live site and connected domains keep running as they are.
  • Turn on cloud for a project to give your app a built-in database, user accounts and file storage that you manage from the builder, with no separate backend service to connect.
  • See page views, visitor engagement, form sign ups and conversion rates for a published project without adding tracking code. You can review form submissions in the project and see which site a lead came from in their contact activity.

AI Studio is the HLB builder for creating websites, landing pages and other interactive experiences by describing what you want in plain language. You can start from a prompt, a template, a live URL used as inspiration, or uploaded images. AI Studio then generates layouts, content and visuals. If your request is too broad, it asks follow-up questions first.

A local service business can use it to build a booking page connected to its calendar, a branded contact form, a multi-step survey, or a full website with calls to action already in place. For example, you could ask for a website for a dental clinic with online booking, then refine the result with follow-up instructions.

Key options

  • Visual edits: click elements in the live preview to change text, images, icons, colors and spacing. Direct edits do not use AI tokens.
  • Code editor: edit project files, search across the whole project, and let AI try to fix build errors.
  • Version history: preview earlier versions and restore them.
  • Forms and calendars: ask AI Studio to connect them so submissions reach your contacts and can start workflows.
  • Chat widgets: add a chat widget that matches your site, with messages arriving in Conversations.
  • Advanced SEO support: for published projects with a connected custom domain, you can turn on pre-rendering, social link previews and a sitemap.
  • Full-stack projects: new projects can include server-side rendering, server functions, REST endpoints and stored secrets.
  • Download codebase: export your project, or an older version, as a ZIP file.

When the project is ready, you can preview it, publish it and connect a custom domain.

If AI Studio is missing from your menu, ask HLB support to check access for your user.

Connect a Conversation AI agent to live chat

Connect an existing Conversation AI agent to your AI Studio site's live chat widget from site settings. Review the connected agent and its tag conditions, or update the connection as your needs change.

Add more products to AI Studio sites

Add more than 100 store products to your AI Studio site, select a page of products at once and search your added products to manage a larger catalog. With checkout set to All products, buyers are offered only the first 100 products.

Point AI Studio at files and skills faster

The AI Studio chat composer lets you point the AI at specific files and start common integrations without leaving the message box. In Code view, type @ to reference a project file, down to a line or range, and it appears as a pill in the composer and in sent messages. In Builder, type / to pick a built-in skill such as Database Optimization, Form Tracking, Calendar Integration, Payment Integration or Chat Widget, with one skill per message, and integration skills ask you to choose the integration first. A file reference tells the AI which file you mean and does not pin the file's contents into context. Typing / or @ as plain text still works, and if nothing matches, pressing Enter sends the message normally. Replies render Markdown and respect reduced-motion settings.

Related features

Ready to put this to work in your business?

Start onboarding with the Max Digital Edge team and get set up on Hot Local Business.

Start onboarding