Publish AI Studio Site in GoHighLevel

[0:00] Hey! Guys and Gals. In this short video we're going to use the new AI Studio. Which if you haven't noticed that that's HighLevel’s amazing new vibe coding section. Where you can basically create beautiful websites and apps using just text messaging. using just text messaging. I'm going to show you how to publish your sites once you've created them. So we’re going to go over not only how to publish the site as far as getting your site live on a preview domain. But also how to use your own custom domain or subdomain with that. And also going to touch on the SEO settings as well. Which are fairly new. So let's jump into it. And before we do

[0:31] if you're not already subscribed to the channel make sure to click that subscribe button down below. Get my affiliate links down below also. So if you're looking to upgrade and need some support with your HighLevel journey. Use my links and then reach out to me I'll be happy to help you as well. As well as a free community on there where I share tips and things like that. So let's jump into it. And I will see you on the other side. Okay inside of the dashboard. We're going to head over to AI studio on the left menu. And again this is new. You can see I already got the app down here built. And this is actually my

[1:06] client's account. So this site is actually done in Japanese language. And you can see we've got a beautiful website here. With a scroller. Call to actions. Different things going on here. And got some animations. Count down here. Count down to zero. Some testimonials. We've got some picture here. Video embed. FAQ’s. They want to do is just open FAQ’s you can easily have toggles here as well. And then you've got the call to action buttons here. So if we click the publish in the top right. We'll see that we have the option of using the (.vibepreview.com) So (.vibepreview.com) is the publishing URL. And we've already changed this to (happy-vintage) So you can click that pencil icon.

[1:52] And change the first part. Which is the part that goes before the (.preview.com) To whatever you want. As long as it's not already being used somewhere else. And then you just click publish. Now once you come into the next screen. You got the option to change your icon title. And that's what you're going to see up here in the little browser tab. Also if you were to save this to your desktop you would see this icon here. So you can change that. If you'd like to. You can also change the title. Which is what's going to show in the tab. And also in things like that Google search result. You can see the preview down here.

[2:23] The title is going to be what's going to show like in a Google search result. In some places where you share it. And then also the description which would also show in the Google search result. Or other places that you share. And lastly you have the Social image. This is let's say for example somebody shares this link on a Facebook post. This is what's going to show in that share image. So you can change that. And the recommended size on that. Usually I would like Facebook for example is 1200 x 630 pixels. So you can just replace that if you like. This is already automatically placed here by our AI. And then you just click

[2:56] Apply Changes. And Publish. Now you can see it says “Your app is live!” It gives you copy link here. Or you can just click view app. Now you can see we've got (happy-vintage.vibepreview.com) So this is an actual live shareable link that we can use. Posted on social media. Or to share with somebody. But for a lot of you you want to keep your design on brand. You don't want a (vibepreview.com) in your URL. So let's just close out of that. And now we're going to go back to publish. And here you can see a link that says “Add custom domain”. Just click that. And now you can actually use a custom domain. So your domain could be

[3:31] in our case (behappyusa.com) You can use a full domain like this. But in our case we're actually using this for the website. And you can't use it in both places. So since we're already using for this website if we were to change it to here then our website would no longer be working using this domain. And we don't want that. That's bad. So what we will do is we can come here and add a subdomain. Which is a little part that goes before it. Like we would say (vintage.behappyusa.com) Now this vintage part is a subdomain. And this can be unique. It can be anything. As long as not using this already with your (behappyusa.com) domain somewhere else.

[4:06] Then you're good to go. And you can end the record manually if you want. It tells you how to add that using a CNAME record. But we're going to actually go back. And we're going to just add it. Automatically. So let's just type that again. (vintage.behappyusa.com) And continue. It's going to find our provider detail. I believe this worked with Cloudflare. GoDaddy. Namecheap. IONOS. And I'm not sure if it works with any other providers. We recommend having your domains DNS records hosted with Cloudflare. So in our case we're just going to click Authorize Domain. It's going to have us login to Cloudflare. Or if you're already logged in it's going to open up your Cloudflare account.

