This video shows you how Google Stitch 2.0 + Claude 4.7 AI can assist you!
➡️ Digital Maker AI: https://DigitalMaker.AI
➡️ Check out my Digital Product Programme: https://bit.ly/AIDigitalProduct
➡️ Horizons App Builder: https://bit.ly/HorizonsAI (10% DISCOUNT CODE SUCCESSWITHSAM)
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
➡️ Instagram: https://www.instagram.com/success.with.sam
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Disclaimer:
The content in this video is provided for general information and education only and reflects my personal views and experiences. Nothing in this video should be interpreted as a recommendation or instruction. Viewers are encouraged to do their own research and seek appropriate guidance before taking action. This video may contain referral links that support the growth of the channel and your viewing experience.
Thank you for watching - I really appreciate it :)
Like, comment and subscribe!
Оглавление (5 сегментов)
Segment 1 (00:00 - 05:00)
So, in today's video, we've got a very special one, because what I'm going to be doing is showing you how you can use the new Google Stitch alongside Claude AI to help you build a high-level digital product. Now, in the world of digital products, there's different levels to it. We've got low-ticket products. We've also got more advanced ones, but with the help of AI, you can simplify the entire process. If you want to build something, put it out there in the world, and position yourself to potentially monetize from a high-level digital product that's going to be built using AI. Let's go. So, before I show you exactly how you can use Google Stitch with Claude to help you build a high-level digital product, I want to quickly explain exactly what it is for those of you that might be confused. So, with digital products, there's so many different levels, but it mainly comes down to these six. And the first level is going to be something simple like digital assets. This is going to be stock photos, you know, video overlays, fonts, you know, very simplistic products that you can put on the internet, but at the same time, they're not really complex when it comes to making them, and they're very, very cheap as well. If we move on to level two, this is going to be things like printables. Printables are going to be checklists, maybe PDF planners, activity sheets, you know, wall arts. There's a few different options again, and these are slightly more advanced than level one, but still very simple. If we move on to level three, this is where there's going to be a certain level of creativity that's going to be required. If you're looking to maybe sell some sort of a visual template, whether that's a Canva template, email template, YouTube thumbnails. But if we move on to level four, this is going to be utility-based digital products. By utility, all this means is that the end user is going to be able to continuously keep using it on a regular basis. E. g., detailed digital planners, spreadsheets, inventory trackers, things like that. Level five is going to be info products. So, info products, of course, require a level of knowledge for you to put it together, whether that's in the form of an ebook, an online course, some sort of AI video info product. necessarily say it's difficult to build this type of product as long as you know exactly how to do it. This is something that I explain in a lot more detail in the second link in my description down below. But nevertheless, you still need the knowledge for you to put it together in the best way. But the highest version of a digital product, in my personal opinion, is going to be level six, and this is going to be an app. The reason why building an app is such a powerful thing is because you can monetize it in so many different ways within the actual app. Number two, you can build it, and it can be something that runs in the background. Number three, if you build it in a way where people actually need it, it's going to be a win-win situation for everyone involved, because you can have long-term customers, you're going to be able to generate revenue from it, your customers are going to be happy, and again, everyone all around is going to be satisfied. But the main reason why this is classified as a level six digital product is mainly because it can be complicated to build. Now, this was the case, I would say, a year ago, two years ago, but with AI, things are a lot more simpler. And in today's video, I want to show you how you can use Google Stitch with Claude, as well as an app builder called Hostinger Horizons, to help you build something that you can put out there in the world that's going to provide value to your users. And one of the first steps that I would recommend that you take for this process is to go directly onto Claude. And one of the initial ways that Claude can help you is to help you with a custom blueprint. Now, one mistake that I've seen so many people make, no matter what level digital product they're looking to build, is that they jump both feet into it without really knowing exactly what they're doing. But if you're able to have a blueprint, and not just any blueprint, but it's going to be a custom, personalized one telling you exactly what to do, how to do it, and how to execute everything, it's going to give you a higher chance of success. So, that's what we're going to be doing. using Claude to get the blueprint built, and to tell Claude exactly what we're trying to do so that it can come back with exactly what we need. It's going to come down to prompting it in the right way. And as you guys should know, if you're a returning viewer on this channel, the way that I like to get my AI prompts is with Digital Maker AI. As always, I'm going to leave that free link in the description. You can check it out. And once you create your account, you're going to come over here to the prompt maker, and you're going to see the option to click on Claude. And what you need to do is come over here to business blueprint. So, I'm just going to click on that. And it's going to ask me what exactly is it I'm trying to build so that it can construct a prompt. So, I'm going to tell it that I want to build an app. It's then going to ask me what type of app do I want to build. So, this brings me on to one of the first, most important things, which is that whatever type of product you're looking to build, you want to make sure that it's something that you could see yourself using, maybe believe is really useful. And if you're a beginner, you don't want to make it overcomplicated. So, the demonstration app that I'm going to be building today is going to be a simple email reply tool. I'm sure that most of you probably get emails all the time, and whenever
Segment 2 (05:00 - 10:00)
you do, you have to sit there and think of how you're going to respond to it. If not, maybe you copy and paste the entire email, go over to AI, and you have to maybe give it a prompt so that it knows exactly what you want back in terms of telling it that you want a reply email that you can copy and paste. But imagine if there was a tool that existed where all you needed to do was just copy and paste the original email, write maybe one or two words telling it exactly what you want to be in the reply, and it's instantly going to come back with something that you can copy and paste. This is exactly what I'm going to build today. But remember, guys, just make sure that you go away and build something that you're actually passionate about and you believe that you're going to market to the best of your ability. So, I'm going to click on this option. I'm going to say that I want to create a email writer. So, we're just going to go with that. Who is this app mainly for? I'm going to say for everyday people. I don't want to target a specific niche for this example. What problem should this app help people solve? going to say replying to emails with AI takes too much back and forth. Users paste the email they receive, and they add a short note on what they want to say back, and they get a ready-to-send reply to copy and paste, as I mentioned before. So, I'm just going to give all the details right there. What should the user input for them to get results from this app? It's going to be text, of course. And what should the app show the user after they click submit? It's going to be generated text, e. g., emails. Click on next. What color scheme do I want? I'm going to say white with blue accents. Let's go with that. It's then going to ask you, how do you want to build your app? I'm going to go with Hostinger Horizons. I would say that this is one of the best app builders in my personal opinion, and I'm going to show you exactly why as we move forward. But once you've done all of that, you've answered the questions in the way that you want to answer them, all you need to do is click on generate prompt. Okay, perfect. Just like that, it's now come back with the full prompt that I can copy and paste. Now, just let you guys know, for any prompts that you generate using Digital Maker AI, you can always find them in the history tab on the left-hand side. Whatever you use Digital Maker for, whether it's product research, competitor analyzer, generating AI videos, generating an AI ebook, whatever it is, you can get all of your history in this section. I thought I'd let you guys know that. But now that I've got the prompt, I'm going to go back over to Claude, paste it in there just like this, and then click on enter. Okay, perfect. There we go, guys. Instantly, it's come back with exactly what I asked for. If I just bring this out so we can get a better look. So, it's come back with the dashboard letting me know exactly how much I can expect to get back depending on [clears throat] my traffic. So, let's say if I'm looking to price it at around this amount per month, this is what I can expect back, which is not too bad. It's come back with the overview as to what I entered, all of the answers to the question. It's given me the step-by-step build instructions for me to execute this. So, step one, step two, step three. This is really, really helpful, and it's going to guide you through the entire process. This is another interesting feature, because it's going to give me ideas as to different things that I can implement, things that are must-haves, and things that are nice to have. So, if you're confused on which features to add or include in your app, this is something that you should definitely try out. The monetization is, of course, a very important part of the process. A lot of people are confused on how to monetize something like an AI-built app, but with this, it's going to give you advice on exactly how to do it. Whether you want to do it as a freemium subscription, display ads, you know, there's so many different options that you can take a look at. There's also a competitor list. You can take a look at different people that are running similar apps. You can click into any one of them, and kind of see exactly how they're doing it so that you can get some sort of inspiration. Over here, we've got the marketing plan as to how you're going to potentially get customers. So, of course, marketing is going to be an integral part of the entire process. And finally, we've got the 10 app name ideas. So, yeah, that's the basics of the blueprint. I thought I'd show you that, because this is definitely going to help a lot of you out if you've never built an app before. So, for the sake of this example, I'm going to go with this name for the app that I'm going to build, Email Ace. But this now brings me on to one of the next steps in this process, which is to design the app using Google Stitch. So, with all of this information, what I can now do is click into the build instructions, and down here, it's going to give me the prompt that I need to copy and paste directly into Horizons. So, Horizons is going to be able to take care of everything, designing, building, and making sure the app is fully functional, and I'm going to show you that in a moment. But with the same prompt, you could just copy it, and then go over to Google Stitch. And what Google Stitch is going to be able to do is give you a concept of what this app is going to look like. So, for those of you that have never heard [clears throat] of Google Stitch before, you're not really sure as to how it can help you or benefit you, basically, it's a completely free tool by Google where you can use it to design websites
Segment 3 (10:00 - 15:00)
mobile apps, or web apps. It's powered directly by Google Gemini, it's free to use, and the main reason why you would want to use it is to just get an idea of what you're trying to build. You can use it to come up with various different variations, and with the designs that Stitch is going to come back with, you can now copy that, go over to a tool like Horizons, and turn it into something fully functional. So, it is important to know that Stitch isn't going to build the app for you. It's only going to come up with the design, and you can now take all of that and turn it into something that people can actually use. So, now that I've got this prompt, what I'm going to do is just paste it in here like that. I'm going to tell it that it's going to be a web app, and I'm going to select the latest model, which is 3. 1 Pro, and click on generate. Okay, there we go. So, Stitch has now gone straight to work to start designing this out. So, shouldn't take more than a few seconds. It's going to decide on the color scheme, as you can see on the screen, and it's also going to start building out the actual design. Shouldn't take more than a few seconds, so I'm just going to wait for it to be done. So, this is the first draft that it came back with, and I'm sure that we can all agree that this looks pretty basic, but this is where Google Stitch is good because, as I mentioned before, you can use it to come up with variations. So, if you don't like whatever design it came back with, you can go down here to the prompt box, and just enter simple prompt and tell it that you want to make a change. In this case, I'm going to say that I want it to come up with a more advanced, more premium-looking design whilst keeping the simplicity of the app. And as you can see right there, it's now generating a brand new screen. So, that should be done in a few seconds. Let's just wait. Okay, perfect, guys. So, this is a massive improvement to the one that it generated before. This is pretty basic, and this is a lot better. So, with this now, I'm going to be able to make any variation that I want to make. If I want to click into it, I can click on modify. I can edit anything. So, what I'm going to do is just edit the name of it. Let's just come over here. Okay, perfect. So, the name has now been updated. If I did want any sort of variations, I can also click on this, and it will give me some different designs, and I can also generate a active prototype so that I can click into anything and see exactly how it's going to work. But for the most part, I would say that this one is definitely the one that I'm going to go with. So, what I now need to do, and what you need to do if you're following along, is just click into the design that you want, then click on export. Come over here to zip, and then click on export once again. And what it's then going to do is come back with a similar file that looks like this. It's going to come back with the actual code for the app. image of the app as well. So, here we have it. This is the image that we just generated. So, with this, what I can now do is go over to Horizons. So, I'm going to leave Horizons linked down below in my description, and the main reason why I'm using it over Google AI Studio, Google Antigravity in this case, is because there's a few different benefits to it. Number one is the ease of use. If you're someone that's a complete beginner, they've made it really, really easy, and it's also a direct hosting company as well. So, once you build your app, you don't need to go elsewhere for you to host your app. You're going to be able to do it directly within Horizons. Second benefit to using it is the fact that you can get your email, everything set up within Horizons as well. So, you don't need an external email provider. All of your newsletter emails, your support emails is going to be done directly through them. Another advantage is that you can integrate AI directly into your app. So, you don't need to go elsewhere and use any external API keys, whether that's from OpenAI, ChatGPT, Gemini, Claude, whatever you're thinking, you could literally use Horizons directly within it without having to pay any extra API costs. This is a big benefit, and this is something that I believe they integrated quite recently, so it's something worth taking advantage of. And one final benefit is that you can get a completely free domain as well. But, I'm going to show you that as we move forward in this video, but for now, all you need to do is just drag and drop the image that Stitch gave you into this text prompt box. Then go back over to the blueprint that you got from Claude, and get the ready-to-paste Horizons prompt, so you could just copy it like that. Okay, great. So, we've now got the image, we've got the prompt, and from here, what we now need to do is just click on enter. And right there, we can see that Horizons has also gone straight to work to start building this out. So, it's going to code everything line by line, file by file, everything that's going to go into this app, whether you're looking to build something simple, advanced, it's going to be able to do it. We can see it right there working on everything. This one may take around 5 minutes because it is building a fully functional app from scratch. So, as soon as it's done, I'm going to be back ASAP, and we're going to check out the results. Okay, guys, I'm back, and straight away, as you can see, I would say it's done a really good job. It's
Segment 4 (15:00 - 20:00)
been able to use the image as a really good reference, and this definitely looks really professional. So, I'm going to put it to the test. I want to make sure that it works as it should, and I also want to point out various different things that you can do within the Horizons interface to make your app building process that much more simple. So, you guys already know, this is an app that you can use to copy and paste an email that you've received, and it can give you an instant reply back for you to copy and paste. So, what I'm going to do is just make this full screen so that we can get a better look. Okay, there we go, and I'm going to get a random email, a simulated email just to use as an example. Okay, here we go. So, this is a email that I could receive. It's not a real one, but I just want to show you how everything works. So, all this says is, "Hey Sam, hope you had a good weekend. I just want to talk about the project. Are you free for a quick meeting on Monday? " etc., etc. So, again, this is a similar type of email that I might receive, but if I didn't want to sit here and write a response to myself, all I need to do is just copy the entire text just like that, and then go back over to my app, and I can paste the email in there just like that, and just say, "Yes, I am free on Monday. " So, that's all I need to do, and the AI should pick up what my name is based on this, and it should look at the email and give me a good response back. So, let's just click on generate reply. Okay, perfect. So, just like that, as you saw within a microsecond, it wrote the email out, and it took the person's name, my name, and it structured a good email that I can now copy just like this. Go back over to my Gmail, click on reply, paste the reply in there just like that, and then click on send. So, yeah, that's the basic idea as to how this app works. Just as a reminder, guys, I'm not saying that you should go away and build this out yourself. I'm only showing you how you need to think about what you're going to go away and build because this is definitely something I'm sure most of you right now are thinking, "Yes, this is something that I would use," and that's how you need to think about the app that you're going to build. So, we know that it's fully functional, we know that everything is working as it should. If there's anything I needed to change, I could easily do that by either doing it manually, clicking on edit content, and I can change certain parts of the app. If I wanted to maybe go a little bit deeper, I can go into the prompt section, tell it anything I want to do. If there's a slight change, an advanced change, I can enter it in right here, and it's going to action it. If you're someone that is familiar with lines of code, you could just click into this, and it's going to show you everything that is in the actual app. So, if there's anything that you did want to change, you could just click into any of these different files and edit it yourself, or what you can do is use another AI tool, whether you want to use Claude to make any adjustments. And finally, over here in the data section, this is where you're going to keep records of all of your users. If anyone signs up to your app, it's all going to be kept in here. If you did want to implement any AI tools, you can also do it within here as well. But yeah, once you've gone through the app, you've checked everything, you've clicked into all the links, you are completely happy with exactly what it came back with, and you've made sure that it's functioning as it should, and you want it to go live, what you need to do is just click on publish. And what should happen is that your app should be live straight away. You should be given a temporary domain, but as I mentioned before, with Horizons, you're going to get a completely free domain. So, if there is a domain that you want to go with, in this case, it's going to be something to do with Email Ace. That's the example that I went with. I could just type it in there like that, and as you can see, it's going to be completely free for the first year. But yeah, guys, for the most part, those are the foundational things that you need to know if you're looking to build an app that you can put out there to the marketplace for people to actually buy. You guys already know that there's going to be a lot more that goes into it in terms of monetizing your app. Don't forget to utilize the blueprint that you got back from Claude because it's going to give you everything that you need to know. I just wanted to show you the surface-level things and just give you an insight into how you can build a free app that you can put out there because my recommendation is to build an app, make it free initially, get some users on it, see exactly how they like it, what they don't like about it, what you can change, and then maybe after a week or a couple weeks, once you've got that data, you can now start implementing some monetization strategies. You have to remember that building an app is a long-term thing. It's not something that's going to happen overnight. When I say long-term, you can start to see results within a month, 2 months, depending on how you do your marketing, but it's definitely something worth doing just from the skills that you're going to learn alone. And the more consistent that you are with building apps, trying, failing, trying, and then continuing again, before you know it, you're going to build an app that people are going to find value in, and it's going to be something that you can continuously keep generating a monthly, consistent income from. Just remember to focus on the key things, which is ensuring that your app is functioning as it should, making sure that you're happy with it, you're passionate about it, and also making sure that you're continuously working on your marketing strategies. All of this
Segment 5 (20:00 - 21:00)
can be found in the Claude Blueprint. It's going to give you a complete marketing plan on exactly what you can do. My recommendation is to ideally use some sort of organic traffic initially, and once you start to get data and traction, you can now start to invest into some sort of paid ad. A lot of people are using Meta Ads for them to get people on to their app, whether they're a small app or a big app. Let me show you exactly what I mean. If I just go back over to Digital Maker AI, you can actually spy on the different ads that people are running. If I just click on Ad Library, what I'm going to do is just type in app and change this to the United States, and then click on search. What it's going to come back with is different companies that are using Meta Ads right now. Again, it's going to be big companies. We've got Intuit right here. We've also got Temu. We've even got OpenAI. But, there's going to be some regular apps that were built by people no different than you. So, this is definitely one way to go. You can use a video ad, you can use an image ad, whatever feels comfortable for you. You can also do organic content as well. If you wanted me to make a detailed video breaking down what you need to know as someone that's never done marketing before to drive traffic to your app, just put in the comments down below, "Do the marketing app video", as well as your specific location, and I'll be sure to get onto that ASAP. But, if you've enjoyed this video so far, you've learned anything, you got any sort of value from it, don't forget to press the like button. I really appreciate that. Don't forget to subscribe as well. Hit the bell notification so that YouTube can let you know once a new video has been released. And if you want to watch another YouTube video that I made not too long ago where I show you some other ways, some more advanced ways that you can use Claude, things that I'm personally doing myself right now as we speak with the different internet businesses that I'm running, you can watch that video by clicking the link on the screen right there. Be sure to check that out straight after this because that video has already helped out countless people. And I'm sure if you're able to watch it from the very start all the way to the very end, it's also going to help you out as well. But, other than that, I'm going to catch you on that next video. Make sure you stay safe out there. Peace.