Blog

Tutorial · March 15, 2026 · 5 min read

How to build a SaaS website with AI

How to build the marketing site for your SaaS product with AI: what it needs, a prompt to adapt, how to refine and publish it, and what the site cannot do.

Updated September 25, 2026

You are building a SaaS product, and the marketing website keeps slipping down the list. But it is where people find you, understand what you do and decide to sign up. An AI website builder gets you a solid first version quickly, so your time goes into the product and the message.

This guide uses frascati, our own AI website builder. One thing to know up front: frascati builds the marketing website, not the app itself. Sign-up and login stay in your product, and the website links to them.

What every SaaS website needs

Before you write the prompt, be clear about what turns a visitor into a sign-up:

  • A clear first screen: what the product does, for whom, and one button, such as “Start your trial”, that links to your app's sign-up page.
  • What it does: three to six features, each with a short heading and one sentence about what the user gets.
  • A real screenshot: upload an image of your product so people see what they are signing up for.
  • Proof you can back up: quotes from real customers with their permission, or case studies. Leave this out until you have it.
  • Pricing: your real plans and what each includes, with the one you recommend marked.
  • Questions and answers: the doubts people have before they sign up, answered plainly.
  • A footer with legal pages, contact details and support. For businesses in German-speaking countries, frascati adds Impressum and Datenschutz pages with the required headings and [placeholders].

Step 1: write your first prompt

Describe your product, your audience and the pages you need. Here is a template to adapt:

Prompt
“A website for [product name], [one sentence on what it does] for [who it is for]. Pages: home, features, pricing, questions and answers, and contact. On the home page: a headline about [the main benefit], the product screenshot I uploaded, how it works in three steps, and a button ‘Start your trial’ that links to [your sign-up address]. Pricing: [your plans and prices]. Light design with [your brand colour] as the accent.”

Fill in the brackets with your real details. Anything you leave out, such as prices or customer names, comes back as a visible [placeholder] instead of an invented figure.

Step 2: refine the design

The first version takes about two minutes. Then refine it in the chat. You do not start over; you improve what is there:

  • “Make the first screen calmer: a headline, one sentence and one button.”
  • “Put the three steps before the features.”
  • “Mark the Team plan as recommended.”
  • “Use our brand green #2f6f4f as the accent colour.”
  • “Switch to a dark design.”

Every change is saved as a version, so you can try an idea and go back.

Step 3: add what helps people decide

Now make it easier to say yes. Ask for things that help visitors decide, and keep them honest:

  • A button on every page that says what happens, such as “Start your trial” or “Book a demo”, linking to your app or your calendar tool.
  • Real proof: paste quotes from customers who agreed to be named, or link to a case study.
  • A clear comparison of your own plans, so people can choose without writing to you.
  • Answers to the questions that hold people back, such as how long setup takes, whether they can export their data and how to cancel.
  • A contact form for sales questions. Messages are saved with your project and emailed to you.

Leave out tricks such as invented scarcity (“only 3 spots left”), countdowns and made-up numbers. They cost trust as soon as people notice.

Step 4: publish and launch

Click publish and your site is online at a frascati address. With Pro and Business you can set the title and description of the site yourself, which search engines can show in their results, and connect your own domain, such as yourproduct.com: frascati shows the DNS records to set at your domain provider.

The Visitors view counts the views of your published site, and with Pro and Business you also see a daily chart and where visitors came from. To update the site later, change it and publish again.

SaaS website prompts to adapt

Three starting points for different kinds of SaaS products. Replace the names and details with yours:

  • Project management: “A website for TaskFlow, a project planner for remote teams of 5 to 50 people. Pages: home, features (tasks, timeline, team chat, integrations, reports, mobile app), pricing with our three plans, questions and answers, and contact. Use the board screenshot I uploaded on the home page. Light design with a blue accent.”
  • Reporting: “A website for InsightHQ, a sales reporting tool for small online shops. Headline about knowing where your sales come from. Pages: home, how it works, pricing, questions and answers, and contact. Dark design with a green accent.”
  • Email newsletters: “A website for MailForge, a newsletter tool for local businesses. Pages: home, features (editor, templates, scheduling, reports), pricing with our three plans, two case studies and contact. Warm and friendly, with an orange accent.”
How long does it take to build a SaaS website with AI?
With frascati, the first version takes about two minutes. How long you then spend depends on how many changes you make and how quickly you have your content ready: screenshots, prices and real customer quotes.
Can the website handle sign-ups and payments?
Sign-ups, no: frascati builds the marketing website, not your app, and has no user logins. Payments, yes: buy buttons and subscriptions can run through your own Stripe account. If your app has to unlock features after a payment, link the buttons to your app's sign-up and checkout pages instead. With Pro and Business you can also download the full source code for a developer to extend.
Will it look professional enough for business customers?
That depends more on your content than on the tool. frascati writes plain, specific copy, uses one or two fonts that fit your product, and leaves placeholders where facts are missing. Fill them with real screenshots, prices and quotes, and the site shows what it is: a real product.
Can I add a blog or documentation?
Yes, as pages. Ask in the chat for a blog page, a documentation page or a changelog. There is no blog CMS: to add a new article later, you ask for it in the chat and publish again.

Your website, about two minutes from now

3 days free with a card, then from $12 a month. The plan starts automatically unless you cancel.

Start free trial