In this tutorial, the presenter walks viewers through creating a complete landing page using HubSpot’s Starter (or free) CMS. Starting from logging into HubSpot and navigating to the Landing Pages section, the video shows how to select a template, upload and size a logo, add alt‑text for SEO, and craft the main headline and supporting copy. The creator then builds a custom form, configures its fields, adds a GDPR consent checkbox and CAPTCHA, and sets a redirect to a thank‑you page for conversion tracking. The tutorial demonstrates adding multiple calls‑to‑action: a form‑submission button, a button linking to an external Calendly scheduling page (with nofollow and new‑window settings), and social/contact links (LinkedIn and email) also set as nofollow. SEO settings are covered, including meta description length, featured image selection, and the platform’s SEO health check. The drag‑and‑drop editor is highlighted throughout, emphasizing that no coding is required. Finally, the page is previewed, saved as a draft, and the process for publishing is explained, showing how the live URL can be used for ads or social sharing. The presenter stresses best practices such as using alt‑text, consent mechanisms, and testing CTAs, and invites viewers to reach out for further help.
Chapters
Today I'm going to show you just how to build a landing page from scratch using actually either the starter or the free version of HubSpot. I believe this is included only in the starter CMS suite. So let's go ahead and do that. I'll click. So what you want to do is pretty much go to your instance right here. You log into HubSpot, you go to marketing, you go to, and you go to landing pages. There we go, landing pages. And then you click Get Started, right? If you've never done one before, let's assume this is for a new service and we'll just do a sample, uh, service landing page, right? This is just for us to have something to work with. And definitely HubSpot makes everything very easy for, for you to actually, uh, generate a landing page. You don't need to know any coding, you don't need to know to have a developer background or programming, you Pretty much can use any template that you can find here. There's some that you can even select and which are upgradable, right? Like if you upgrade to a different version of HubSpot, you'll be able to have access to way more of those. But let's just choose a basic one. How about this one? This one looks good. How about we do this select template right here? So we'll just click select template there. And here here we are, like in this CMS side of things in HubSpot. So this is pretty much just for us to generate our own. Landing page. So here I'll just put like my company's logo. Right now it doesn't look as amazing as we probably want, but definitely we can edit its size right there. This person is okay right here. And then if I put in here like some form of phrase, right? Like I want to sell like my HubSpot consulting services. So do you Need help using a button, right? Generally, a landing page is gonna serve as a lead capturing element. So I can just go ahead and do this, and I'll do like, uh, sign up for a free consultation. And then from there, uh, I could probably delete, uh, generate a new form right here. So I'll probably create a new form. And I'll put this like sample LP form. And then instead of selecting a form, what I'm going to actually do is pretty much create a new one. I have a contact us form already built, but I'm just going to create a new form. I'll create that one. And then basically this is just, it's going to be called sample LP form. If I want to do that, what I can actually do is, as you saw right here, that I had this kind of CTA typed in there. What I'm just going to do is switch it up, and I'm going to put in the form title right there. And then that's pretty much it. It should. It'll show in this case. It shows yes correo electrónico, which is in Spanish. But I'll just put email right here so it is more understandable. Then go back to the homepage email. The button should also be definitely in English. And this is actually something that is dynamic within HubSpot. You know, depending on. From where your contacts are seeing you, you can actually make the content be seen in their language. So that's good. So we— but for now I'm just going to edit that. Usually you want to add a consent box there. Sorry, not only the GDPR if you're actually going to market to Europe, but then definitely at least a CAPTCHA so that you prevent some spamming messages from there. And then what you'll do is just redirect to another page. I just want to send them to my homepage. In English, there we go. So so so once they submit that, sorry, this I actually have a thank you page for this. So the thank you page for me, it serves as a way for me to measure conversion. So anybody that visits the thank you page is which is not linked in my homepage. When they visit the thank you page, they're actually that actually means that they submitted something like either a contact us form or this particular form, right? So as we as we do this, so I'm just gonna. Go over here. We do have that like here's my logo, my company logo. Do you need help using HubSpot? Sign up for a free consultation. Maybe I can I can actually provide some details here. Like for example, best in best let's see best HubSpot service is. This is for SMEs. And then right here, if I just want to replace that with some form of logo, what I'm actually going to do— I don't think I have a— I was going to put the Solutions Provider badge right there. And then what I'm going to do here is basically if I actually need this module, probably not, probably not this one either. And I'm just going to make it very simple. So it's actually— this is the lead capturing element right here. And so what I can do in the next one is actually generate another module right here that could be potentially— and actually, I'm just gonna choose a form again. I'm just gonna put a form right here so that we have that below, and I'm gonna choose the same one. And actually, uh, it'll have the pretty much the same CTA, uh, schedule consultation. What I actually can do here is that instead of having a form here What I'm definitely going to do is let me just switch it up a little bit. I'm going to show you something. What I actually want to do, go back to the home. I'm going to delete this part right here. What I'm going to do is add actually a button. So I'll just add some text in here. You see, as you as you can see, I'm dragging. This is the drag and drop interface from HubSpot, which is pretty useful. So I'm just gonna go ahead and input like schedule. Do. Your meeting today. And here what I'm going to do is just put this one like kind of right in the middle, right there. There we go. And I'm actually going to put a button just below it, and this button is actually going to link to— and actually I'll just put a— it's going to be a nofollow, and then add a link. Uh, it's actually going to be schedule a free consultation. And what this button is going to do is actually lead people to my page. So my bookings page, and actually I have that as a Calendly link. So I'm just gonna go quickly grab that one. There we go. I have grabbed it now and I'm just gonna put it right here. I'm gonna choose external and put my Calendly link right there. And then I'll choose to open this link in a new window and the style options. Well, definitely since this is themed, we don't want to mess up too much of this right here, but if we just want some form of space, that'll be okay. And then these— that is pretty much it for that one. And now if we want to, uh, I actually had not this— I didn't have this one ready as a PNG, but definitely that would look much better if we want to have that. That would actually be more helpful to our landing page. And actually, let me just, uh, Quickly put here the alt text section logo for Fuentes pattern, and then I'm going to replace this in a little bit with a PNG transparent logo. So let me just go ahead and do that, and there we go. So I have replaced that one, and here I'm going to put the same alt text. This is for SEO purposes, so I do suggest that every image that you have on any landing page or your web page should probably have your own. Your very own alt text attached to that image for SEO purposes. And definitely let's go back home right here. I'm just going to kind of center it a little bit if, if I can actually do that. I think it doesn't look too bad, but definitely what I want to do is put it right here. So 200, I'll make it just smaller. Okay, that looks better. It doesn't really need to be centered. There we go. And actually this picture, I'm just going to leave it as it is. Kind of just, yeah, make it, make it, leave it as is for now. And definitely now what we can do, and so now it's, it is pretty much ready. What I want to include definitely is just my LinkedIn, which is the only, yeah, pretty much the only network that we're on at the moment. So definitely this should link to our LinkedIn page, which I'm just going to grab quickly. Yes, so I just grabbed our company page right there. There we go, on LinkedIn. Should open a new window. I'll put nofollow, and then I'll just go ahead and look at this preview. So definitely— oh, I know there's this email, uh, section that needs to be, uh, definitely taken care of. So I'll just put this as well. This is my email, and then that can actually open in a new window. Nofollow. And then from there, I'll just go back in, in the home. Yeah, we can now see it. So if we want to preview this, we just, we just have to go to the settings. So this is definitely, uh, I'm just going to call it, uh, HubSpot consultation sign up, right? I can add a small context log. Yeah, it actually does that automatically for you, as you just saw. We'll add in a quick meta description here. So I'm just going to go grab that real quick. All right, so I went to grab that one real quick. Uh, actually you'll see here that there's 20 characters, uh, over the limit. So the limit, the recommended limit is actually 155. So we should actually listen to HubSpot for that one. So what I'm gonna do is actually go ahead and grab this and we— and I'm just gonna delete it. So we're within the limit and that's pretty good. Uh, you can actually enable a featured image if you'd like of your— for your landing page. You don't I mean, it is only if you want to. I'm definitely probably going to add it in and I'm just going to choose this one just for the moment. And I'm just going to put logo. And then after that, we'll go to optimize. We see that there's no issues with our SEO. So that's another great thing about HubSpot landing pages that they give you this rundown of what you're doing right or wrong. Like if we see nothing wrong right here, so that's good. If we did, we would see instead of this green checkmark, we'd see like a red X, and we probably want to check that out. And then I'll just go to publishing. And then what I'm actually gonna do, I'm not gonna publish it, I'm just gonna leave it as a draft. What I'm gonna do is click here and save. And actually, I'm just gonna preview it so that we can actually see what we crafted in this quick tutorial. So definitely you see the logo. Do you need help using HubSpot? Sign up for a free consultation. That's the first catch right here, the first CTA. So they can just sign up right here and click submit. And then best HubSpot consulting services for SMEs. I'm a HubSpot solutions provider. And then schedule your meeting today. You can actually schedule here and see the calendar. So if we just open that in a new window, we can better see this landing page that we just created from scratch with HubSpot, with their landing pages and CMS tool. Drag and drop. I did no coding whatsoever, and it's actually very helpful. And we can push this live. And if I push that live, you'll see that I'm actually going to have this URL. And yeah, I'm just going to sign people up there, and I can actually begin to run ads or share it on social media. And I'm open for these services now. So so yeah, definitely that's that's a good thing there. You can also test out what would happen. Someone submitted this first signup. So I'll just— if I click submit, it'll take me to this thank you page. So it is— so that's one thing we enabled. So that's good. It's working there. If I go back to it and I click on the schedule a free consultation, for the purposes of this video, I actually set up 2 CTAs. Not that you always have to do that, but definitely we did that here and they actually do different things. And it says schedule your meeting today and schedule a free consultation. Let's see what happens there. It should lead us lead the contact to my Calendly page, which is like a scheduler page for them. And then yes, indeed, you can see right here you can schedule a meeting. You can schedule a 15 or 30 minute meeting with me after you click on that link. And that's pretty much it. You will see that also the email, the mail to address at the bottom. You'll see right here that it turns on. So if you click this button, you will actually send me an email straight from there. And if you click on the LinkedIn. Logo, it should lead you to our company page on LinkedIn. And that is pretty much it. And I'm just going to hide this one so that you see that yes, this was a free, freely created landing page, and that's actually very helpful, and you can get your business going with that. So yes, if you have any questions, feel free to always reach out to us at, uh, definitely at fuentesapara.co. Visit our website, and, uh, yes, I'll see you on the next video.
