Create Your First Project

The Looops builder, panel by panel. The chat, the preview, the CMS and Assets tabs, the project menu, Website settings, and how to publish.

You start a project by describing it in the dashboard chat box. This page explains what you see once the builder opens, and how to take a site from first draft to published.

The builder

Chat panel (left)

Where you talk to the AI. Describe what to build, ask for changes, ask questions about your site. The agent keeps the context of the conversation, so "make that bigger" works after it just built something.

Small icons above the chat: past conversations (speech bubble), version history (clock: restore any earlier version), and help (headset: opens the support form).

In the message box: the image button attaches photos and documents (drag-and-drop and paste work too), the sliders button picks the AI model, and the pointer button turns on click-to-edit: click any part of the site and either change it yourself (Quick Edits) or describe the change for the AI. Click-to-edit is desktop only.

Preview (right)

Your live website as the agent builds it. Navigate it like a real site. The top bar has a page box to pick or search the page shown, a refresh button, and open-in-a-new-tab. The preview shows one width; to check phones and tablets, open it in a new tab and resize the window, or ask the AI ("check the mobile layout of the menu").

View tabs (top right)

  • Preview (eye): the site
  • CMS (database icon): your content database, on sites with the database switched on. See CMS & Database.
  • Assets (folder): your uploaded photos and files. See Assets Manager.

CMS and Assets need the preview to be running.

Project menu (top left, the project name)

Back to dashboard, your credit balance with a Top up credits button, Website settings, Export code (paid plans), and light or dark mode.

Website settings

Per-website settings, all in one dialog:

  • Your addresses: the site's looops.site address
  • Domain: buy a domain inside Looops or connect one you own (paid plans)
  • Notifications: who receives contact form messages, booking requests and other alerts from your site
  • Database: switch the backend on or off (paid plans), and the AI model for your site's assistant
  • Environment variables: keys for services your site connects to (backend on)
  • Transfer: hand the project to another Looops account (Pro sends, any paid plan receives)

Mobile

On a phone, the project name pill (top middle) opens a menu with Publish, Share preview, Website settings, Version history, Chat history, Export project and light or dark mode. The "…" button next to the message box opens the Preview, CMS and Assets panels. There is no click-to-edit on mobile.

Building

Start with a complete description

Include the type of site, who it is for, the sections or pages you need, and the look. One paragraph is enough:

"A landing page for TaskFlow, a project management app for small agencies. Hero with a product screenshot, four feature cards, three pricing tiers, three testimonials, a footer. Blue and white, clean, modern."

Iterate by talking

  • Layout: "Move pricing above the testimonials."
  • Look: "Make the headings bolder and the primary color purple."
  • Content: "Change the headline to 'Ship faster with TaskFlow'."
  • New pages: "Add an About page with the team and our story." The agent adds navigation links.

Choosing the AI model

The sliders button in the message box lists the available models. The default, Gemini Flash, is fast and inexpensive; stronger models (Grok 4.5, Gemini Pro, Claude Opus 4.8) give more careful work on hard requests and cost more credits per request.

Publishing

1

Click Publish

Top right. Choose or confirm your looops.site address; it defaults to your project name.

2

Wait for the build

A few minutes. The panel shows progress; you can keep chatting meanwhile.

3

Visit your site

Live at your address with HTTPS. Republish any time to update it.

Want your own domain? See Custom Domains.

What's next