[4:43] Once you log in it's going to confirm which records you're going to change. So it's saying you want to authorize to update this record. So I'm going to authorize that. And then here it also shows you the records again. And then it's going to the verifying process here. This is basically just getting the records pushed into Cloudflare automatically. So this way you don't have to to log in the cloud for separately. Add them yourself. So it's yet another automated step to make this easier for you. And now it says done. Verify DNS. Now we could publish again. And you can see we've got (vintage.behappyusa.com) But it's not up yet. So sometimes it takes a little bit of time.

[5:20] So we're going to just give us a few minutes. And let this work through the system. And then we'll be right back. Okay. I'm back. It took about 2 minutes. For this to go through. You know technically with these type of changes it can take up to 48 hours. I haven't seen it take that long in years. Typically the longest I've seen to take is 15 minutes or so. But typically it goes in within a minute or two minutes. usually. So for us it was just two minutes. And now you can see we've got the (vintage.behappyusa.com) We've got our icon up here. And if we were to share this in the side of Facebook you would also see the

[5:50] image shared. and things like that. But now if we just scroll down you can see we've got everything here. Our buttons are up here. Everything's live. We're going to count countdown. And. Yeah. I mean it looks amazing on mobile as well. So. This is the new AI studio. Now one thing that's also very important is now that it's published. We can come back in here and see in the published you can unpublish it here in the top right. If you wanted to take it offline. You can make the (vibepreview.com) URL the primary URL if you wanted to. In our case you can see we've got the star for the vintage. So this is the main URL.

[6:26] And then you can add more custom domains if you needed to for some reason. And then also you can edit the settings again if you want to change the title. The icon. Or the description. Apply those changes. So this is all done. One thing we can do also those if we go over to the left side here. And. We can click the drop down here where the name is. Right for the arrow it's a little drop down. So we can take version history. We can store this inside of our account as a favorite. Move it to a folder. We want to go to you see Appearance. You can do Light Dark or System. But the important one here is settings.

[6:56] If we go to settings you can see we've got a few different options here. One is you can rename your project. You can clone this project. Or you can unpublish it here as well. But the one we want to look at over here on the left is we have domains which we've already set. You can connect your domain here. But SEO is the important one. So a lot of you want to make sure that that this is SEO friendly. That this is going to be picked up by search engines. by AI engines. And things like that. This is where you set that. So we're going to come in here and we're going to toggle this on.

[7:25] And that's it. That gives you advanced SEO support. Now the website is going to be indexable on the front end. And you can submit this to your search console. So let's just go over these settings here as well. Before we leave. Just a few more settings here. And then we're completely done with this. And so here's just a couple options. One is verify your site is live. So you can copy the website link. We already did this here. But this way it's good idea to check. To make sure that everything is up and running. You've got the domain. Next is improve social preview content. So these two are going to give us the prompts that we can use.

[7:59] So we want to copy the prompt and go back. And we're just going to put the prompt here. In the ask AI chat box. And this is going to tell it I want to add the meta tags on all pages in this code base. To do that I need you to do the following. And once it's done review it one more time. And make the changes. So it's going to add your SEO items inside the head code of your tag. These are the tags that are behind the scenes. You can have like no index tags. You're going to set a canonical link. All these things are SEO terms but they're very important to make sure that

[8:29] they are added inside of your code base. So that Google can pick them out. The AI engine can pick it up. And things like that. It's going to also check to make sure the pages format correctly with just one H1 tag. Proper H2 H3 tag structures. All that stuff. So everything that's good for SEO in terms of the page. So we're just going to run that through here. And in this website we currently just have one page. But if you click the little input box up top. If you have multiple pages they’re also show here. And you can have multiple pages in this website. If you're adding multiple pages I would run this again once you get the other pages added.

