Lovable: a website from a description in one evening

Here's how getting a website usually goes. You decide to start selling consultations, you look for a designer, you spend two weeks approving a mockup, then a developer builds it for another week, and a month later you want to change the price and have to email the agency again. Or you sit down with a page builder yourself, spend the weekend dragging blocks around, and end up with a page you're slightly embarrassed to share.

Lovable removes almost all of that. You write one message: who you are, who you work with, what you sell, and what form you need. The AI comes up with the structure, writes the copy, picks colors and fonts, builds the mobile version, and shows you the result next to the chat. Don't like the headline? Type "make the headline shorter and about the client's result." Ten seconds later it's different.

Below I'll show you what Lovable can do right now, what the credits cost, how to set up your account without overpaying, and how it differs from Wix, Squarespace, and Claude Code. Then, step by step, we'll build a consultation landing page whose leads arrive straight in your messenger or inbox. If building software with words is new to you, start with the overview of vibe coding – it gives you the big picture, and this article covers one specific tool.

Section 01What Lovable is, in plain words

Lovable is a Swedish service that builds websites and web apps from a text description. It runs in the browser at lovable.dev, so there's nothing to install. The screen is split in two: on the left, a chat with the AI; on the right, a live preview of your site. Everything you ask for in the chat shows up on the right right away.

Inside Lovable there's an AI agent. It does more than reply with text: it creates pages, writes the code, connects a database for your leads, sets up user sign-in, and publishes the finished site to the internet. You don't see the code unless you ask for it. To you, it feels like messaging a very fast web designer who never gets tired of revisions.

In 2026 Lovable made TIME's list of the Best Inventions of the year as an app builder for people who can't code. In August the company raised a $400M Series C at a $13.3 billion valuation. It's one of the fastest-growing AI services in the world, and it clearly isn't going anywhere. For you, that means your site won't vanish along with the builder six months from now.

What people actually build with it, without a developer

• Landing pages. A page for a consultation, a course, a challenge, a webinar, or an event: the offer, the program, reviews, prices, and a lead form.
• Small business sites. A few pages: about you, services, case studies, contacts, a blog.
• Quizzes and calculators. "Which format is right for you," a renovation cost estimate, a plan picker with a lead form at the end.
• Client portals. A page where a client signs in with their email and sees their materials, homework, or session bookings.
• Internal tools. A client and payment tracker, a class log, a lead database with filters – the things you used to keep in a spreadsheet.

How Lovable differs from a regular AI chat

Ask ChatGPT or Claude to "make me a landing page," and you get a chunk of code. Then you have to figure out where to put it, how to make the page open for other people, how to wire up the form, and where the leads will go. For a beginner, that's usually where the project ends.

Lovable takes it all the way. The site lives on a server from the start, it has an address, the form saves leads to a database, and the Publish button puts the page online. Your job is to describe what you need and check the result through your client's eyes. That's exactly why people with no technical background choose it.

Section 02What's new in Lovable in 2026

If you tried Lovable a year ago and gave up, take another look. The service grew a lot in 2026. Here are the changes that matter if you're building a site for your own services.

An agent that works for hours

Since August 26, 2026, Lovable has had an agent mode that can work on one large task for up to 10 hours straight. You set a task like "build a school website with a client portal, payments, and a schedule," and the agent breaks it into stages on its own, builds, tests, and fixes. For a landing page that's overkill, but for complex projects it saves days of back-and-forth.

Plan mode and Drafts

Plan mode lets you talk the project through with the AI first: it asks questions and proposes a structure without touching the code. Every message in this mode costs exactly 1 credit. Since September there's also a separate chat outside your projects, where you can think through an idea before creating anything.

Drafts arrived on September 9. A draft is a copy of the project where you try a risky change while the live site stays as it is. Like the result? Move the changes over. Don't like it? Delete the draft, and your clients never notice a thing.

Custom domains, a database, and client sign-in

