Articles in this category

GOOD STUFF!

Getting started with the AI Website Builder

Andrija Krstic Updated by Andrija Krstic

This article explains the basics and the user interface of the AI Website Builder.

Main admin

You can access the AI Website Builder from your Subbly dashboard's left sidebar, clicking on the AI Website Builder option as in the image below.

Builder will always open in a new tab. Explanation of the sidebar items on the builder's dashboard are below:

  • Projects - this is a home page of your builder admin and is presenting a list of all active and past projects.
  • Feedback - this will open up the prompt where you can write your feedback related to the builder. Please don't use this for general support-queries, they should be directed to the support team.
  • Your usage - redirects to the My Plans page where you can check the token usage and remaining balance (updates in real time).
  • Back to admin - will redirect you back to the Subbly dashboard and away from the builder admin.
  • Dark/light mode - widget changes the mode of your builder dashboard

Starting the new project

You can have unlimited number of projects active.

To start a new project, you need to use the chat widget on the main admin and prompt the AI agent to create the page(s). You can find some general guidelines on how to properly prompt the agent for best results here.

Once prompted, AI Agent will get to work and will start processing the prompt. Your project is already created and your first chat will be opened. User interface will change as well.

Chat widget with all chat history will end up being moved to the left side of the dashboard, whereas you will be able to switch between the code editor and the preview mode on the right.

Every new chat message will prompt the builder to make additional changes to the build and will add the new version of the site. If you're not satisfied with the changes made, you can either:

  • revert to one of the previous versions of the site by using the dropdown versioning in the header
  • delete the previous prompt entirely by clicking the little trash can icon (which will delete and roll back changes associated with that prompt and any prompts that came after that one)

You're able to see in real time how agent works through the prompts and what changes are being implemented. Code view enables you to see what components are being added to the build, as well as running task list that AI agent is executing on.

Once it's done processing the prompt, it will revert back to the preview mode and you'll be able to see the changes it made and continue from there.

Project Settings

Did you find this resource helpful?
Return to top
Ready to get started
with Subbly?
Try for free