[9:01] But right now in this page we're just going to have the one page for this funnel or a landing page. But as we come in add other pages here. Maybe we're going to have an upsell page. Or a booking page. Then we'll see those in drop down here. We'd want to come and grab that prompt again. And run it again. And it'll go through all the pages make sure everything is is done properly. I'm just going to give this a minute to run through. And then we're going to go through the next one here. A soon as this is done. And I'll be right back. Okay. You can see it added all the SEO stuff here.

[9:27] Now if we go into our code. You can view the code here. Which is really cool. Because if you want to come and make some changes to code and things like that. You can come in and view the code. And now in the UI components you can see (SEOHead.tsx.) And here you can see some of the stuff that was added. Title. You know we were able to edit already manually. But it wasn't added into the code. So we wanted to make sure that it gets in the code also. So that the SEOs and AI engines can pick that up. We got our meta description. We've got the no index follow or index follow. So we can check that on the front end.

[9:56] But we want to make sure that that we're using index follow. And we also have some OG titles here. These are for shares. Twitter cards things like that. So you can see it was all added here successfully. And then if we get back into the view. And we're going to just view the website on the front end. This is the preview mode. So I'm going to actually go to the live view. And then let's just take a quick look here. I want to just look at the code and see what's been added here. So you can see down here we've got the code. And if you go into the head we can see all of our

[10:29] SEO tags. That have been added here. The one we want to make sure that we have here is we want to for the robots. And make sure that the site is set to index. So here the canonical tag. I don’t want to get into too much into SEO. But canonical tag just tells Google that this main domain is the one that it should index. So if you have parameters and things like that. Like UTM parameters and different things after the domain. It's going to always look for the main one. It's also if it's looking at the vibe coding domain the temporary one. It's not going to do that one. It's going to look for this

[11:00] own version instead. So I'm gonna look for one thing here. And I want to see index. So we can make sure that it has the index or no index on. No index. So I don't see anything here. So maybe that's will added to the robots tag. But we can definitely check this in some different tools. To make sure that the site is indexable. And you can see what that shows as well. Here's a site for example (siteguru.co) And they've got a lot of tools here. So you just come into one of these. And enter your site URL. Get your website report. And here you can see if we have things like the canonical URLs. It tells you the warnings

[11:45] suggestions. And like that. So here you can see your page title. You can see if you have any internal links. H1 tags. So it has too many H1 tag. So we want to check these kind of things. Make sure we only have one H1 tag. We don't have schema markups. That's another thing we can add to help your results. The page is indexable. So it doesn't have the no index blocking. Which is good. We have our no index tags. It checks for broken links. And things like that. It has alt text on images. So all this stuff is here. You can use these different kind of tools to confirm that. And then nowadays with AI

[12:16] a lot of AI can scan your site directly as well. Again this is a little deeper getting into SEO. So this video was just meant as an overview. And then I just want to show you one more thing that we should do here. Based on the settings. Is go back to SEO. And we want to generate the sitemap. So if you are ready to publish this. You can generate a sitemap. Copy the prompt. Go back. And again you want to update this. As you add more pages. But this is going to create an XML sitemap. That you can submit to your Google Search Console. And that's going to be the final step. So let me just pause this.

[12:50] Let this go through. And then we'll show you that final step here in one second. Okay. This is all done. So we've got our sitemap created. And now if we go into the code. And we look into our public folder. This is where you have your main like (robots.txt) here. This is where you can also manually update things like if you want to block certain AI bots. Or certain SEO things like that. So if you're not familiar through (robots.txt) You can ask your AI about that. But we've got our basic robot set up here. And it does allow the AI agents and the Google search engines to scan the site. So that's very important. And then (siremap.xml)