Since September 1, you can buy or connect a domain right inside Lovable. The built-in backend, Lovable Cloud, stores leads, files, and user accounts, and since September 7 it has a full database. In October came "Sign in with Lovable," and earlier, sign-in with Microsoft. In practice, a client portal now takes one sentence to set up.

Growth tools and analytics

On October 14, 2026, Lovable added growth tools: the AI drafts a plan for winning your first customers and helps you launch it on Google Search, YouTube, Google Maps, Google Ads, Facebook, and Instagram. Analytics got an update too: you can see which source a visitor came from and how your ads are performing. For a US business that's a handy starting point, but treat the plan as a draft. You still know better than anyone where your clients actually spend their time.

Strong models under the hood

Lovable runs on Claude, GPT, and Gemini models, and the newest versions were added in September and October. You don't pay for them separately: it all comes out of your credits. And if you want your own AI helper on your site, say, a bot that answers questions about your services, you can build that inside Lovable too, paid from the same balance.

Section 03Plans and credits: what a site really costs

Lovable measures work in credits. Every message to the agent uses part of a credit or several credits, depending on how complex the task is. Prices as of October 2026:

On Pro you can choose a bigger credit tier: 200 credits for $50, and so on up the ladder. Students and teachers with a school email get 50% off Pro for up to 12 months, which works out to $12.50 a month.

How many credits typical tasks use

Lovable itself gives these examples:

Simple math: the first version of a landing page is about 2 credits, plus another 10–15 edits at half a credit to a credit each. On the free 5 credits a day, a landing page takes two or three evenings. On Pro, one evening with plenty to spare.

The big August 2026 change: one balance for everything

Lovable used to have three separate meters: credits for building, money for hosting, and money for the AI features inside your site. In August 2026 they merged into one balance. It pays both for the agent's work and for keeping your published site alive: the lead database, file storage, and sign-in.

Every month, every plan also gets a separate grant of 20 Cloud credits and 4 AI credits for the AI features inside your site. For a landing page with a form, that's usually more than enough. But there's one important detail: if your credits run out, the database, storage, and sign-in on your live site pause. So don't burn your whole balance on edits on the last day of the month if you're running ads to that page.

Section 04Getting started: account, payment, and what free really gives you

Setting up Lovable takes five minutes. The real decision is when to start paying, and the honest answer is: later than you think. Here's the order that keeps you from overpaying.

One more thing before you publish anything that collects names, emails, or phone numbers: add a short privacy notice under the form and a privacy policy page. Lovable will create both from a single sentence. If you work in a regulated field, such as health or finance, have a professional review the policy text for your situation.

Section 05Lovable vs Wix, Squarespace, Claude Code, and Cursor

Lovable has a few frequent neighbors, and the question "which one should I pick" comes up all the time. The short answer: it depends on what matters most to you – speed, control over every pixel, or the freedom to build anything at all.

How to choose in a minute

• You need a page that collects leads tonight, and the word "server" makes you nervous – Lovable.
• You already have a working site on Wix or Squarespace, with your booking and payments set up – stay there, and use Lovable for quick tests of new offers.
• You need a Telegram bot, an automation, or a site that lives on your own server and doesn't depend on anyone – Claude Code. For a detailed walkthrough of building a site with it, see "A Site of Any Complexity in One Evening with Claude Code."
• You want to understand how your project is put together and choose the models yourself – Cursor.

Lovable vs Wix and Squarespace, in practice

The difference shows up on the very first evening. In Wix or Squarespace you pick a template, then replace every heading, photo, and button by hand. You get full control, and you also do all the work. In Lovable you describe the page once, and the copy, layout, and mobile version come together on their own. Changes are sentences, not clicks through a settings panel.

The flip side: a classic builder shows you exactly what you'll get before you start, and nothing changes unless you change it. Lovable sometimes "improves" things you didn't ask about, which is why later in this guide you'll see the phrase "change nothing else" in almost every edit.

