Wix is by far one of the easiest platforms to build a landing page with for a small business. As large web hosting companies are becoming more and more difficult to understand, Wix has kept things simple for businesses who just want a simple website creator that has all the features they could ever need. From online bookings/appointments to an easy to use WYSIWYG editor, it's easy to create the ultimate Wix landing page. Let's break down everything you need to know about creating a free website with Wix.
At any point in time, if you need additional help, feel free to reference the video above. Our video guide is an in-depth tutorial on setting up a free Wix landing page that will walk you through every step.
Sign Up for Your Free Wix Landing Page: https://thebreakdown.xyz/wix
Step 1: Creating Your Account
The first step in setting up your Wix landing page is signing up for your account. As with everything else in Wix, it's incredibly simple to do. Click the link above, or go to https://thebreakdown.xyz/wix to sign up. Once there, simply click the “Start Now” button, and you'll be taken to a page where you'll need to enter in your business/personal information. Enter your email address and a password, or you can choose to sign up with your Facebook/Google account.
Once you've filled out all of the information to sign up for a Wix account, you'll be redirected to your Dashboard. This is where you'll be able to manage everything about your Wix landing page. Before we continue, I would strongly recommend becoming familiar with the Wix dashboard. The tools offered by Wix are more powerful than nearly every other CMS (content management system) yet is easy and simple to understand for beginners. Now, though, it's time to make our landing page with Wix.
The first step in creating your Wix landing page is to head into your dashboard, and click on My Sites in the top left corner. Click on Create a New Site, and you'll be redirected to a new page. Next, you'll be asked what kind of website you want to create. For this example, I'm going to choose something basic because we'll be customizing it later. I've selected “Business” for this tutorial, but most of them will feature the same content.
Following, you'll be prompted to choose if you would like to use Wix ADI or the Wix Editor. Because we're creating the Wix Landing page ourselves, I'll choose the Wix Editor. Wix ADI is a good alternative to have a website designed quickly, but we're going to create this website from scratch.
From this page, I'll select “Choose a Template” under the Wix Editor section on the right-hand side. This will take us off to a new page where we can choose the template for the Wix landing page.
Wix offers you tons of options for creating your landing page. To narrow down the options, I'm going to focus on the Landing Page category on the right side.
Most of the Landing Page templates in Wix are for “coming soon” websites. That's not necessarily what I'm looking for with this tutorial, so we'll go to the second page to find one that works. I found that most of the landing page templates on Page 1 were actually “coming soon” pages. So if you're having an issue finding one, keep scrolling through. For this tutorial, I'm going to use the “Start Up” landing page.
Step 3: Designing Your Landing Page
Designing the Wix Landing Page is incredibly simple. Their easy-to-use WYSIWYG editor makes designing a website easy and fun – even for beginners. The entire point in Wix is to have a website manager that is simple but has the features you'll need. Let's get started with designing our Wix Website.
First, I'll start out editing the Menu Bar. To edit the menu bar on a Wix website, click on the “Menus & Pages” option in the top right corner. From there, Site Menu will pop up, and we can edit our entire menu bar in one place. Because this is a landing page, we're going to work with anchors instead of actual pages. This is because a landing page is designed to be a one-sheet in a website form. Rather than having pages upon pages to work with, we have one page where all the info is shown. To keep things simple, we use anchors that allow us to link to parts of the page.
In simpler terms, each item in the menu bar will take you to a lower part of the page. For example, a “Contact” button in the menu bar may take you down to the bottom of the page. This element that it takes us to could have a contact form for people to send us a message. With a landing page, we want the menu bar to be as simple as possible. This means we should avoid using sub-menus and having too many elements.
The main thing we should focus on with creating this landing page from a template is customization. We want our website to mimic the environment of our business. For example, let's say we have a coffee shop where we encourage bloggers to work while enjoying our beverages. The best thing we can do is create a website that gives off the same feeling a customer gets when they walk in. To pull this off, we need to customize our Wix landing page in a way that shows where our values are.
This can become a bit complicated if we overthink it, but if we keep it simple, creating a matching landing page will be simple! First, we'll change the header image. Wix gives you countless options of free stock images and moving backgrounds you can use. However, it may be best to opt-out of using a moving header to keep site loading down. This will dramatically help you rank in search engines, as Google and Bing often check loading times as a measure of your credibility.
Personally, I recommend going to Unsplash.com and finding a stock image for your header. This will make your Wix landing page look more personal, and chances are, your competition isn't using the same image. For the coffee shop example, I would go to Unsplash and look for a picture of a MacBook Pro next to a cup of coffee on a table. While it may seem simple, it's all about the message we convey to our visitors.
Changing the Header
Changing the header of your Wix Landing Page is pretty simple. Once we have found an image we want to use for our landing page header, we'll need to select “Change Page Background.” This option will show when you're hovering over the header background in the Wix Editor. While Wix has tons of options for you, we're going to upload our own image. To add our own image to Wix, we'll simply need to upload the file we downloaded. Select “Add Image,” and we'll be taken to a menu where we can upload our own. From there, we'll select this as the background we want to use. Wix also allows us to preview the changes before we save them. Click on the preview button at the top of the “Page Background” box, and you'll see a preview of what this will look like on our landing page.
Quick Tip: One of the best things you can do to increase conversions, bring in new customers, or create a connection with visitors is to use people on your landing page. The image used at the top of the Customization section above shows a group of people sitting around a table and conveys a feeling of happiness and creativity. If our business was a coffee shop, this would be a perfect image to use.
Creating Header Copy
One of the more difficult parts of creating a landing page is finding the right words to use. What we say about our business/brand is incredibly important, as it's one of the first parts of us people will notice. After all, most people search a business online before they ever even enter our store/shop. If your entire business is online, this is even more important.
With that, though, the best thing to do is keep it simple. Display your business values in a few short words so that visitors understand what you're all about. For our coffee shop example, I would use something along the lines of “Coffee at Your Control” or “Express Your Espresso.” This would express (or espress 😏) our values lying in our customers creating something while working at our coffee shop. Sure, it's cheesy, but the entire point in our example business is to create something fun that sticks with the landing page visitor.
Changing the Header Text
Changing the header text with Wix is as simple as clicking and typing. We can click on the text element in the header, drag it around, change the alignment, and choose different fonts and spacing. We can change everything about the text from this dialog box, which makes customizing your Wix landing page incredibly simple. For this example, I'll choose a new font and change the text.
Adding a New Text Element
In order to add a new text element to the header, all we need to do is move some stuff around and add the new text box. In the video above, I wanted to add a smaller header under the larger header. To do that, all I do is drag the button down a bit and head over to the “Add” section. This can be found on the left side of the website where the buttons hover. The “Add Element” panel is the third button down, and it allows us to add databases, user inputs, galleries, videos, blogs, and so much more!
For adding a new text box, though, I'm simply going to select “Text.” This window will give us the option of adding titles, headings, and all different types of text boxes. In the video example, I simply drag over “Heading 4” and place it where I want it right above “WELCOME” and below the button in the header. From there, editing the text is the exact same as changing the header text.
Step 4: Wrapping Up
Once we've changed the header around, editing the rest of the Wix landing page is all basically the same. Luckily, once we have figured out editing the header and all of the different elements we can add, the rest is just as easy! That's why I think Wix is the perfect platform for creating a simple landing page. Obviously, Wix has so much more to offer than just changing text and images – if you want it to be. Otherwise, we can keep our website as simple as possible.
The best thing to do is play around with the Wix website editor. From there, we can change any and every aspect of the Wix landing page. Once we're done, all we have to do is hit “Publish” right in the top corner of the website editor. This will publish the website so that people can go to our link or find us on search engines.
Another quick note I want to mention, though, is that if you want to have a custom URL instead of the standard “wix.com/YOUR-SITE” URL, you'll have to pay for a basic Wix plan. This isn't a big deal, though, as most of their plans are much cheaper than other hosting alternatives. Because it also includes a free domain name, setting up a Wix landing page is simple, cheap, and easy to get started.
If you have any questions about setting up your Wix landing page, feel free to contact us or leave a comment! We're always here to help, and we hope that we've been able to give you a better understanding of the aspects of setting up your first landing page or website with Wix.