AI SaaS: 11 Steps to Captivate Your Dreams & Build Your Empire!

Alright fam, let’s break down how to build your own AI SaaS empire (we’re talking serious cheddar!), even if you think you can’t code. We’re going to turn your brilliant ideas into a money-printing machine using AI. Forget complex coding and expensive developer teams, we’re going to go from zero to hero using simple tools.

Level Up: Building Your AI SaaS Business (No-Code Style)

This isn’t your typical dry tutorial. We’re going from zero to “running your own AI SaaS business.” Think of AI like the magical ingredient that makes your subscription service irresistible. Ready? Let’s get this bread.

Jack’s Backstory: From Tech Building to Teaching YOU!

Before we dive into the juicy bits of building our own AI SaaS Business, let me tell you a quick background of Jack. He built a tech company prior with a subscription product that did multiple 6 figures, and also closed on a 7 figure deal with over 880,000 customers. He wants to cut through the complexity. Simplicity’s the name of the game.

The Big Picture: What We’re Building

We’re building an AI SaaS Business, and to deploy it, we want multiple bespoke AI applications on different pages of our website. This is all going to be behind a subscription income that allows customers to sign up and sign in. Think in terms of building individual AI applications on different pages, or building one product that has a lot of depth. We’ll design it to maximize sign-ups.

Example:Imagine a website that offers a body fat percentage tracker as its main product. Each customer can have a personalized dashboard they get to customize with their signup.

The Tech Stack: Our Weapons of Choice

Forget complicated code, we’re rocking no-code tools.

• Softer Studio: Think of this as a drag-and-drop database builder. It lets customers sign up. Integrates with things like air table, as well, and stripe.Think of Softer as the structure of your house. The building blocks for your house where customers come, sign up, and you can deploy multiple AI services. Not perfect, but really good for backbones, managing customers, and getting in there.

• Card: This will be our front end. This incredibly accessible website builder that is drag and drop. It’s cheap, simple, and configurable for more stylish layouts.

• Make.com: Our automation powerhouse! This is where the magic happens. We’re talking webhooks, AirTable integration – the works.

• ChatGPT: Our AI Brain. We can train on loads of data and do unlimited number of things. Simple or complex, it can be modified to your needs!

• Air table: This is Google Sheets on steroids. Excel spreadsheets, but a million times better. You can upload images to it, and allows you to keep track of all your customers and all of the conversations.

• Stripe: Payment processing software that is straightforward.

Action #1: Front-End Considerations

The marketing portion is missing here, but this can be touched on later with a bunch of good resources for scaling an AI business.

When thinking about the front page of your website, always get ideas from existing businesses and try to take elements from them.

Here are the things you want to focus on specifically: explaining what it is, social proof, explaining how it works, and a strong offer. We’ll leverage urgency and scarcity here!

Head over to Card (with 2 Rs) for a template! Select the one and configure it with test you want!

Action #2: Building your database with air table

Head over to Air table and build this beautiful database! In the bottom right corner, you’ll see “create”. Click for creating from scratch! This one for example will be called “AI PT”. A really cool and interesting business, and wanted to do something with the Vision idea.

Example:

Let’s use a fitness-based AI application that relies heavily on the “vision” functionality.

Here are two sections that you’ll want to add:

Customers – The purpose of this new client that signs up. This will all get added into this section!

Fields involved: Name, email, unique ID, membership (paying subscriber and not paying), create a time, and last modified time.

For the unique ID, use a formula with records. This will create a random ID for the new customer.

Client history – You’re looking to gather the email, the question that they have, an image, AI advice, body fat percentage, and the date.

Action #3: Softer Configuration

Softer is where you get to really start configuring how things work. Start off with new pages for free!

Here, let me help you learn how to work with the UI of softer.

On the left here, you’ll see Pages. Add a new page with the name and URL that’s easy and simple. On the right-hand side, you will see Theme for visual configurations. We can set things that we want here. On the “body”, choose an easy to read font like Monsterapp.

Another simple configuration would be to choose an Accent for the page which can be anything you want like pink or yellow. You have control over the roundness. Now just make things really configured.

Next, Sync with your data source by pointing into the database you’ve just had in air table just a while ago. This connects Softer with Air table, so whenever someone creates a new account, it’ll send the information to that wonderful database.

To configure: Click on the Application to sync with the Database. For Air table with Jack Roberts, come down and click AI – PT (select Customers as the tab you put people in).

From there, “map” email with email and the name like so. This allows them to easily connect within.

Let’s create a new AI Page!

You’re going to start by creating a new page (we’ll call this one “AI PT”, by the way) for various AI applications. It’ll essentially be so that whoever is paying a subscription, they get access!

Call this one “Body Fat” (we’ll use the burn emoji!)

Now, add the “Feature with Vertical Tab” to create something that is automated! This is where we could add text like “Track Your Body Fat the Smart Way” and “Upload Your Photos and Get Realtime Analysis.”