The honest downside of Lovable is platform dependence. Your site lives on their servers and runs on credits; if you stop paying, the domain and database work within the limits of the free plan. The upside is that on a paid plan you can export the code and move it anywhere. So a great setup for getting started is to test the idea in Lovable quickly, and once the page starts bringing in leads, decide whether to keep it there or move it.

Section 06Your first project: the screen and the key buttons

Ready-made text for the Knowledge section

This is the website of [name], [profession]. I help [who] get [result].
Write in clear, friendly American English and speak to the visitor as "you."
Tone: warm and confident, no hype, no exclamation points.
Short paragraphs, concrete numbers and examples instead of generic phrases.
Colors: [for example, warm beige and dark green]. Fonts readable and large.
Every page must look great on a phone.
Before big changes, briefly describe the plan and wait for my "yes."
Change only what I ask for in the message.
Don't rewrite text I wrote myself unless I ask.

Section 07How to describe your site: the first-message formula

The first message decides 80% of the result. "Build a therapist's website" gets you an average page that looks like thousands of others. A detailed description gets you a page that sounds like you. Here's a six-part formula:

• Who you are. Profession, experience, what sets you apart. "Therapist, 9 years in practice, I work with burnout in executives."
• Who the page is for. A specific person and their pain. "Executives aged 30–45 who work 12-hour days and no longer enjoy their results."
• What you sell. Format, price, length. "A 60-minute first consultation online, $70."
• Which blocks you need. List them in order: first screen, who it's for, how it works, about me, reviews, price, questions, form.
• What the visitor should do. One target action. "Leave their name, email, phone, and a good time to talk."
• How it should look. Mood, colors, examples. "Calm, lots of white space, warm colors, large type, no stock photos of smiling people."

If you're not sure how to put it, start in Plan mode: type "I want a landing page for a consultation, ask me questions to gather everything you need." The AI will interview you and suggest a structure. You'll spend 3–4 credits, but the first version of the site will be noticeably more accurate. For more ready-made wording for different tasks, see the AI prompt library, and for the basics of a good request, the guide on how to write prompts.

Section 08Project: a consultation landing page in one evening

Let's take a real example: a first-consultation page for a therapist. For your own niche you only change the details in brackets; the logic stays the same. The whole path takes about two hours and 15–20 credits.

Step 1. The first message

Build a landing page in English for booking a first consultation.

Who I am: Anna, a therapist with 9 years of practice. I work with
burnout in executives and business owners.

Who it's for: executives aged 30–45 who work a lot, feel exhausted,
and no longer enjoy their results.

What I sell: a first consultation online, 60 minutes, $70.
In it we figure out where the exhaustion comes from and make a plan
for the next month.

Blocks in this order:
1. First screen: a headline about the result, a subheadline, a "Book a session" button.
2. "Sound familiar?" – 5 signs of burnout.
3. How the consultation works – 3 steps.
4. About me – photo, experience, education.
5. Reviews – 3 cards (I'll send the texts later; for now add placeholders
   marked REPLACE).
6. Price and what's included.
7. FAQ – 5 questions.
8. Lead form: name, email, phone, preferred time, comment.

Style: calm, lots of white space, warm beige background, dark green
accents, large readable type. No stock photos of people.
The site must look perfect on a phone.

A couple of minutes later the page appears on the right. Switch to the phone view right away and scroll through the whole thing.

Step 2. Check the first screen

The first screen is everything a person sees without scrolling. On a phone it has to fit the headline, one line of explanation, and the button. If the button slid down, write:

On a phone, the "Book a session" button isn't visible on the first screen.
Shorten the subheadline to one sentence and move the button up
so it's visible without scrolling.

The AI often writes headlines that are pretty but vague. Ask for options: "Suggest 5 headlines for the first screen. Each one about a specific client result, 8 words max." Pick one and type "use option 3." If you want to sharpen the offer itself, the guide on how to write an offer walks you through it.

Step 3. Replace the copy with your own