[13:26] that was what we just created. This is an XML sitemap that tells Google search engines what the structure of your site is. And it has all the links to all the pages you have. Again you can see we just have one page. But if you wanted to add more you can come in here manually and just copy this. And then add it for other pages. Or you can just copy the prompt again. Put it into the Ask AI. And AI will update it for you. The nice thing is you can do this with the update code. And I believe coming in a week or two. We can also be able to do some actual changes on the canvas.

[13:52] Changing text and things like that. So that's going to be super nice. Now if you have a quick change you don't have to wait for it. We’re going to do one more thing now. We're going to go back into settings. We're going to go to SEO. And we're going to submit your sitemap to Search Console. So it says learn how and so basically when you open sitemaps report here. They make it super easy to do this. And you're just going to select your website. So this is Google search Console. It's a free tool provided by Google that allows you to manage your site's presence. On the internet. Manage technical issues with the site. You can see traffic

[14:25] performance and things like that. But this page here is very important. Because this is where you can submit all of your XML sitemaps. Has to be your domain. So we can come in here. And the sitemap is just going to be the domain we set up. And it's (/sitemap.xml) And so you can see we have a 404 oops not found. So the important thing to note here is once we add this we need to republish the site. In order for these changes to take. So we didn't ublish the site. So that's why the sitemap is not available. So now if we refresh. We can see our sitemap is here. Exactly like we showed in the code base.

[15:01] And so we want to copy this URL. And then we want to go into our Google Search Console in the sitemaps. We're just going to add the new URL here and submit. You can see it's been submitted successfully. One of the trick I have a separate video on this. But this is super easy to do. Any page that you want to try to get indexed quicker. You can just grab that URL. And you can come into Google Search Console. In the inspect. Search box at the top. Search that page. I do this a lot of times if I write a blog article. I'll come and try to get this index right away. So you can see

[15:33] it's not on Google yet. You can just come in here and click Request Indexing. And this is just going to speed up the process. You can't force Google to index anything. But my experience is if you have a mature domain and you do this. If you check this again in a minute or two. A lot of times it will be indexed by Google already. And then then it becomes searchable right away. Otherwise Google may wait weeks before they find it. They'll often scan your sitemaps. On their own time schedule. So it could be two weeks four weeks. Before they actually pick up the site. So just giving it this little bump. A lot of times will help it

[16:03] become indexable right away. And you can see now it says submitting the request indexing requested dismiss. Again if this domain has been around for a while. And trusted by Google. If you come in and search it again. A lot of times it ‘ll show up next time when you do requests it'll say site is indexed by Google. So that's a really helpful tip as well. So that's really it. For getting your SEO set up. One thing I wanted to know too is that the site view is that I had a multiple H1 tags. So if I come to my site and I do a search through the code. And I search for H1. You can see

[16:37] I have my H1 there. But I only have one. Which is exactly what I want. So if I search for H2. You can see I've got some multiple H2 tags. Which is exactly what I want. And I probably have some H3 tags and things like that. So you know if you see the tool sometimes give these falls positives just make sure that you come and check the result yourself. And you can make sure that that's exactly what you're looking for. Alright! Guys and Gals. So that was a little bit longer than intended in terms of publishing the site. I just wanted to go over all the SEO tips and things like that. AI studio is absolutely amazing.

[17:11] And this client was able to make this website themselves just by using a chat with AI studio. Making the changes. You can upload pictures and things like that. So if you're not using it I recommend taking a look. It's currently still free. Which means there's no token charges or things like that. Well HighLevel is getting this launch to the public. They want us to break it and test it so they can make it better. But they are going to start charging for token soon. So if you've got a project you're working on I recommend jumping in there. If you're not sure how to get started. I've got my community down below. My free community. You can join there.

[17:41] I'm happy to help you there. Also I've got my affiliate links down below. So if you are going to sign up as an agency with HighLevel sign up using my link. And I'm here to support you all the way. So that's it. Make sure to subscribe my channel. Like the video. Comment. And I will see you in the next one.