How to Build an AI SaaS… that prints money

11.7k views16355 WordsCopy TextShare
Jack Roberts
🚀 My Skool Community (ALL Resources) https://www.skool.com/ai-automations-by-jack-4235 🔥 Softr* h...
Video Transcript:
in this video I'm going to show you step by step how you can build and deploy an AI SAS company that you can then use and actually create thousands of dollars in subscription income I'm going to show you how you do everything step by step terms of my background I built a tech company before a SAS product um you know we've done multiple six figures I did a seven figure deal in fact and also had over 880,000 customers but what I want to do with this one is try to help you go from zero to
hero and keep it as simple as possible and I'll show you exactly how you build this entire thing step by step and in this video I'm going to show you how you can deploy loads multiple in fact to bespoke AI applications any ideas that you've got like this one for example is a body fat percentage tracker and we could have all these different bespoke air applications on different pages of our website all behind a subscription income that we get from customers now the way that I like to kind of think about it is that like
I'll show you how you could build these individual a applications on either multiple different pages or build one in a lot of dep I'll show you how we're going to design it to get signups I'll show you the back end and the database that we're going to be using as well as how we're actually going to use this to generate and get subscription income and create those products my name is Jack my YouTube channel and my school Community are all about three things we're about the latest AI we're about incredible automations but most importantly we
are about the stuff that actually works so if you haven't already grab that coffee and let's dive straight in and before we get started I just want to call out somebody in my community who's an absolute Superstar no I'll share this video down below where he shares his Tech stack and how he developed his he's done something slightly different I think that could be a value to you so I'll put link down below it's really worth checking out and kind of help me Inspire actually how I laid this out to make it as visually interesting
as possible now what I'm going to do I want to start a big picture because I'm not a coded by a Trader I don't code so I want to give you the kind of framework to understand what we're doing and then once I've given you the framework what we're going to do is there's AI Jack Superman with his AI sass sign we're just going to work through it step by step so at the end of it you'll have everything you need to build your own bespoke application and the opportunities for this are simply ridiculous so
so what are we using and why so what this is missing is the marketing bit at the front end but we can touch on that later and we've got some interesting resources and stuff like that in the community for how you scale an AI business from not doing anything to making some good income so software side we're going to use two pieces of software one of them is this thing here called the softer Studio not softer essentially think of it like it's like a drag and drop database that enables customers to sign up it enables
us to integrate with things like air table which is like an Excel spreadsheet it en us to integrate databases and stripe and lots of other pieces of software think of it as like the structure of the house the building blocks for our house this is what's basically where the customer going to come they're going to sign up and we can deploy within software multiple different uh AI either services or different pages or we could have one product we can build as many pages as we like it isn't as configurable as an incredible website you could
build in like card or WordPress but it is incredible for the backbones and managing the customers and getting in there so we're going to do the front end with that with with softer what I'm going to do throw on top of that is another layer which is card so card is this incredibly like incredibly accessible website build it's drag and drop it's like 10 bucks or 12 bucks for the year or something extortionately simple and really cheap like that maybe 50 bucks actually yeah it's like 50 bucks to you but the point is you can
use this as our front end something Jazzy something stylish more configurations we can use that as a front end get them in and then they can come and join our kind of our soft application to get it nailed not necessary but I'll just show it you so you've got those tools in your toolkit if you would like to use them and then for automation this is where the magic happens in make.com which is our noode automation um platform so for example we're going to be using web hooks we're going to be integrating with air table
this is going to be really interesting module and I'm going to show you two different ones that we've got here for example the the the example I'm going to show you is a physique analysis so for the purposes of this video we're going to build a AI image Vision kind of software that essentially what will happen is you will give it let's say a photo of your physique okay and what the AI will do is Analyze That physique and then tell you what it perceives to be your body fat percentage and we're going to give
the users a dashboard here these are just sample images by the way that I I threw in there and we can track then your body fat percentage as you go through so think of this is like an AIP and on top of that what we can also do is enter our email and get different data and get that kind kind a dynamic graph of how we're tracking and we can also upload our images how we're feeling this week and then get a unique dashboard based on our progress photo so clients can actually see everything they've
uploaded this is just an example but you could use this for interior design essentially guys we can give to the user a bspoke like you know basically a kind of repertoire of all the stuff we've uploaded and give them unique AI applications based on what they want which I think is pretty epic and hopefully you can see like the number of possibilities with that technology wise going to use chat GPT so that's going to be the kind of brain of our operations we can make that as complex or as simple as we like the reality
is most people think it's a lot more complex than it actually is but this is going to be our brains we could train out loads of data we could do you know literally unlimited number of things if you've been around the channel you you'll have a good idea of the stuff we can do for storage we need a database which is going to be air table not air table obviously as I always say Google Sheets on steroids uh if you're not familiar with it it's like Excel but a million times better we can upload images
to it uh this this is basically where we're going to keep track of all the customers that we have and all of the conversations they have with us throughout the course of the hopefully long and wonderfully enjoyable subscription with this AIP business that we're developing and finally guys strive it's like the one of the biggest payment processes it's pretty straightforward and pretty Ace now let's go through this step by step and I've tried to let it out in a way that is simple now you can get really complicated with this but I think I'd rather
get you started get you up and running and then we can add further complexity onto it now I won't spend too much time on the sexy front end there's many options for this but when you're thinking about the front page of your website because ultimately all of this is in service off getting you more income or improving your business there's typically four key things that you want to do with the website the first one is explain what it is explain what it is in simple terms so people can actually get what it's about we want
to have we want to if we can have social proof so here's Billy Boo the same situation as you they've smashed it now it's all going well explain how it works and make an offer so good that they would feel stupid saying though that they will really want to click will leverage urgency and scarcity to do that so if you head over to card with 2 RS this is just like a template that I chose you can literally go through find the ones that you want there's so many great examples of websites that are crushing
it this step is optional it just depends if you want something more configurable you want to try different things out it's completely your call so you go over to card.co I'll put description all the links in the description down below so you can select it enil it pick one that you like you open it up and then it's super super easy to configure you can change the text you can change loads of different aspects of the website so this one's optional you can go straight to soft if you want to but this is just if
you want more configurability it's there and it's ready to go so cool we'll say that card tick complete we love it now we're going to start off with the database and air table for this so how do we do that let's get over to a table and build out this beautiful uh this beautiful database we come down to the bottom left we going hit create and we're going to start from scratch so we'll call this one the AI PT which by the way I I actually you know I made this cuz think what would be
a really cool interesting business and I wanted to do something that really lent on Vision because I think vision is really underutilized as a business idea I've also pulled together a list of like 50 different ideas you could do if you're thinking of sasses I'll put a link Down Below in the description so you can grab that if you're thinking of different ideas so we've got the AIP now the question is what Fields do we need for this so I've got the one I made earlier so we're going to have two tabs the first one
is going to be called customers okay now this is going to be when we get a new client a new signup of which I'm sure there'll be many for your fledging wonderful business they'll all get added into this section which is excellent so let's see what Fields we're going to want we want the name the email and a unique ID okay awesome so we got name wonderful we'll put a little uh Little Wave there we'll come on here we going to go for email and then we want to create unique ID so put unique ID
here for this we're going to come to user want to type in formula and then we're just going to type in record ID and this will create like a random ID for us so we'll have a unique identifier for every customer to create and now you have that you can use it in multiple parts of the scenario again millions of ways that you can do this and then we want to get membership so call this one membership like so we'll call this one paying subscriber like so and should good a little cash Emoji for good
thing and then we'll have free if they're not paying their membership fees which I'm sure they will do for your beautiful business and then we're just going to add two more fields one is going to be date excuse me uh create a Time awesome and then finally just add last modified time like so cool awesome so this is going to be table one and then next one we're going to add then is up here start from scratch the second one we're going to call is client history like so let's come back over beautiful and obviously
guys you can configure these are things that you want that you'll need with your particular thing but there's some that will be universally helpful across every single one so we got email the question and phys image so for instance okay um I'm I've set this up in a way that look I want them to submit an image so what I've said here is I've got the question this could be for example if let's say you want your client to be able to in your dashboard say hey Jack um how do I do ABC or like
could you do this so Bas think about what you want the user input to be for me it's about because it's an IP it's like how has your week been and then also show me a physique update so for example from that we could then use that to inform a greater like AI Strate for that individual so I've just called this question and physique image so we'll put question down here with a question here but again this will be just different based on whatever your particular SAS idea is and then we'll just say physique image
and then let's just put maybe like a strong I don't know like a nice strong thing there cool and then we want this one to be attachment so then we can actually see the image within the air table and also just makes it easier when linking back up and then we've got AI advice body fat percentage and then the day cool all right so let's go for AI advice this is going to be what our beautiful automation says cool and then we're going to add another one in there this one's going to be body fat
percentage again guys this is just this is just one random idea obviously you can kind of like do this in a million different ways um awesome long text that's fine and our last column is going to be created time like so beautiful and you have officially created your very first database as part of this automation insane so we can head back over to our beautiful list now we built the database incredible now the next thing you want to do is head over to softer okay let's head over there now so we arrive on softer cool
so let's start off with you'll create a page for free I'm just going to log in because I've got it I've got a few different apps here so let's create a new app and we'll start from scratch we come over here and let's pick the ones that we need so let's get rid of these um yes want use a profile sign in sign up reset and forgot password will be important and then the homepage that's cool and then click on create application also by the way guys I sound a bit funny it's a dentist this
morning so like half my face was numb I was like drinking and water was falling out one side so I was like oh my goodness this is crazy so let me just help you with the UI of this and know what this looks like okay so looks a bit complicated it's actually really straightforward when you spend five minutes with it so on the left we have Pages this is every page in your application to add a new page it's as simple as clicking this add new page button like so giving it a name like boom
URL is boom and all of a sudden guys boom is now there and that could be that's how you build Pages really really straightforward and you can delete it like that that straightforward we've got the theme so we can set things that we want now we're not Savages so we're not going to be using inter we're going to be using Monster app and dude immediately this website just got twice as successful going to body that's also go for monster at just little things like you little things like font make a huge difference accent I quite
like uh I think pink is quite in for this at the moment so let's just go for a nice beautiful shiny pink or we could do yellow actually we'll do pink pink is perfect all right sweet so we find nice beautiful ping that's fine come off that that's Ace you can put the Sid the roundness you can basically decide all these little bits and pieces and then we click save like that how cool is that and you can follow this little guide on the right hand side if you want to I might be obscuring it
with my Rainbow Road but you kind of get the idea users is how we create user groups and we're going to sync it with a data source in a second so you can check out what that looks like and then we've got settings at the bottom where we can track in loads of different things like Integrations and add lots of bits and pieces now what we're going to do is basically sync this with our data source so what this will do now you see that database that you just created in air table right let me
come back over and show you where are we the aipt let me let me pin this other one here now let's create a couple of random people okay let's go for Jason Bourne okay we love a good Jason Bourne we'll call him GB at outlook.com next one we'll call Matt flowers who are these people who are these people I have no idea Matt flowers outlook.com do you know what's really exciting about this automation guys is the AI application side of it like because it gives you the structure right um so go this one Sarah and
Sarah an oh my goodness Sarah an okay we go and call this one Sarah an and this one can be from Gmail just for some diversity and some interesting aspects cool so we've got these different emails here so what we're going to do is sync it with our application so whenever somebody creates now an account on our new and beautiful website so I'm going to publish this very even though we're not even ready yet I'm publishing it I'm just going to jump there you go confetti you know I love my confetti I love my confetti
open a new tab now check this out guys uh I come to sign up now whenever somebody comes on here and look how clean this is guys you'd have to pay Developers for this sort of stuff but it's available for free like you've just replaced front full stack backend front- end developers designers uh prompt Engineers everything it's insane how valuable this is so whenever somebody completes this form at the front what that will do is then send the information over to a wonderful and beautiful database right there that's what the sync option does that's how
it connects think of softer and air table connecting together this is basically basically how they link up together this is going to fire over to our beautiful uh air table now I just want to make this point because some of you will know this but I just want to give you the conceptual framework of how this work so look sync with data source we pick our source air table for Jack Roberts come down let's what do we call this one we call this one the AIP right beautiful we love that and then it should let
us choose the one that we want it's going to be customers of the tab that you put your people in there and look look at this guys map user Fields look map email perfect name awesome and then there's other options of things that you can do and blah blah blah it's all really cool and then we click save and sync okay so let's just test that this has worked so publish the changes let's go and preview it so let's say we want to sign up now don't worry about the logic of a look of it
just yet if I say hey it's Bingbing 77 outlook.com password is random Bing Bong I agreed for the terms and conditions and I sign up okay now if this has worked successfully we should see this record in air table so let's see what's happened we don't need to save these fake details let's go over to the AIP and guys almost by Magic Bing Bong 77 has appeared in our database which is awesome and cool so you've now connected together your database and you're kind of like application which I think is really cool uh and pretty
sick actually so we've done that we've designed it now what we want to do realistically is there's some bit there's bits of work that we need to do on the homepage there's bits of logic we need to set up but what I want to start with is the creation of our new page so and it come down to add new page now for the purposes of this the way I want this to work is this is the AIP so the AIP has got several little AI applications which when you're paying the subscription you get access
to so we're going to call this one body fat uh and we'll call this one burn just because it's a burn Emoji like so and then we click save so this is our new body fat uh page okay so what we want to do is just add a little bit of color to it to make it simple so on the right hand side we've got all these different blocks so they'll do different various different things so payment for example if you want enable to pay on this page but we'll do that on a different page
so I want to click on static okay we can look at hero and we've got all these different options here of things that we want these ones are more suited for a kind of you know they're kind of more suited for a homepage if I'm honest with you realistically the one that I wanted to use is this feature with product I think where is it actually it is this one here feature with vertical tab so we add that in and look at this of automation guys it sys across nicely so let's just alter some of
the text bit say hey your AI let just say track your body fat the smart way awesome and then just says Hey upload your photos and get real time analysis awesome okay beautiful and obviously guys what we can do is customize these bits on the side we can customize images image URLs all this sort of stuff is very configurable um what I would also say is on the style section you can change padding and all this beautiful stuff and just make it as interesting as you want to and then for every think of these the
way that softer works is in these blocks so you'll pick a block and crucially what you can do is set the visibility of that block so you can say I only want this to be visible for people who are logged in or visible for people that are not logged in so say for example not signed up yet does it make sense that I can check all the details a body fight it probably doesn't right so we can say no I only want this to be viewable by logged in users you can also create user groups
so when someone signs up and they've got a subscription I can then also have here and I'll show I will show you to do this in video so it says look only show this to people that are paying so we can actually lock off certain parts of our website for paying users now I hoping this makes sense and don't worry if you still got questions we're more than like I more than likely going to get to them so you know you're doing a great job at this stage so don't worry about it well the first
thing that I want us to do here okay is to enable the user to see some information about the photos that they've uploaded previously now I'll do that when we build the automation but what I want to show you initially is going to be the AI application itself and how you can design these incredible AI applications if you haven't seen my video on that by the way please go and check that out because if you haven't it will be so valuable for you to see how that works okay so what do we do let's say
we add a new blog and what you're going to search for guys is code like so and I'm going to do a custom code block D what is the custom code block well I'm going to show you how you build these and I'm going to show you the one that I built earlier so we're going to head over to Claude but before we do that let's take off our progress set theme C page we only got a couple more three more steps and you're basically Rock and rolling so Cloe let's go over there and build
an example so you would give clae a prompt like this like hey build uh me an app in HTML that does the following okay first thing I to say is send information to to this web hug now what I want you to do at this stage is open a make scenario by the way guys if you want the full blueprint so that all you ever have to do is come down click more click import blueprint you basically select the file click save and the entire automation populates for you straight away everything's available Down Below in
school community so you can plug and play we're also going to build it together step by step so you going have to do that but if you want to save time and get all the other resources and benefits it's there for you so I want to do for the first one guys is call this body fat percentage okay so let's just use a fire Emoji so we don't get confused with it and then scenario one let call this one one out of two like this okay what I need you to do when you're building a
web app is essentially what we're saying is look we've got the web page which I'll show my old design for just to illustrate this okay now for this to work what's going to happen is we have our website okay on softer now it's basically going to link up to our make scenario like so okay and make is going to reach over and grab information from our database in air table and then finds that data it's going to bring it straight back and display it for us in a beautiful you know design like this and we're
going to get only going to get the data that's relevant for that particular user how cool is that so you could have like a thousand records but I only want it for like Tom Jefferson or whatever his name is and this will pull back his specific results so we know on day one he was 22.5% but by day eight he was 21.33% so Tom gets to basically view his own unique uh body fat percentages all that to say to simplify it we've got an application that can reach over to a database grab the data for
the user and bring it back now what it does is only limited by your imagination so to do this though we've got this scenario now what we need to do is kick off with a web hook okay so come down here we're going to go for web hook like so and I just want to show you briefly how these applications work and then you can kind of get the idea of okay so the custom web hook we'll call this one we'll add this one we'll call this one let's go for beef body fat percentage and
we'll call this one on one out of two with Build Together in capital letters in the background and guys where are we without our fire emojy I don't think we're anywhere without our fire emojy we click save and now we've been given this web hook okay all you do is copy it all right let's go back to Claude and just basically this is how you're going to build your web app you're going to say look send information to this web hug and just say I want you to let's say create a field that it captures
name email and feelings I don't know um monserat um confetti on submission uh make my design amazing and what we can also do guys if you want to is we can give it like random images so just so like I don't know nice dashboard design I mean I'm just I'm free balling here guys I'm like I'm like the rapping version of free balling over here so let say nice dashboard design let's say we like the look at that for example we come over uh let's just screen shot that like so I mean this is literally
why it's so cool cuz it's not even just simple functions it's like whatever you want however you want it so I copy that I come back over with the clae I'll say um follow actually let's just say let's just say this right base it off the below design all right and then hit enter that will load to clae we hit enter and then clae will basically develop for us a bespoke uh web application code without using any specific code which is awesome so clae is generating one little tidbit I will say is if Claude is
misbehaving which it has been doing very recently just use chat GPT like it's absolutely fine sometimes Claude gets a little bit uh a little bit precious about its code so Luke sh your feelings name email design now I don't like the look of that just say hey the design is a bit lame please incorporate more I don't know uh fancy elements like the um shown photo I don't know I've misspelled a million things in this but this is just I'm favoring speed over accuracy here add complexity and depth beautiful okay I mean this is just
to show you but even I I get pulled back by in by the design way too much I get I I have to I have to pull myself back a little bit I been AG is doing this I did not my last video on LinkedIn I spent like an hour getting like the gradients right and making sure it was specific where it needed to be so um I put a high emphasis on that I also think you're looking at your sass design and positioning matter they really most businesses most websites their Design's not great like
their user journey is not great if you just hit the basics do the ABCs and make it look good it just they'll just infer all these other incredibly positive qualities about your brand so I'd say it's worth doing that oh my gosh the defi lab this has gone way out of control what I'm going to do I'm just going to copy the other one because this is kind of irrelevant we're off on a tangent if we were to keep on having that conversation so you copy the code come back over then to our beautiful website
that we devel helping we've got a custom code you pop it in the right hand side like that okay now this is misbehaving a little bit but I just want to show you that's basically how it works so for the purposes of speed I come back over here to our previous one like so I'm going to copy all this code I'm going to come back over to our website here in that instance by the way if the code was misbehaving and it wasn't visible just go back over to CL and say hey it's changing the
design of the page or it isn't working and Claude will then change the code you can also say place it in a container use that language if you find it it's interfering with the website but often times it's fine and body to track it is fine what we now want to do is change the web hook that this is using so let's go back over to our initial design let's copy dress with clipboard come back over now to this I'm going to contrl F Type in eu2 um let's have a look here we go and
let's copy all this thing here and delete and paste this one in and I think that's good and just make sure there's no other reference to that and there is not cool sweet and then publish which is fine like so now let's preview the page opens up to new tab we come down we've got body fat percentage tracker which is absolutely fine so what do we do now this isn't going to show anything but we will see if it's successful um this will say determined structure so all we're testing right now is that the information
has been sent by the web hook so let's go to this part of the page type an email let's just call Jason born.com show me the magic and do we have that that's come through through hold on a sec run once come back oh my goodness let's refresh the page Jason Bourne awesome and would you believe it guys Jason Bourne's come through so think about that any data you want it's going to go from here straight back over there so what you've done is you've got an application that will take the data and spring it
straight back over and when we build this automation out what you'll find is that we can send data back once we access our database so you have web hug right web hook response and then in between these two things is air table so we web hook comes in request data we grab it from Air table and then we send it straight back over so the user can actually observe it and use it guys I'll also put the code down for this body fat percentage tracker for you if you want to just so that you can
use this as a basis with your conversation with claw just to help you get there a little bit faster so I'll put that down below in the description for you as well now let's have a look at this so we built our AI web app which we've just like done we've added it into softer so basically we've now got softer we've got AI web app we've not done all the finalities with the design pages and stuff but we want to do the automation bit and then we'll kind of dot our eyes and cross our tees
now we need to design essentially two things in make a computer vision dashboard and an AI graph application so what am I talking about with that so scenario 2 okay is just how we in our scenario grab the information and bring it back and then scenario one is basically just this function so if I show you in this one this is scenario um this is scenario one how we can have this form at the bottom give an email give an image and some feelings and upload something and it come back and present here that's scenario
one and scenario two is going to be our cool funny web app App application awesome so let's actually begin with the make scenario so we're going to come over here this one is our body fat percentage so we're going to start off with this other scenario Okay cool so this one we're going to call computer vision okay we call this one 2 off two with a beautiful fire Emoji now if I come back over to our Design This Is Awesome what we need to do really is have a way for the user to submit information
wouldn't you agree so let's just add a block and what I want you to do on the right hand side is come down to form like so and we're going to click on we're going to click on conditional form now conditional form will let you add conditional logic which is handy I kind of just prefer the design of it so if I come down here for example let's just customizes slightly so it's com out to settings what do we want let's have a look we want the questions so let's have a look where would you
like to send the response we want to send the response to make awesome and that it's asking for a web hook URL Okay cool so let's make the web hook URL come to web hook go down to uh custom web hook here and we'll call this one here uh we'll call this one the body fat uh percentage uh and image gen I don't know why that is like the most randomly long and nonrelevant thing ever but it doesn't really matter what we call it we give it a name okay and then we're going to copy
the address to the clipboard and then we come back over to our design so essentially what that's saying guys is look you've asked for a form I'm going to give you a form where do you want me to send the information to and what we're saying to this is hey we're sending it over to make so think of this conceptually guys is the users on this they're on the software part okay they're here right we are then sending it to make to do some cool fancy automation to kind of design the AI the fancy bit
and sending it over to air table as where we're going to store it right this is where they interact this is where the magic happens via make the automator and attack and this is where it sits and lives in the storage space so that's how they all uh collab together in this instance okay so look we've got that we're going to copy the clipboard address we come back over now now and we've told that look I want you to put it over here in this place all right cool so we've done that that is awesome
and now we've done that we can start messing around with the questions so com with questions what's the heading and we'll just say hey submit your photo with a little bit of a up emoji hopefully that doesn't reflect the weight that reflects more the progress and we got Tex so we can say hey get your AI feedback and again I've just chosen like PT but this could be anything about like design or like anything you can perceive it now most people do text based stuff but I wanted to do Vision because vision is so dope
awesome and then we've got the actual sections down here so we've got the section divider let's just delete that and get rid of that let's have a look what we've got your city what do we want full name that's absolutely fine so let's just open up section one so we can see yep text get your AI feedback that's cool all right section two so what do we want I guess we want sort of more like your feelings and then we'll give that a kind of like some eyes this week was dot dot dot dot and
then crucially guys add field and I want to do attachment it should be image let's have a look how is it actually showing up there it is file okay cool file and call this one your physique with a strong arm Emoji awesome and then we got this map to here so that's what that's going to map to so we're just going to say um client image when it says map to CU basically that will be the header say client image and then this so call the map to what you want it to be okay so
map to Here For example is client uh feedback or client question so if I said like I want you to show this client question blah blah blah it just makes it easier on the other side like that okay uh and then we're going to click on publish publish updates like so uh and let's go and review the Page by clicking over here to open a new tab so let's go to our automation uh let's unlink these delete this guy okay cool now it is actually this automation that we need okay cool our computer vision one
awesome right so we're going to run this guy once that's fine click okay red determine data structure so we're going to the page load your body fat the SmartWay things are letting nice and the right and we've got submit your photo cool so let's do that right let's go for Jack my feelings my week was great I never we get to upload an image so I'm going to upload a around an image of Arie okay cool Arie is officially been uploaded and then we click submit cool and we get ni success image success notification then
we come back over to our thing we got successfully determined so let's do okay let's run this one One More Time come back over and let's do the same thing again jack my week was great and another image Incredible and we submit this one and we come back over now to it and as you can see guys client question my week was great client image page and section ignore the paging section that's not really relevant and it hasn't included the email address so let's just make sure that we're sending that one over instead of name
I'm just going to replace that with um the email address that's come down where is their name cool just say map to email and then your email address with a cool little email Emoji for good measure awesome cool uh publish this one here publish updates come over to our preview page Let's uh refresh the page and here you can see your app has been updated refresh see exchanges so we hit that one there for example incredible and we scroll down now let's do this one so we'll call this one Jack outlook.com my feelings same as
last time my week was great and then upload the physique awesome now you'll see this scenario is waiting like so so we'll run this one obviously for you it's going to running automatically uh and then we click on submit also we come back over and as you can see guys there's my email there's my client question and there's my client image so basically if I load this into a dashboard I should see Anie and there we go that that is pretty amazing because what we've done is we've enabled the user of our services our SAS
to upload images to upload files to upload text to upload sign basically whatever you want and we get it into make and remember guys once we get it into make we can do absolutely anything that we want so guys the first thing we want to do is come here and click the plus button and search for HTTP which will basically enable us to get the file that we just grabbed in the web hook so look if I click on URL I should be able to select the image awesome client image insane decent and then we
click okay brilliant now the next thing I want to do is now I've got the image in our scenario you can get as complicated or as simple as you want to you could get custom gpts that have been trying to got loads of data about images we could make this 50 steps you could make it sophisticated this is going to be the brains of your SAS this is going to be the bit that is going to distinguish you from using chat GPT the question I want to ask yourself is what can this do the chat
can't do and you could build it in a modular way which means that you have it goes to 15 filters each of them ask a certain question then we can solve that information feed back to the client That's Unique that seems incredible that seems like something outrageous so come here type in Vision I'm going to keep it simple for this one just so that you um just this video isn't 17 hours maybe you want the 17 hours if I get 17 copies though I'll tell you that analyzes image Vision awesome so what's the prompt that
we're going to need we'll going The Prompt and I want to give it this prompt here that I've just put in so look what would your estimate how would you estimate this person's body fat percentage you must provide an output like this body fat percentage x% commentary ABC just demanded that there you cannot provide a range you must provide a number you must output in Json with no additional characters for example this there's the thing there's a Json example blah blah blah do not add the word Json on any apostrophes and quotation marks with your
answers yeah it can only begin with this and end with this if you're trying to control a language model to do something and you're find adding additional characters sometimes a really simple fix is to specify what the beginning of everything must be and the end of everything must be now ordinarily with chat gbt we would specify that its output must be in Json unfortunately in the vision analysis module it doesn't seem that we can actually specify Json which is why I've given it this additional prompt but with others like just pure text that's something that
we can look at doing now what do we do we then going to give it the image to come down to add image image URL now let's come here and give it the image URL right here like so the client image and then we're going to select the model which is going gbt 40 max tokens 300 that's okay and then we click okay and then let's just ring name this one vision and what kind of vision would it be if it didn't have some cool beautiful googly ads now what I want to do is command
s to save this video to save this automation I'm going to click run once I'm going to come back over now to our thing I'm going to give it the same thing so Jack out.com my week was great when we click submit that's all done dusted and complete oh my goodness it's still loading come back over to our scenario web hooks HTTP and then we've got vision and let's see what it says body percentage 5% this person in the image has extremely defined muscle groups very little visible body fat typical of a professional bodybuilder at
Peak competition level awesome so it's given us an analysis on our image so the next thing I want to do is to pass out that Json now the reason I want to pass these two things out and the reason why I've asked for it in Json is because in our air table you know I've got client history here where their email is going to go their questions going to go their physique image is going to go what the AI said and their body fat percentage I need to separate out the body fat percentage and the
AI advice so it's in two different columns so that I can show it as two different things in the um application itself now you could do that multiple AI but this is just a cool little hack and if you've not used this before and make it'll be something that you might find a value so what I want you to do is come here for example uh type in Json parer like that Json parer the Json string is just simply the result um from the last module like so and click on data structure click on generate
and it yes for some sample data so for that we're just going to come over here we're going to copy the results we're going to come over to Json sample data paste that in there generate and then it will basically generate what it thinks it should be which is pretty cool if you ask me then we click save and then we click okay so let's run this again one more time to run the scenario once run Anyway come back over uh let's answer for the same information one more time my we was great image then
we submit this we come back over to the scenario vision is doing its job and then Json will do the beautiful passing job and if you look at that what we got body fat percentage and commentary incredible now finally guys what we want to do is come to add an air table module like so click on create a record now all the records that this creates is going into our second tab now we got two tabs right customers somebody signs up they're in the customers tab client history this is where they interact with this now
if you built say several Pages do several different AI things this client history could be body fight history then at a new tab we could call that one I don't know fashion analysis and so on and so on and so forth so you have records and then we can specify in softer which of those tabs we want to pull back for the analysis so look let's pick the Bas the base was what do we call this one the AI PT okay the AI PT incredible and then we're going to pick the second one when it
prompts us to do so a table come down we're going to go for client history let that load up have a rock and roll a good time and now we get to map over everything now the reason why I'm grabbing their email is so I can identify who it is and show it back to them in the actual dashboard itself so click on email now for that we come down to email at the bottom we've got the question which is client question we've got the physique image add item click file URL and for that we
can use the U client image right there now the reason why I downloaded it guys is that some applications that you use will want the image to be downloaded if you want to do various things just so you know how to actually physically use that and then we've got the AI advice so that is going to be commentary from um the Json par as you can see but now exist as two separate things rather than one result and then body fat percentage here like so and then we're going to click on okay now the final
test is repeat it one more time so run this again come back over do the exact same thing one final time and if it feels out we're testing a lot that's a cool that's okay just means that it works and then we do submit once we've got the image we come back over wait for it to land in the web hook and then our magic computer vision technology thing will begin this is the girliest w b I've ever bought honestly it's like I lost my other one so like I'm going to parade around with a
purple one there so we come over now and we should see if this has worked successfully in our client history the information but has it appeared oh my goodness it doesn't even seem to be there so let's just refresh it and there we go for a second did you doubt hopefully you didn't doubt now look what's really cool about that I can click on the image and there's on it awesome and this is basically our repository for everything that we want which I think is so cool now what's going to happen Okay so now we've
actually developed the quote unquote technology of the brains the operation what I want to show you now is how we then display that to the client in the dashboard now once you pick up these skills I'm showing you they're config it's like Lego blocks okay you learn it and then you'll be able to add you own little things and I want you to see this video as really my attempt to kind of give you um the structure you build on the shoulders but I show you some building blocks and things I think are pretty cool
and then you can run a million miles with this but these are just some cool little features I think you'll find valuable so I'm now logged into application is Bingbing 77 why have I done that well let me show you I'm going to give some sample data okay so I've got Bingbing 77 outlook.com and give the same thing again here like uh um How Could my week have been improved like so AI advis do more lazy guy and let's just say this one is 10% body fat I'm just going to load a random images for
instance now I've upload this file manually in reality guys you're not going to do that because everything happens automatically but I've done this just to show you get some sample dummy data so that we can see in our application so let's come back to our website our page here now what do we do we want we want the user to be able to see all of their history right because like you know I started four weeks ago but like you know what do I look like now compared to four weeks ago I want to show
that in a visual visually engaging way so I click on Plus I'm going to click on this list with vertical card section awesome this is really cool now what I wanted to do is to display the data that we've got an air table so let's have a little think about that and the first thing it asks us here is source so I click on Source I click on air table okay now select the base it's going to be AI the AIP and again different pages different bases this is how cool it is and I click
on client history like so all right I'm going to mute this one down now what's important here what what's important here is that you let's say you're bing bong bing bing 77 okay I only want you to see the images and the data that are relevant for you so if I'm a different client I don't need to see someone else's I need to see me so to achieve that what do we do we need to add a basically an if this then that statement okay so then we want to add this condition in okay so
say add condition saying if okay the email is the same as logged in users email they can see it so in other words then only if the email is the same they'll actually see the images and that's how we get to be slightly different and slightly bespoke so that's cool and then we've got the content so we can remove loads of stuff that we're not interested in in this for example so let's start at basically making some cuts and chipping and chopping some stuff so let's see what is this text so we can hide it
and see what it does and what's relevant the text we do want the email we do want to show the divider I'm not so interested in divider so let's just hide that for a second this text uh let's get rid of that uh this tags I don't think we really need the tags to be honest with you let's add a field what we want to add is a text field and that text field should be the body fat percentage right awesome and the label is your body fat with a fire Emoji how Cool's that then
add field another text uh again text content is going to be AI advice and the label will be AI advice oh actually we got your PT advice or AIP actually just call it your advice yeah I'm getting to into detail advice with a little brain Emoji okay awesome and you can see right there your body fight 5% your advice or it could be what you know you you can substitute what these different things are but ultimately that's like absolutely fine and then I've got a little bit of random text it it says single line short
text I'm not sure that where that's coming from it's probably this um awesome cool that's gone now I want to get rid of this add record thing cuz we're going to add records by a title so we don't really need that um let's see if we can find that want to see more basically that that will suppress the numbers and the volumes that you get so if you want to see more you can click that you can get rid of that and just show all of them that's kind of more of a um a stylistic
thing so come down to Source that's all fine excellent and it's going to be in within content so item Fields I'm happy with that let's go down then we've got filters so come down to all categories delete filters and again you could use the filters if you wish if you've got things you want to filter by which I think is really cool actually it's like another little extra Bell and whistle that we like cm more is fine and then search bar I'm just going to toggle L off because we don't need that and finally we
just want to remove the add record section as well which is going to be in actions add record and we're going to delete that for the purposes of this video cool so we've got these two beautiful things here this is going to show all of our client uploads and stuff um visible for what we have there so I'm going to click publish like so okay and then what we're going to do is just test that actually only that individual can see it okay so here I'm previewing this as bing bing 77 so I can see
bing bing 77 physiques but if I preview it as Matt flowers do we see the physiques well we shouldn't do because Matt flowers is not on there and look no results found so there you go very specific for that individual which is excellent so guys taking a step back you've basically built the entire page the hard bit the functionality bit now I think let's go back to our checklist and see what we need to look at next so the scenario we need to conf finish we've done the computer vision we now want to do the
AI graph application and how that's going to physically work and then once we've done that we're going to come back to softer we're going to get the payment subscription set up and then finally basically up PS and q's and make sure that everything's exactly where we want it to be now guys this is basically the AI web application thing so this is going to differ wildly based on the kind of web app that you want to develop so just for your skills and knowledge I guess I'll show you what it looks like and what this
requires so when you're building this with clae or chat gbt and model of preference essentially what you'll say is look I'm going to give you okay I'm going to send you information in a specified format so you can say to CL look what format do you want the data in so for example if I show you the one that I built earlier if I can find that where did I build that uh okay so over here look if I come down to client history can you see the body fat percentage is 24.1 23.4 23.1 right
so check this out if I come over can you see this is this here is the format so one denotes the day that you created it and then it's the body fat percentage and then this data gets sent back over to um this so based on the data or the thing you want to create you're going to specify a way that you're going to actually get the data in the format and then the web hook will be able to translate that into this particular design that sounds complicated don't worry I promise it'll make sense in
just a second so the way that we end up doing that by the way is we can control it and make sure that we have this web hook Readiness module which is basically chat gbd saying hey take this data put it in this format and then it will present slightly differently for the user okay so this is what we're going to build now the web hooks we're going to do a search on air table so basically what happens here I'm really zoomed in here aren't I oh my goodness I am insanely zoomed into this this
is absolutely crazy get the email from the web hug which is great which is Jason born.com why are we getting that email well because in this application we're building I've just said hey you want to check your body fat percentage tracker just give us your email we could also give them a secret client ID or a secret password or something unique to the individuals so that they're the only ones that can access it but just for Simplicity I've said give that email so the user experience is look I wanted a body fap tracker they type
in that email that email then goes to the scenario the web hook grabs it air table then will search our base for that email and we'll pull through their body fat percentage and that and the day that they submitted it once it's got that information we aggregate it and then we get chat gbt to basically change the format of it and then we send it straight back over to the application and when it does that that's how we end up with a really cool a really cool design so let's build this one together and hopefully
that will make good sense for you so we've got the email from the web hook which is Jason born.com now we come over to air table you click on search records so this is going to search our data database and you'll use variety of functions like searching and adding and that sort of stuff with your database so the base I'm really looking for here is going to be AIP like so awesome let this guy up what's the table table is going to be client history and then we're going to enter in a formula okay now
the formula is basically going to say look I only want you to bring back uh Records that match this particular um this particular email okay so look I click on view don't need to worry about that the information I'm interested in for this particular a app really is the body fat percentage and also the created time so when did they submit their body their image and um what was the body fat percentage they told us so that I can actually display in the graph again these variables be different for you or whatever application that you
want and then we've got formula so look I've said email equals client ID get rid of this put this client ID now you see this that is referring to um where is it client history this so whatever you've called this field is what you need to replace that with okay so just make sure it's the same um what if you call it something else it's fine and the formul work exactly the same manner so I've just said look email when the email equals this bring back those particular things now I want to do one other
thing as well I'm going to come down and click on show advanced settings uh let's come up and have a look we're going to sort um field Yeah so basically I wanted to do it in chronological order so I just got created time ascending it basically means it will show me them as they came out so I want the earliest first going down to the latest and then we're going to click okay and that is pretty good news so we're going to run this scenario once as a for instance so click on run once let's
go over to our scenario let's just preview this page now if I check what's the email we've got we've got bing bing 77 Okay cool so we're previewing the page uh we've got it here we going to come down and we're going to check body fat percentage tracker being B 77 show me the magic that has sent some stuff over it's landed here the web Hook's got it and it's pulled the records now look guys check this out it's pulled down both records for bing bing 77 the 5% and also the 10% which is exactly
what we've got here this is how it's going to pull down something unique for every single one of your clients but the problem is we can't have several different outputs we need to aggregate these together because if you don't the next module you have is just going to do okay here's record one do your automation here's record two do your Automation and what we wanted to do is take all the data together and just give it to the next modle which in our case is going to be chat GPT so in order to do that
as you can see in this one here we've got an array aggregator where basically we just select the data that we want pick it and then it'll do a beautiful job of just giving this one really single output so look we come here we click here and go for array aggregator The Source module is simply the air table that we just chose and just pick the fields that you want to use again it be different for everybody I want crect a time and I want body fat and then I'm going to select okay awesome now
we're going to click finally our Readiness module now this again will depend based on the thing that you're doing let's just do chat GPT click on create a completion Awesome by the way guys if you live in Germany we're head out to Germany in a couple weeks time from an AI automation Meetup it would be really really cool to see you there so if you are B in Germany man I think we're going to Frankfurt which I've never been before so I'm excited if you know anything about Frankfurt any suggestions you got to let me
know help help a brother out down below let me know the details so we select user message content I'm just going to paste this in now just to briefly explain what this prompt is and I'll change this in a second okay you will be given a series of inputs and you must output in a specified format why have I specified that because I want to give it to the web hug to then appear on the page okay the day this is going to be what that is the day the body fat day body fat blah
blah blah day one this is the very first day at which the user started submission so if you see submission with 3 days later that would be day four so this is just some specific logic that I'm giving it's saying look like if I submitted on April the 7th okay then I submit on April the 20th April the 7th in other words the first day of my submission is day one April 20th is day 13 that's how it works this is just my goofy silly examples and then I just say your output's much must match
the formula how do you know what that formula is that's when you're having a chat with Claude and you say something like hey uh what input format would you like for this application boom and it'll tell you and then you just specify in to make sure it's all connected and works fine and we can do other things like make it more robust and like kind of like error tracking things but I just want to keep this simple just for the purposes of this okay now I'm going to click now none of this stuff exists yet
per se does it which is fine going to click okay now look I'm going to unlink these for a moment and I'm going to run this scenario that's fine run this one anyway let's go back now and submit the same body fat ccent tracker again show me the magic I come back over it's come through and do we see this as one look at this guys output is an array look created time body F percentage how cool is that now we got as an array and now it's in an array I can come back over
here like so and I can start to decide what I would like so look I'm going to come down there we go now date and body fat cool so the date is let's come down here to array create a time and then body fat is going to be this one because it's an array just put number one and you're done and then we go again same thing create a date two oops excuse me oh my goodness it is not happy with that is it that's one body fat that's two excuse me and you basically guys
are just going to repeat this exact same process for as many records now if you're trying to make the super robust that can go on forever feel free to just to add 100 or 300 or how many think is reasonable for the particular thing that you're doing um this basically says this is the third AR the third array the fourth array the fifth array blah blah blah so all the different stuff that you get it will basically just appear here for you U body fat one for I'm just doing four just for the sake of
it uh but you don't really need to do four we've only got two um examples but I'm just doing four for the sake of it um cool come back up and let's just change the date so we get that one as well fact I'm just going to do two because I've got two pieces of data but you sort of get the idea okay then I click okay awesome and I'm going to call this one web hug Readiness it's good to name these just as a best practice so that you know when you look back it's
like really easy a glance what that looks like web hook Readiness incredible then click a new module and then here guys I'm basically say web hook at web hook response so you basically sand with your scenarios as web Hooks and basically this is what comes in data gets done then this is what data do you want to send back over to the automation so for this it's just simply going to be the output of the web hook Readiness and I click okay I'm going to command s to save this and then going click run once
or you can click the save button down here I come back over now one final time I'm just going to leave this page open and you're going to see the magic okay Boom Confetti bam why has it done that it goes from 5% to 10% we only got two days worth of data so it's absolutely fine but it's worked that way if we had multiple days of data it' be very different but it's worked perfectly fine and we can remove it and we can predict the next seven days and there we go we got seven
days of prediction so we look at what that would look like let predicted another seven days it gives a predicted body fat percentage and you can make this as fancy or as interested as you like and you've basically now designed both of the make scenarios both of the really cool automation scenarios guys so well done for following along with that you really you are smashing it the AI graphic application done now what we need to do is visibility payments groups and the final dot dot in our eyes in crossing our te so let's head back
over so looking at this guys what do I like what do I not like well first of all I don't like this stuff on the left hand side I don't think it looks nice like that so we need to change this and I'm going to show you some really basic stuff that we can do so to edit any of this stuff we must go to the homepage so we're going to go back over to the homepage awesome and we got these different links here that we can do okay so if I click on this link
what this would enable us to do okay is basically this is a little link drop down you see link to I'm just going to say hey body fat and a little fire Emoji boom and then I can say um add action so in other words once they click that what happens we want it to open page or it could be scrolled down to certain page and then we select the page which is body F which is awesome I love that okay then we can C publish to update the changes let's create a new page for
example that it's just about us cuz maybe we want to explain how it works so that one says about oh let's give a little wave actually which is a cool little wave Emoji this is about this is what we're about we click save don't worry about the design on this let's just add a random static block like I don't know hero feature put this one in this is just for a sake like I don't know let's come down here say hey about AIP Little Wave cool we like it that's very cool decent and then going
to come back over to our homepage and then instead of this drop down link what we could do is again what that would do is you click on it and it's like okay let's say you wanted to ESS optimize this or whatever you could have link one which would be like I don't know it could be articles and it could then be like uh losing weight or building muscle you could have all these different things that they could go to so that would be what what the links would look like uh but for the purpose
of this guys I'm just going to get rid of uh the multiple links and let's just add a link here let's call this one about just to give a little color and flare to the website a little bit come down add action and we can add sub links there if we want to go and do some different things uh come down about awesome cool looking good good already sweet now what do you want to do let's go on to Styles looking for obviously we can like feature it and move it around all this sort of
stuff which is quite sick then crucially guys once we clicked on this let's scroll to the bottom and get this to be horizontal instead of the top fix header now I like the fact that it will roll down with us I think that' be quite decent actually that's decent and then visibility awesome now let's see what we want to do now when we've done that we want to come over to uh let's have a look again you can just obviously mess around with these pages and update them and do whatever you want to and you
kind of get the idea of that I showed you before how you can do the visibility so this is the homepage so I don't like the look of this so what we're going to do is um delete it quite frankly yeah let's just get rid of that that's fine let's delete this as well I think this is relevant awesome all right so come here add a block let's add a um C static blocks let's go down for a feature what have we got feature with link okay cool and we could say like if it's our
homepage what do you want to say just say hey welcome to your for AI PT all right sweet and then various different information actually we're going to keep that in just so it shows What's it we can do the images alt text all that beautiful stuff guys at this point the way that this is going to work is we have logged in users and we have paying users okay so you could create like let's say you have 100 people and you maybe have a free part of your website but then there's like an upgrade bit
so what I would want to do here is have a drive now obviously Design This in a way it's like they get value they get a sense of what it's like and then they can upgrade to paid but what we'd want to do here is create a payment option for them so we going to add block okay uh let's come down and then what we can do is said like I want a stripe form so we need to Now integrate the ability to collect payments and then we're going to change who can see what remember
if you everyone to change of visibility if you click on it top right visibility who can see logged in users not loged in users Etc so to do that going to come over to settings I'm going to go over to uh I believe it is Integrations like so going to come down head over to stripe the checkout and it's going to ask for two things it's going to ask for a publishable key and also a secret key so let me bring up stripe to do this this is a fake one that I made earlier um
but I'll I'll create another one just for the pses of this so come down let's create a new account let's call this one um AIP with a strong emoji and we click create that's cool so this will be a test example for us let's see if we've got the AIP is this going to open up for us let have a look it is dashboard. stripe it's doing this magic in the background and then we can start integrating this together let me know if You' use AIP by the way I feel like with the right polishing
of it obviously I just wanted to give you concept and idea to get started with but I feel with the right polishing and aspects to it it could be interesting to get like you know AI analysis of your journey and metrics and even you could sell that as a sass to like pts actually I think that'd be really interesting so the first thing to do guys is create products good product catalog we will click on this add product at the top right here we'll call this one the AI oh my goodness AIP we a lot
Emoji to that as well so we get some nice pieces C just say how get monthly get you know get weekly analysis of your body type and suggestions to improve obviously create as many or as few these as you want but this is just as an example image uh we could image if you want to we'll just do that so it looks decent I've uploaded the AIP logo recurring payment this is just going going to be let's just say it's something like1 19 or something like that awesome billing period monthly and then we will add
the product awesome so that's sling up and now we've got our AIP you can do it monthly yearly strip H enables quarterly bilding as well there's lots of really cool options you can do free trials you can get really cool that like dude try out for two weeks it's free and then we'll upgrade you something paid so come back over to home now we've got these two things here so we're going to copy the publishable key and come back over to our page here so this is the publishable key then come back back over here
secret key let's reveal the secret key The Not So secret key anymore key come back over paste that in sweet and then we click on Save that's cool we've now integrated strip that's pretty decent right what do we do we come here um we can add a block now we can do multiple stripe blocks actually which is what I'm going to suggest we do here so let's have a look uh it's not form it is let me just find out where I can search stripe okay stripe we want the stripe checkout form I think cool
and then we come down we're going to set the product which is the A and again you can do different different things on different prices pric is going to be £1 19 monthly uh AI PT let's go awesome this is pretty sweet and place holder so just upload our image my imag is that it just it's just like adding the image just adds such a like kind of edge to it which I love that and obviously we can add text above and below but you kind of get the idea with that right which is really
sweet full name coupon LS of information about that we like it and then we publish it like so the other thing that we could do guys if you want to is just come to Pages add new page let's just call this one upgrade right Diamond like so uh click save and then what we could do here guys is obviously have like a herob block um but then we could add like the stripe module on an upgrade page like so if you want a video on how I would like set this up like like literally Page
by Page step by step letm me it down below and I can do some content on that if that would be of any value to you let me know that and again we got the stripe thing here let's just come down and quickly just like um pick our product again we can do so much with this it's absolutely ridiculous the customizability this is insane like and I don't I'm not joking when I say like you pretty much are replacing full-time coders with this stuff it's absolutely insane so we need to go find the product that
we had so let's come to the product all the products that connected with that strab account will appear here for you to put whatever you want so AIP awesome brilliant let's come back then to the homepage and what I'm going to finally do is just add this onto the header for us so it's come down let's add one final thing and this one's going to be upgrade with a diamond emoji add action and open page which is going to be the upgrade page incredible and then we hit publish cool I love it all right sweet
now what we can do let's uh as if for instance view this as one of our customers and let's actually purchase the product so we can see that okay so we're going to go on preview and then we're going to use our Jason born one which is going to be ace all right awesome so let's click on upgrade or we come back actually let's go back to the homepage come down and let's say we want to go right so I'm doing this as Mt flowers let's just go for bing bing 77 what I really like
about this is it's automatically populate the email and the reason why that's great is because we can use the same email and strip to validate that they're still paying cuz what we need to do now is once basically we can lock off those sections of the website available only to paying subscribers but what if they cancel well we need to wait to see that they exist I'm going to show you a really simple way I found just to make sure that at all times the people that can access your apis are the ones that are
actually paying your subscription so we need to give it a load of fake stuff uh give a little big load of fake numbers oh my gosh 0424 isn't it wild we're now in the last part of 24 let run numbers BL okay subscribe now it's just coming up wait for a second now as soon as this is done I'm going to head over to stripe and just check that's happened that's done cool so if I head over to stripe I should see the new customer Let me refresh the dashboard and have a look and we
do 1818 so we've got our first sale congrats us he isn't that really cool decent so then what we can do now is we're going to come back over to our application uh come back over to users uh let's have a quick look uh users okay this is cool then click on user groups um and we can create a new group in other words what I'm saying here is let's just say we call this paid subscribers or paying customers so we can now restrict access based on those people who are actually paying for us already
okay so look this is one option you can do you don't need to do this but I'll just show you so it's there if you want to have it so add users based on conditions uh let's add the condition so then the condition is if subscription is any of a and we can select the ones that they want so basically if they have that subscription they get access to X then we click SA now that's cool because if we go to our pages and I'm let's just say I'm on the body fat page and I
want to limit the visibility of this I can do something called like click on the Block uh I don't know this block here and I could say look visibility all users no it's not it's logged in users but logged in users who are also paid subscribers so if you're not a paid subscriber they won't physically see it but let me just show you something really really cool now because the API Cod we've got going on with this right the body fat percentage tracker what we can actually do is let me just show you what the
automation looks like okay so I've got this stripe thing so check this out what I can do is on link these I can bring the stripe module in and by the way it's super easy to connect stripe you can do like an oor or just get like one simple API key but what I'm going to do is search customers for that thing so let me just copy this guy and bring it over to our automation here and paste them in awesome so what I'm going to do is I'm basically say look if they do a
request if they're not a paying subscriber do not basically use a request deny the request so basically only ever going to use API credits with people that are physically paying you money it's like the simplest easiest way to possibly validate it so I come here for example what I want to happen is I need to add a router so let's have a look so bring out stripe uh we need to add in a beautiful router Flo control like so let's add a router put that in there oops my goodness oh my goodness let's bring that
over here connect and then we're going to add this one up all right cool so scenario one is going to be continue your journey as normal over here let me just realign these so it's cool uh and then actually no we don't want that we need to get rid of this guy there we go that's a little bit better that's a little bit better Auto align cool and then this one's just going to be a web hug and I'll show that looks like in a second cool so stretch customers we need to now create a
new stripe API key connection so for that we C on ADD connection type is going to be stripe API key and then it's looking for a key so how do we get the key well we're going to come back over now to stripe click on developers the top click on API Keys now what is it looking for it's looking for a restricted key so look I come back over to the scenario okay it's looking for restricted API key right so how do I get that I come I click down here for click create restricted key
now obviously look through these and only give it the permissions that you're comfortable with it does need some writing permissions to do this cuz when I used just basically only read it just said like look sorry like I need to write some of stuff so just for Simplicity I'm just clicking right on everything read right yeah right and read cool beautiful let's just get these ones over here phenomenal okay that's cool we probably signed our life away there but it' be okay I know we click on correct the key the key name is required uh
the AI PT awesome come down and create key sweet and then we got reval test key let's uh excuse me let's copy that for example and then when going to come back over to our scenario which is over here Clap the key in like so click save give us a second and it has almost by Magic appeared okay we love that that's incredible so get rid of a email click okay now for the time being I'm just going to unlink these okay and I'm just going to run this once right well I'm going to come
back over to our scenario that we're viewing so let's come over to body fat now we have one p customer don't we right so I'm going to give it a I'm going to give it the example of the P customer that we had which is Bing Bing 77 okay so check this out bing bing 77 show me the magic I come over and look guys it's found bing bing 77 I apologies guys basically one thing you need to do guys is add the email link that's completely my mistake so look I've got bing bing 76
now I click okay let me run this again twice just to show you come back over to uh where are we now bing bing 76 show the magic I come over to stripe false zero bundles I go back I change it to Bing Bing 77 because he's the only guy that's bought a subscription so far show me the magic oh I need to I need to actually physically run it wait for new data come back over show me the magic come back over and there you go bing bing 77 has appeared so what we can
now say is look striple check for us has is this a paying subscriber or not or whatever criteria you're comfortable with free trial whatever you want and if they can find the user then there actually still paying they proceed to get the data and the wonderful information and if they don't we're going to send a web hook back that basically says sorry you know re apologize not link to an active subscription we can't help you so then basically your API credits only ever go to people who are actually paying you money so then we basically
finish this by clicking on this web put guy we'll do a 401 and then we'll just give it a b it says hey oh my goodness come over here hey this is not linked to a paint subscriber yeah this email Isn't linked or whatever whatever whatever messaging that you want to give again that's one way you could do it other way you could do it is just restrict the sections there's so much configurability that sits within softer I hope you found that video helpful guys I just say remember that like success happens in small increments
over a very long period of time so if you start your SAS business and it hasn't taken off or conquered the rulle in a couple of days that's completely normal it's the same with everybody else but I hope you find this video useful guys and with all that in mind go crush it
Copyright © 2024. Made with ♥ in London by YTScribe.com