The AI writes smoothly, but it doesn't have your voice or your story. Go through every block and replace anything that doesn't sound like you. The easiest way is to send the text in full:

Replace the text in the "About me" block with this, word for word:
[your text]
Change nothing else on the page.

The phrase "change nothing else" matters. Without it, the agent sometimes "improves" the neighboring blocks too, and you lose wording you've already polished.

Step 4. Add your photo and reviews

Attach your photo right in the chat with the paperclip button and write: "Put this photo in the About me block, crop it square with rounded corners." Do the same with screenshots of reviews: "Here are 3 reviews, move the texts into the review cards, show only the first name and the initial of the last name." After that, the REPLACE placeholders should be gone – check with a search on the page.

Step 5. Fix small things visually

For tiny edits like a button color, spacing, or a typo, you don't have to message the agent. Lovable has a visual edit mode: click an element in the preview and change the text, color, or size right there. It's faster and saves credits on the small stuff.

Step 6. Set up the form

The form is already there from the first message, but by default the leads may not be saved anywhere. Ask for it explicitly:

Connect Lovable Cloud and save every form submission to the database:
name, email, phone, preferred time, comment, date and time sent.
After submitting, show the visitor this message:
"Thank you! I'll get back to you within a day."
Under the form, add a short privacy notice with a link
to a privacy policy page, and create that page.
Create a separate private /admin page for me with the list of leads,
accessible only with my email.

Now send a test lead yourself, open /admin, and make sure it's there. How to have every lead land in Telegram, your inbox, or Slack right away is covered in the next section.

Step 7. Prepare the page for search and social

Set up SEO: page title "Online Therapist for Burnout – Anna [last name]",
a description up to 160 characters with a call to book.
Create a link preview image from the first screen for messengers
and social media. Add a site icon.

The preview image is what people see when you send the link in Telegram, iMessage, or WhatsApp. Without it, the link looks empty and earns less trust.

Step 8. Publish and connect a domain

Click Publish. Lovable will ask for an address – pick something short, like anna-therapy.lovable.app. A few seconds later the site is available to everyone. On a paid plan, the project settings have a Domains section: you can buy a domain right inside Lovable or connect one you already bought from any registrar. Lovable shows you which records to add at the registrar, and if it's unclear, paste the instructions into the chat and ask for a step-by-step explanation.

Every edit after publishing is visible only to you until you click Publish again. That's handy: you can rework the site calmly, and clients keep seeing the old version until you decide otherwise.

Section 09Leads from the form to Telegram, email, or Slack

Leads in a database are good, but nobody checks /admin every hour. It's much easier when each new lead lands where you already are all day. Pick one channel: Telegram if you live in messengers, email if your inbox is your office, Slack if you run things with a team. Each takes about 10 minutes.

Option 1. Telegram

I want every new form submission sent to me in Telegram.
Here's my bot token: [token]. Save it as a secret,
don't put it in the page code.
I've already sent /start to the bot. Find my chat id and set up sending.
Message format:
🔔 New lead
Name: ...
Email: ...
Phone: ...
Preferred time: ...
Comment: ...

Lovable will ask permission to save the secret and will tell you how to find your chat id if it can't do it on its own. Send a test lead from your phone. Got the message? Everything works. If not, tell the agent what you see and ask it to check the error log. For more on what Telegram bots can do for bookings and delivering materials, read "A Telegram Bot Without a Programmer."

Option 2. Email

Email is the default for most US small businesses, and it's the easiest channel to forward or search later. Sending email needs an email-sending service; Lovable will suggest one and walk you through creating an account and an API key. Then write:

Send every new form submission to my email: [your email].
Subject: "New lead: [name]".
In the body: name, email, phone, preferred time, comment,
date and time sent.
Help me connect an email-sending service. Save the API key
as a secret, don't put it in the page code.
When it's done, send a test email and tell me what to check
if it doesn't arrive.

Send a test lead and check your inbox and your spam folder. If the first email went to spam, mark it "Not spam" so the next ones arrive normally.

