So if you’ve linked your website in a marketing ad or somewhere else out on the internet, it should be the first location that new visitors arrive at, and so it is incredibly important to have your landing page really capture the essence of your Website it really establishes the theme for the entire web page and will help generate that interest for new visitors.
Adding a call to action button can really increase the retention of visitors on your web page because it gives them incentive. It gives them a direction ahead in to head deeper into your website and the tool i’ll, be using today to create this landing page is called wix.
com, and if you’re unfamiliar with wix, it’s. An online website building platform that provides you hundreds of templates to choose from and an intuitive drag and drop editor to efficiently and creatively design.
The exact website you’re. Looking to make now, i ‘ Ll drop an affiliate link down in the description directly to wix.com. If you want to go ahead and follow along with the video today and if you’re unfamiliar with it at all and don’t even have a wix website.
I have another video that i’ve created and i’ll drop a link down in the description about how to create a professional website using wix from scratch. I would highly recommend watching that one first before jumping into this one now without further ado, let’s, get started, creating a professional landing page for our website.
Okay, so first things: first, you’ll head over to the wix.com home page. I’m already here, as you can see, and if you don’t already have a wix account. You’ll, go ahead and hit get started, or you can hit the sign in button to go ahead and create an account now, as i mentioned before, i did have another video about how to create a wix account and your first website i’d recommend checking that one out quick if you’re not already familiar since i already have an account i’ll, just hit sign in and from the sign.
In page i’ll, go ahead and hit login, since i don’t need to sign up and enter my email address and password and hit login awesome, and we’re now at your wix dashboard. So this is what mine looks like you can see my first site over here.
I can go ahead and hit edit site if i wanted to, but instead what i’ll do. Is i’ll click on my sites at the top left corner, that’s right next to the wix logo, and from here you can see the entire list of all the websites associated with my wix account.
Now, as you can see, it’s, just the one right now, but i’m not going to edit that one today i’ll. Show you how to create a landing page from scratch. So let’s head over to this button in the top right and hit create a new site.
Now this navigates us to a new page where it asks you what kind of website you want to create. We’re gonna go ahead and hit other, and we’re going to use the template. We’re, not going to use wix adi.
We’re, going to make sure we choose a template, so go ahead and click that and then now we’ve got all of our templates so, like i said, we’re, going to be doing a landing page. Now we could choose the one right off the get go right here.
This is a coming soon, landing page or wix provides hundreds of different templates. There’s, definitely more than one to choose from for landing pages. So we’ll search landing page in the top left and hit enter, and now we ‘
Ve got a full list of all of the landing page templates. We’ve got six pages to go through, so let’s, go ahead and find one that’s, already kind of got. What we’re, looking for something uh, pretty straightforward, subtle, but something that can be adaptable to whatever our theming is and honestly, i’m, a big fan of this one right here.
Let’s, go ahead and click view to check it out. This will open it up in a new tab and we can always hit the x button to close that and at the top left. If you want to check out what the page looks like in mobile format, you can go ahead and hit the phone icon.
That ‘ Ll, show you what it would look like on mobile and then back to desktop. Now this is super minimal. I’m, a big fan of this. It’s, not too flashy, but for this i’m, not going to use this one.
So let’s, go ahead and go back to our selection of templates and let’s check out another one, and so i am looking for something that has a good background image. But i don’t want a video in the background.
I want a solid background image, so we ‘ Ve got the business coming soon photography coming soon. Now i don’t want it to be a coming soon page, although a lot of landing pages are used for that when a site’s under construction, but a lot of sites also have a landing page just to arrive at that’s where you’re first landing at the website itself is the landing page.
It’s. What makes that first impression on your visitors, so we want something that really catches. Somebody’s attention. You know. I am a big fan of this one right here: a nice solid image in the background, your logo, right in the middle, a call now button that’s great and then a email subscription box.
This is fantastic and it goes into the services and clients and everything else. This is the kind of landing page i’m looking for for my needs now, of course, it can vary depending on what kind of website you have.
If you have a portfolio site, then you definitely want to show off some of your work right from the get-go and then direct everybody towards your portfolio or if it’s, a small business or a drop shipping company, you might want to have your Featured product of the month day or week on your landing page so that when people come, they’ll, see that and then have a call to action button or some button that directs them to the store to actually check out the rest of your Products, so i’m, going to go ahead and hit edit this site, because this is the template.
I want to use awesome so now that the templates loaded up in the wix editor, we can go ahead and start making it our own. So if you’re, not already familiar with the wix editor, this is it. You can go ahead and hover over any element on the page, and it will tell you exactly what it is.
This one obviously is a text box. Then you’ve got down here a wix form, then you can keep going and seeing some of the other content. Now you can grab anything. You want it’s as simple as clicking and dragging it around to the location that you want.
You ‘ Ve got the little lines that line up to show you exactly where you’re formatting is as far as where that specific element is in relation to everything else, on your page and at the top of every item.
Whenever you click on it, it will give you a set of buttons. Now these are the different ways you can interact with that specific element. So, for example, the wix form i could change the form settings.
Add a new field. Add a new element completely to it. If i wanted to so, we want to make this landing page our own, so i’m, going to go ahead and change everything out. Let’s. Change this from barnes consultants to landing page consultant call this landing page consultants and we’ll call.
Your landing page begins with us, see nothing crazy when it comes to text elements it’s, just a matter of double clicking and you’re in or you can click on it and hit the edit text button. Now that applies to pretty much any element you see.
Like i just said you could click on the wix form and go ahead and hit form settings now. An important part of a landing page is not only your call to action text and form, so you ‘ Ve got the text that just grabs the attention it’s large in your face.
Just like this, your landing page begins with us, and the very first thing you see after that is the form to ready to start your growth journey. So we’ll, actually change this from growth journey to landing, page journey, awesome and then clicking on it will open up this extra window.
Now this window allows you to change the settings of your wix form. You can go in and change the complete name of it set email notifications accept payments. You can do so many different things with the wix form for this instance, because it’s, a landing page.
This is my email newsletter. Using this wix form. I can generate an email list and then take that email list and plug it into mailchimp for an easy, seamless transition. Now another important factor of your landing page – if not one of the most important things – is the hero image.
Now a lot of people will use hero, images or videos like in that other template. I showed you, the hero, image or video or just the hero itself. Is this giant image right here? It’s. What captures the attention of the viewer when they first arrive, so you want it to make an impact.
All i have to do is click on that and then you see up here at the top. I can click change strip background. We’re, actually going to swap out this background image, so we can scroll through selected backgrounds in here or we can go ahead and click on settings, and this will open it up in a new window, giving us a full selection of media.
For our site, and so we’ll, go ahead and pick new media from wix. Let’s scroll through here and find something that’s, pretty eye-catching honestly. What this is an interesting uh image? Let’s! Go ahead and set it to this one, this immediately caught my eye, so i would assume it would catch the eye of uh visitors to the site now.
This is definitely an interesting one and you can grab it and drag it up and down left and right. If you’d, like to re-center it accordingly perfect, okay, now that we’ve selected a background, we can go ahead and close the strip background box and scroll down, and we’ll go past our subscription box, and you Can see down here the our services section now this is a series of columns all within a single strip and in order to edit this, you can click on the entire strip and you can hover over each column and at the top it’ll.
Tell you exactly which column it is, and then you can hit the manage columns button to swap the positioning by clicking the arrows down here after highlighting a specific column, and that will move them around in their order or if you wanted to just get rid of Them so, for example, i feel like our landing page should just have two columns.
I’ll click on this third one and hit the delete button down at the bottom. And now we’ve gone to two and we can change the background to any one of these by simply clicking on the specific column and hitting change column background, and then from here we can select whichever image we would prefer something that still allows Us to be able to read what is on there, so maybe this orange one that’s, a good one and we’ll leave this first one and don’t forget to obviously change text to all of these.
We’ll call it landing. Strategies always be sure that you’re, changing all of the text to everything on the site. Otherwise, you’re, going to have just template text. This filler text that that’s meant to just fill in space, will actually slip into your production website and that’s.
Not what you want. It’s very unprofessional. So let’s, scroll down to the next section, which is actually the testimonials. This is where we can have clients that we ‘ Ve previously worked with giving a testimonial of what it’s like working with us, what they enjoyed working with us.
Why and what kind of service we provided to them? That really helped us stand out to them, and so for this it’s, just another strip with columns and of course we can change the columns. So in this instance let’s say i want to manage all of my columns and duplicate the third column.
So we’ll, add a fourth and then a fifth and a six and on and on and this way you can just keep scaling it up. As you have more people, so you could say jane, doe and so on so forth, and you would just go through and take your testimonials and plug it in here.
Now that’s, not to say you can’t just get rid of this entire section. If you’d rather, you can highlight the entire strip and then hit this delete button over here or hit the delete key on your keyboard and it’s gone now.
You’ll notice that the formatting for the website’s still here. So you still have this block and a plain colored background for that section, but the actual filler to it is gone, and so we can control z to bring that back.
And if we scroll down to the very bottom, we ‘ Ve got another one of those subscription boxes right here, something to allow people to sign up for that email newsletter. So we’ll change this as well.
So instead of success is not final. We’ll, say we’ll say landing is not final. We’ll, just we’ll just say: landing is not final. That’s, it that’ll, be our quote, and then winston churchill we’ll change, it simply double-click and there we go, and so we want to make sure that this form matches the one up top and so scrolling Up here we can see that this one is ready to start your landing page journey, and so we’ll, just simply change it.
To that and there we go. We’ve rebranded all of these contents. Now, of course, just like i showed you in each section, you can change the background that’s, a super important thing when it comes to sections on your website, because you want to really define those using fitting imagery to that specific topic.
So something like this, i would probably want a another reference or maybe a collage of images to whatever my newsletter is about. Whatever my specific website is about and then scrolling down to the very bottom, we’ve got that logo again, which, if you remember at the top, we changed that to landing page consultants, just like any other branding.
You see on the website always make sure to change that and click off. When you’re done, and then we ‘ Ve got the three main bottom footer bars, so we ‘ Ve got the follow us the contact and address.
So these are just ways to reach out and get in contact with us or check us out now. This is where you would go in and customize your address. If you have a physical location or if you don’t, you can just get rid of the column altogether.
Now remember. This section is also just a series of columns. You can see there’s four columns, so i’m actually going to take out the address, since it is entirely digital. Whatever my site is for is for a digital service, so i’ll hit, manage columns and to make sure that i have the second column selected and then just hit delete.
And now we ‘ Ve got the three main columns that actually matter my phone number and email, as well as the follow us and links to our various social media sites and then just make sure that you’ve changed all the branding.
This goes for any wix template that you use or any template use on any site ever. Never just let it sit as the normal template go in and make it your own customize it give it life and make it creative, because that’s.
What’s going to set your site apart now? Speaking of setting it apart, you can tell that my text actually blends in with this background a little too much it blurs it. Doesn’t really stand out, so something i might want to do is highlight all of that and then click on color down here, and this will bring up color swabs that i can then hover over to see a preview of what the text would Look like in that color now.
This is a super useful tool, especially in instances just like this one. So i’ll, go ahead and hit black and then click off of it and it’s now saved my changes and, of course, don’t neglect some of these buttons.
On the other side, you ‘ Ve got your theme manager now this applies site-wide, not just your landing page, and if you want to add more elements, you ‘ Ve got these buttons on the left. Now everything in this nav bar allows you to add or adjust content on your page, where everything on this right toolbar allows you to adjust the formatting of it.
Now, as you can see, it’s, a really quick thing to jump in and start editing the landing page to make it your own, but you can be as nitpicky as you like here this. This is the creative process you’re allowed to go in and be iterative with it, meaning you can go and make some changes step away for a day or two come back and say.
Maybe i don’t like how this looks and go ahead and make those changes there and remember. The goal of the landing page is to grab the attention of the visitor. Now there could be very specific reasons for your landing page like, for instance, mine is to get people to sign up for a newsletter.
Other people might have a video or might have a shop or any number of reasons either way. The landing page is the first stop. People will make on your website, and thus it ranks perhaps as one of the most important portions of your website keep in mind.
I didn’t, put very much effort into actually customizing it and really setting it. Apart and making it my own now, what i might go do is change the background strip completely to something a little more professional and change the text to fit more in line with my branding, as well as connecting the email newsletter there’s.
So many different things i could go in and do a detailed description of, but this is just so you understand the generalities of creating a professional landing page using wix and just like that, we’ve created a professional landing page for our website.
None of which would be possible without wix.com and the platform they provided us again. I’ve included an affiliate link down in the description for you to head over to wix.com and create a professional website of your very own.
Now you can take what you’ve learned today and create an awesome landing page to help your website stand out from all the other ones out there and drive that visitor retention to your website. So if you are in the market for a brand new website for either your personal blog, a hobby of yours or your own small business, then definitely use wix.