Create A Website In Minutes With AI

Mark walks through HubSpot's free AI website generator, from building a site with prompts to connecting a domain. The demo covers the drag-and-drop editor, adding payment and meeting modules, generating SEO-optimized blog posts, and tracking revenue and attribution in analytics.
Chapters
Are you trying to build a website for your business? But some tools are too complicated and confusing and others just don't meet your business needs? Don't worry, HubSpot's totally got you covered with our free AI website generator. Let me show you how easy it is to build a website in minutes. To get started, just click the link in the description below and you can build your website along with me. So here's HubSpot's brand new AI website generator. It's totally free and it can get you started today. And don't worry how. HubSpot is totally built to scale with your business as you grow. To get started, click Get Started for Free. If you don't have a HubSpot account, you can sign up. It's totally free for life and really simple. We're just going to answer the prompts from the AI and it will create a website for us. So Creatively is a full service creative agency that helps scaling companies creatively, optimistically and strategically bring their ideas to life. I'll go ahead and say that I want to offer my services and attract leads. I also want it to be a vibrant website. And click finish. Now I'm letting the AI do the work for me and we're going to see a custom built website based on the answers I gave to the AI. There it is. The website's built. You can see right out of the box. I've got all these different modules and all this different content built for my website. First things first, let's connect our custom domain to our website. If you don't have one, don't worry, you can buy it right inside HubSpot. To get started, click Settings and scroll down to page URL and connect your domain. Here you'll be brought to your settings where you can either buy a domain using GoDaddy or you can go ahead and connect your own domain. Hosting Your website with HubSpot is totally simple and totally safe. Plus it's built to grow with your business. It all includes a standard SSL certificate, a content delivery network, web application firewall and 24. 7 Monitoring for security and threats. Safe to say hosting your website on HubSpot is totally safe. HubSpot's drag and drop editor makes it super easy to create beautiful website pages. Since I already made the bones of our website, let's get started customizing it for our business. Anytime you click on a module, you'll see a side panel pop up. Here you can change all the different elements of this module. I can simply swap out or replace this image, once I click the font, I can click over on styles and change the alignment and spacing, the visibility, or even any of the content in that website. On the left hand side, if I click the plus button here, I can see I've got three main options. First we have modules. Modules are little pieces of your website. They can be grouped by different types of elements such as text, commerce, design. For example, if you wanted to offer payment on your website, simply drag and drop it right there and the payment module is populated. Or let's say you want people to be able to schedule meetings with you right from your website you simply select the meetings module, drop it in and it will allow you to select from any of your website meeting tools. We also have this module called Content Library. It's amazing so you build lots of great content for your business. Blogs, infographics, PDFs and white papers. You can feature it all on your website with the click of a button. Let me show you how it works. Simply scroll up to the plus sign and type in Content library and there it is. When I click it, I can drag and drop it right on my website. Here you can see we've got placeholders for all of your amazing content. To edit any one of them, just click Edit. Give it a different name, a description. You can add what the link text is and where does that link go. It can link to an external website, some content that you have hosted on HubSpot, or a file, and all of your files live right here. The good news is, as you build your website, it's automatically optimized for mobile. Let me show you how it works. To view your mobile optimization, scroll up top and simply select the mobile icon. Here you can get a preview of what your website is going to look like on the mobile device. When creating your website, it's really helpful to make all of your changes in one place and have them reflected on lots of pages. That's exactly what we do with our advanced navigation. Simply click your header, click open in Global Content Editor and here you'll be brought to another editing page where any changes you make here will be reflected on all of your website pages. For example, if I want to change the logo from left to centered, I, I just click and click Apply Changes and now when I go to publish these, these will all be saved on all of my website pages. Now let me show you how you can create and grow search engine optimized blog content for your website using HubSpot's AI blog generator. To get started using our new AI blog generator. Scroll on over to content and click Blog. Click Generate with AI and you'll be brought to a screen with some prompts for you to answer. To generate your blog content, first describe what your blog post is about. I want to know why creativity is the key to future proofing your business. Next, HubSpot AI is working with Semrush Data to find the most optimized blog post titles for your blog. Now keep in mind, any of these are editable by hovering over the pencil icon and making any edits that we want to make. I'll go ahead and select and Click next. Now HubSpot AI and SEMrush data are working together to find the best search engine optimized blog post outline for your blog post. Here we can see the title has been updated. We see a description that's already optimized for search engines. And here we start to see the outline of our actual blog post, all created by AI. Now again, all of these are editable. You can even click regenerate heading to get a different heading. And you can even scroll out and X out of them to remove it from your blog post. These all look pretty good to me, so I'll click Generate blog post. Now, HubSpot AI is literally writing your blog post for you in just seconds. And there it is. A complete AI generated blog post ready for you, your marketing team, to put your own personal spin on it. Let's take a look at what we got. As you can see, it's generated our title for us. And here we've got all the main concepts that we talked about in our outline. Now, as always, we can even use more AI to put our own individual spin on it. For example, I'm going to go ahead and highlight this text right here and click the HubSpot AI icon and ask it to expand this text. Right now the AI again is working to find search engine optimized words and tags to make this the best copy it can be. I'm going to go ahead and insert it. And there it is. We've got new expanded content ready for your viewers. But there's more. If I select this text and hit the HubSpot AI icon again, I can even change the tone of this content to be a little bit more heartfelt, educational. I like a friendly tone. So there it is. I click friendly and HubSpot AI is working to change the tone of my blog post. I'll go ahead and click insert and my blog is ready. If you already have an existing website and blog, don't worry, you can totally import the blog and even your website URL slug your meta description and the title for all of your external pages. So now that your website is published, let's see how it's performing. Here we can see revenue, attribution and certain page metrics such as views, total submissions, any new contacts created, amount of customers, bounce rate, and other great data. You can even get a graph of all the page views for this particular webpage. Lastly, to view the details of this website page, just click View Details and here you can see all the relevant information for the webpage. Now that people are coming to your website, it's really important to create and manage cookie banners. That way you can capture tracking consent from your website visitors. Don't worry, HubSpot makes it super simple to get started. Scroll up top to your settings and then select Privacy and Consent on the left. Next you'll click on the Cookies tab and we'll click Manage Banners and Create Consent Banner. Here we'll give it a banner name. We can let them know which page we want it to show up on and what countries we're going to be targeting. Then we'll click Next. Here you'll see we have three main types of cookie banners. A notification banner, an opt in or an opt out. The notification banner lets people know that we are already tracking their cookies. The opt in banner allows them to select which information they want to share, and the opt out alerts them that we are already tracking their cookies, but they can opt out at any time. I'm going to select a notification banner, select which language I want it to be in, and click Publish. Now that we've created the cookie banner, I can scroll down and get a look at the banner preview. I can change my colors or select for my brand colors and even change the position from the top or the bottom of the web page. And that's how simple it is to create a cookie banner for your website. So if you're ready to build your website in minutes using HubSpot AI, just click the link in the description below to get started. I'm Mark from HubSpot. Thanks for watching.










