How to Build a Landing Page with AI

Why This Matters

The AI Landing Page Builder turns a description into a designed landing page. You say what the page is for, watch it build, and shape it by talking to it. When the structure is right, you save it into the editor to finish.

The result is a real landing page that captures leads into your CRM like any other page you build.

Before You Begin

Know what the page is supposed to do. A page that captures leads for a free consultation looks nothing like a thank you page, and the AI needs you to say which one you want.

You also need available AI credits. Your balance is shown in the top right corner of the Builder.

Step-by-Step Instructions

Step 1: Open the Builder

Go to AI, then AI Builders, then AI Landing Page Builder. You can also click Build with AI on the Landing Pages list page.

If you have worked in the Builder before, click Continue a recent page session to pick up where you left off, or start fresh.

Step 2: Describe Your Page

Click one of the example prompts, or type your own description in the message box.

Say what the page is for, what sections it needs, and what you want visitors to do. Something like "Make a services page with three highlights, a few client testimonials, and a contact form" gives the AI enough to build from. "Make me a landing page" does not.

The AI builds your page and shows it in the preview panel, along with a note about what it made.

Step 3: Refine It

Keep talking to the Builder. Ask it to add a video introduction, include a team bio section, add a closing call to action button, or restyle the whole thing. Each message reworks the current version rather than starting over.

After each round the Builder suggests follow-up ideas you can click. It may also show a suggestions panel pointing out things that still need your attention, such as a testimonial that still has a fill-in name where a real customer's name belongs.

Toggle between Desktop, Tablet, and Mobile above the preview to check the page at different sizes. Use Undo to step back a change, or Clear to abandon everything and start over.

Focus on the shape of the page here: the sections, their order, and the overall look. Leave the exact wording and the real photos for the editor.

Step 4: Save and Open in the Editor

When the structure is right, click Save & Open in Editor. Name your page and choose a folder.

New AI generated pages are saved Offline, which means nobody can see them yet. You can switch the page to Live right there in the save window, or leave it Offline and switch it later from the Landing Page settings.

Your page then opens in the full landing page editor. This is where you replace the placeholder images with your real photos, tighten the copy, and get the page ready for visitors.

💡 Saving is a one way door. Once your page is in the editor, you cannot return to the AI Builder for it. Do all your structural changes with the AI first, because after you save, everything is done by hand.

Step 5: Publish It

When the page is finished and you are ready for visitors, switch it to Live.

Until then it stays Offline, and the Landing Pages list shows an Offline badge next to its name so you can see at a glance what is published and what is not.

Questions and Answers

Q: The preview has grey boxes where the images should be. Why?

A: Those are placeholders. The Builder is working out the layout, not choosing your photos. Replace them with your real images once the page opens in the editor.

Q: Is my page live as soon as I save it?

A: No. AI generated pages are saved Offline. Nobody can see the page until you switch it to Live, either in the save window or later from the Landing Page settings.

Q: Can I get back into the Builder after I save?

A: No. Saving hands the page over to the editor, and that is where you finish it. Anything structural should be settled before you save.

Q: What is the suggestions panel telling me?

A: It flags things the AI left for you to fill in, most often placeholder text where real details belong. A testimonial with a fill-in customer name is the common one. Fix these in the editor, or remove the section if you do not have real content for it yet.

Q: The preview does not look exactly like the final page. Is that normal?

A: Yes. The preview is close but approximate. Save the page to see exactly how it will look.

Q: Can I keep working on something I started yesterday?

A: Yes. Click Recent to see your last ten page sessions and open any of them to continue.

Guide Type: How-To Guide

Estimated Time: 5 minutes