How to create a landing page with AI (Lovable, Bolt, or Claude Code)

There are three main options for creating a landing page with AI in 2026:

Tool	For whom	Free plan
Lovable (lovable.dev)	Complete beginners	5 credits/day (30/mo)
Bolt.new (bolt.new)	With some technical experience	Limited tokens
Claude Code (claude.ai)	Claude Pro or Max users	Requires paid plan

For this guide we’ll use Lovable, because it’s the friendliest option for those who have never coded. The steps are very similar in Bolt.new.

If you prefer Claude Code, we have a dedicated tutorial: From zero to your first web page with Claude Code.

1. Go to https://lovable.dev and click Get started.
2. Sign up with your Google account or email.
3. Choose the Free plan (you can upgrade later).
4. You’ll see the editor: a chat on the left and a page preview on the right.

Lovable gives you 5 credits per day on the free plan, and each change you request uses one. For a simple landing page it’s more than enough to get started. Confirm current limits on their official page.

This is the most important step: the more detailed your prompt, the better the result.

1. In the Lovable chat, write a complete description. Use this template as a guide:

Create a landing page for [your product or service].
The target audience is [describe your audience].
The page should have:
- Main headline: "[write your headline here]"
- Subtitle with the main value proposition
- A section with 3 key benefits
- A testimonials or social proof section
- Call-to-action button: "[your CTA]"
Colors: [your colors or preferred style].
Tone: [professional / friendly / urgent / etc.].

Real example:

Create a landing page for a beginner online photography course.
The audience is adults 25-45 with no technical experience.
The page should have: headline "Learn to photograph what you love", subtitle,
3 course benefits, pricing (basic $49 / pro $99) and a "Start today" button.
Dark colors with orange accent. Motivating tone.

2. Press Enter and watch Lovable build the page in seconds.

Lovable works like a conversation: you can request changes in natural language without touching the code.

Examples of instructions you can give:

• “Change the main button color to green”
• “Add a FAQ section with 4 questions”
• “The title is too long, make it shorter and more direct”
• “Add a form to capture emails before the footer”
• “Make the page look good on mobile”
• “Add an SEO meta description with the phrase ‘photography course for beginners’”

Each instruction uses a credit. Be precise to make the most of free plan credits.

Tip: if you want to edit page text directly, Lovable lets you click on elements in the preview to edit them.

When your page is ready:

1. Click the Publish button in the top right corner of the editor.
2. Lovable gives you a free subdomain like your-project.lovable.app.
3. Share that URL: your landing page is now on the internet and anyone can view it.

To connect your own domain (e.g., myproduct.com), Lovable allows this on paid plans. Another option is to export the code and publish it for free on Vercel, where you can also connect your domain at no cost: we have the full tutorial at Publish your web for free on Vercel.

If you don’t know where to start or want to save credits, Lovable offers example projects:

1. On Lovable’s initial screen, look for the Examples or Templates section.
2. Choose the example that most closely matches what you need.
3. Customize it through chat: change text, colors, and sections.

Starting from an example saves credits because you don’t build everything from scratch.

If you want to go beyond landing pages and create apps or more complex projects, see the tutorial How to create an application with artificial intelligence.

Problem	Fix
The page doesn’t look good on mobile	Ask Lovable: “Make the design responsive for mobile”
I ran out of credits	Wait until the next day (they reset) or upgrade to a paid plan
The result doesn’t look like what I asked for	Be more specific in the prompt; include details about colors, sections, and tone
I want to edit the code directly	Lovable has a code editing mode; or export to GitHub from the menu
I can’t find the publish button	The Publish button is in the top right corner of the editor
The page text is in Spanish but I want English	Specify in your prompt: “Entire page in English”