Option 3. Slack

If you work with an assistant or a small team, a Slack channel for leads means everyone sees a new request at once and nobody asks "did you reply to her?" In Slack, create a channel such as #leads and add an incoming webhook for it – Slack gives you a webhook URL. Then write to Lovable:

Post every new form submission to my Slack channel.
Here's the incoming webhook URL: [URL]. Save it as a secret,
don't put it in the page code.
Message: "New lead" plus name, email, phone, preferred time, comment.

Send a test lead and make sure the message shows up in the channel. You can combine channels: for example, email for the record and Telegram or Slack for speed.

Section 10How to spend fewer credits: 8 techniques

• One task, one message. The agent handles "change the color, add a block, rewrite the headline, and build a form" worse and more expensively than four short requests in a row. And if something breaks, you'll know exactly which step did it.
• Think in Plan mode. A discussion costs 1 credit per message and doesn't break anything. Once the plan is clear, switch to building and write "do it according to the plan."
• Small fixes visually. Colors, spacing, and typos can be fixed with a click in the preview, with no message to the agent.
• Fill in Knowledge. The agent won't have to guess your tone and style, so there will be fewer redos.
• Point to the exact spot. "In the second block from the top, the third card" beats "somewhere down there." You can also select an element in the preview and write a task about it.
• Roll back instead of repairing. If an edit ruined things, go back to the previous version in the history. Three messages of "put it back the way it was" cost more than one click.
• Risky work goes in a draft. Try a big redesign in Drafts so the live site stays untouched.
• Prepare your copy in advance. Keep your reviews, your About text, and your prices in your notes. Pasting finished text is one edit. Writing it paragraph by paragraph with the agent is ten.

Section 11What else to build with Lovable: 8 ideas

A landing page is just the beginning. Here's what else you can build with the same approach, with a ready first sentence for each task:

It's convenient to draft the copy for these pages in a regular AI chat first – that saves your Lovable credits. To see which AI tools write the best sales copy and which ones make images for your site, check the roundup of the best AI tools of 2026, and if you'd rather skip subscriptions for now, the overview of free AI tools.

Section 12If something goes wrong

Section 137 beginner mistakes

1. A short first message

"A site for a coach" is a lottery. The six parts of the formula from Section 07 get you a solid result on the first try.

2. Leaving the AI copy as is

Clients can feel impersonal text. Your story, your wording, and real reviews sell better.

3. Skipping the phone view

Most visitors will come from mobile. Check every edit in both views.

4. Forgetting to test the form

The most painful mistake: ads are running, people are leaving their details, and the leads go nowhere. Send a test lead after every change to the form or the notifications.

5. Ten tasks in one message

Expensive, slow, and hard to tell what broke.

6. Keeping tokens in the page text

Keys, passwords, and webhook URLs belong in secrets, nowhere else.

7. Polishing forever before publishing

Publish the page once it's clear and the form works. It's easier to improve it while you're seeing real leads and real questions from clients.

Section 14The whole path in a minute

• Lovable is a browser service that builds a site from a chat description and publishes it to the internet.
• Free gives you 5 credits a day, up to 30 a month. A landing page is about 2 credits, an edit 0.5–1. Pro costs $25 a month for 100 credits.
• Since August 2026, one balance pays for building and for running the live site. If credits run out, the database and sign-in pause.
• Start: sign in with Google, build on Free, upgrade to Pro by card when you need a domain or more credits.
• Fill in Knowledge: who you are, your tone, your colors, "change only what I ask for."
• The first message follows the formula: who you are, who it's for, what you sell, the blocks, the target action, the style.
• Next: the first screen on a phone, your own copy, photos and reviews, a form with a database and a privacy notice, SEO, Publish.
• Leads: a Telegram bot from @BotFather, an email-sending service, or a Slack webhook, always stored as a secret, always tested.
• Savings: one task per message, discussion in Plan mode, small fixes visually, rollback instead of repair.