Remember! You can customize these bits on the side (such as images and image URLs). Set visibility to what the users you want see. Users that want to see details about a Body fat, it is not recommended that you show details to people that aren’t logged in.

Action #4: Integrating the AI Web App through Code

You’ll want to add a “code” for this section. In the blocks, you’re going to do a custom code block. This is critical to the process.

In this process, you’ll want to go to Claude. Give it a prompt like build an app in HTML. First thing to say here is, “Send information to this web hook”. Create a field to capture name, email, and anything more (such as feelings).

Afterwards make the website design amazing. Add confetti on submission!

In our actual automation though, we will need that specific web hook. Come down here and go for “Web hook.” Click “Custom web hook”, and let’s call this “Body Fat Percentage”.

I think we’ll use the fire emoji here to keep it together. Now copy the copy code that is generated into Claude. Make sure that the design is incorporated well. What you will see in our automation, is it’ll reach over and grab information from our database from air table.

Action #5: Build with Make (Computer Vision/Dashboard)

Next, what you will want to do is head over to this. You’re going to start with with “Computer Vision.” Then create your scenarios as you develop. If you haven’t seen Jack’s videos, please go check him out to have it be highly beneficial for you to see it.

You NEED to use the computer vision functionality to be used!

Action #6: Getting User submissions

When you’re here, what you want the user to do is have a way for them to submit information! Click add a block, and click form. You’re going to click on the “conditional form.” This lets you add conditional logic. In Settings, what do you want to do? We’re going to send it to Make!

Now, in the “web hook URL”, create it there. You’ll want to get that web code from the first step!

Essentially that what you’re doing is sending it from Softer to Make!

Action #7: Set up the questions

Head over to questions, and get the logic setup like so.
Submit the photo (with a thumbs up emoji)
Next, get your AI Feedback

As an example,

We’re going to use “Feelings”, “What the clients may be feeling (with eyes emoji)”, and then the rest of the week that was (dot dot dot dot).

Add a “File” button to that to get and receive their photo! You’re going to use “Physique” together.

In the mapping, what you will want to do is put the question, the eClient as a question. This will be a question from the client so that it is easier on the other side! Set visibility to a “publish update.”

This will set all things up!

Come back to the automation and do what you want, and you should be set up, such as this for example with a basic email, and questions in the settings.

Bonus Information: Get HTTP

When in Air table, you want to get the file that has just grabbed through in the web hook. In the file URL, you should see a lot of images for whatever thing it is. The next thing you will do is get vision AI, and keep it simple for the analysis.

Add “Analyze image vision!” with a prompt!

Now, you’re going to want to give it the image to come. Let’s come here and give it the image URL here like so! We want “GBP 4 Turbo” at that point.

Afterwards, the goal is to separate out the body fat percentage from the AI advice. In short, we will be using Json for the “JSON PARSER”. Then you can input what you want to do at the end.

Action #8: Air table record

Add an “Air Table” module to create a Record!

In our second tab, we had “customers” – here’s a client history, with what they say and data. It also shows and stores in Air Table. We can pull those tabs for analysis.

You’ll pull their email in, question, give an image, and then finally you’re done.

Action #9: Designing the Page

In this instance by the way, you always want the “web Hook” to be the “first one”. Essentially, what’s happening is the data that’s sent backs is presented. If it’s not showing, always say it (it means it isn’t working).

And now, you basically built your entire page successfully!

Next, you need to do two more things:

• Computer Vision
• Add an “AI Graph” for the application.

Action #10: Pulling data for individuals

Head over to the “client history”, what you need to do now is have the ability for users to all see their history!
Add it into a visually engaging way!
To pull the data from Air Table, you can:
Air Table → AI PT → Select the tab where your data exists at.

• Have “Condition” activated to only see people that are logged in with a email! Make sure only the appropriate individuals are allowed.

Under “tags”, start chipping and “chopping” the data so that you can easily configure the UI into the way that you best see fit.

Action #11: Visibility and Final Touches

When adding visual touches, what you should do is configure what exactly you prefer. It should have horizontal elements, be in mobile as well, and things as good visibility as possible.

Always have sections to where you can easily see a welcome message, a preview of something cool, or etc.

The point here is to get people to upgrade! If you haven’t seen this, comment down below, and Jack will be sure to cover. Add the stripe module in the upgrades page! The customizability of this is insane!

In short: You are replacing full time coders with this stuff. Integrate stripe quickly.

Finally, what you want to do at the end of the day, is add people.

How AI SaaS Business Improves Everyday Life

It’s worth remembering during development that the technology improves lives by streamlining processes for everyone that uses it – while creating an additional income stream for you at the same time.

Final Advice

Rome wasn’t built in a day right? These things take time, and they take a lot of time. Success happens in small increments when done right! Be confident in the things that you can do!

You Do You

Listen, this blueprint’s a map, not a prison! It shows you the territory, the challenges, the sweet spots. But the real magic happens when YOU start adding your personality, your “sauce,” to the mix. The AI world craves authenticity. 🥂