Wix Tutorial

Wix is one of my favourite website builders, but with so many customisation options, you may be feeling a bit overwhelmed. Don’t worry, though, I’ve got you covered with this Wix tutorial.

written by

James Examply

last updated

June 22, 2020

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

I have created many websites with Wix over the years, so I decided to put together a tutorial to give you a helping hand if you have decided that Wix is the right website builder for you. You can read my full review on Wix to find out more about the different features and customisation options. You can also read my take on the best website builders for 2020 if you want to find out more about the different site builders out there. 

Background Information About Wix

Wix is a software company that was founded in 2006 and is based in Israel. The website builder is a drag-and-drop tool, meaning all you need to do is click on different elements and drag them to where you want them to be placed. My favourite type of site builder! 

There is a free version of Wix available, yet this is limited. You can find out more details about this in my Wix review, yet some of the main drawbacks include being assigned a Wix domain that cannot be changed and Wix branding being used on your website. Because of this, I always recommend going for a paid package, and they are reasonably priced. 

If you do want to create a website from scratch on Wix, I am going to talk you through all of the steps, from selecting a template to launching your website. So, let’s get to it…

Getting started with Wix

Wix makes it super easy to get started. I love how you can dive right in and start working on your website right away; there is no lengthy registration process. 

You simply head to Wix.com, click on the blue Get Started button, and then Sign Up. You merely need to input the most basic contact details and then you can get straight into website design. 

I’ll take you through the questions that Wix asks you so that you can get a better understanding. You’re simply going to fill in a few gaps.

Wix AI builder

Firstly, Wix wants to know your reason for creating a site. Are you creating the website for yourself? Or, perhaps you’re helping a friend out? Simply pick an option from the drop-down menu. 

Wix AI site builder

You then need to specify what type of website you are creating. As you can see, I have chosen a business website. You’ve got a number of different options to pick from! If your site doesn’t fit into any of the categories, simply click “other.”

Finally, choose your experience level. This is so Wix can determine how much help you’re going to need along the way.

Wix AI website builder

Two ways to create a website on Wix

One thing to understand about Wix is that there are two ways you can create a website

The first option is to go down the classic route, i.e. choose from a number of templates and then customise your template of choice.

The second option is to use Wix ADI, which is an AI platform. You simply answer a few questions and then Wix creates a site for you. Of course, you’re still going to need to edit it, but this is a good place to start if you’re a beginner and you’re not sure what sort of website is going to be right for you.

If you do decide to go down the ADI route, Wix will ask you some more questions based on the answers you provided before. 

For example, Wix asked me to enter my type of business because I had chosen a business website. If you had selected an online store or personal website, you would be asked something else. For the sake of this review, I have decided to build a website for a beauty salon. 

The questions are really simple, though, and Wix provides a number of suggested answers so you can get an idea of the sort of information they are looking for.

You will also be asked to select the features you want to add to your website. For example, you can choose a blog, chat, a module for online bookings, and a number of others.

Don’t worry if you change your mind at a later date; you can easily add these elements

After this, Wix wants to know the name of your business or your own name if you are creating a personal website.

Finally, you can upload content if you already have some.

Wix template designs

If you have read my Wix review, you will know that I have a lot of good things to say about the templates they offer. You have a great selection to choose from, and they are all very sleek and professional.

If you went down the classic website building route, you can dive straight into browsing the different themes, which are separated based on category. 

If you opted for the ADI builder, you will be asked what sort of style you prefer, rather than being presented with hundreds of templates. You can see a screenshot of this below. Please note that these styles were presented to me because I had specified I was creating a beauty website. If you had signed up to create a mechanic’s website, for instance, you’d be presented with six different styles. 

Based on your answer, Wix is then going to present you with a filtered list of templates that are best suited to you. I’ve decided to go for the ‘Luxury’ template.

Once you’ve chosen your preferred style of website, Wix is going to present you with some different homepage options. The great thing is that you have already given Wix plenty of information about what you want from your website, so these homepages are going to be displayed based on the details you have already provided.

As you can see, Wix has included plenty of beauty shots in the homepage examples. I’ve not uploaded these images; Wix has purely used them to help me get an understanding of what my website will look like.

Once I made my choice, Wix put together my website for me. You can see the results below. Yes, I still need to do some editing, but I’ve got a great base to work with.

Hopefully, this has helped you to see the difference between using Wix ADI and the classic site builder. For beginners, I definitely recommend Wix ADI.

If you are someone with a lot of website building experience and you like to have a full set of options to choose from and to essentially make up your own mind, simply go down the classic route. You will be able to pick from the full scope of templates and then do your own thing from there!

Using the Wix editor to customise your website

The Wix editor is really intuitive. All of the elements behave how you would expect them to, so you don’t really need to think twice about tweaking your website. 

If you hover over an element on the editor, you will be able to select “edit” or “design” – basically, do you want to change the design of this section? Or, do you want to edit the text?

It is really simple, and there is a help section on the right-hand side, so you can easily type in a query if you’re having any sort of trouble.

Changing text

If you want to change any text, it’s super easy. As you can see from the screenshot below, I’ve clicked on the area that displays the salon’s opening hours. I’ve simply hovered over this section, clicked edit, and now I can start typing new text into this area, as well as being able to change the format of the text too. 

It’s very straightforward, and you don’t need to hit the save button, as Wix works on an auto-save basis, so that’s another thing you don’t need to worry about.

Realign the sections of your website

You can also re-order elements on your website. Notice the arrows in the right-hand top corner of the image below. These arrows are present on every section, and you can simply move the box up or down depending on where you want it to be placed.

Adding new sections

You’re not only restricted to the sections that are already on the template. You can add new sections as well. Simply choose the ‘Add’ button at the top of the menu, and then choose ‘Section to Page’. 

Choose from the number of options available.

From the different section examples displayed in the left-hand menu, you can simply click on your choice and then drag it to your website canvas.

For example, I scrolled down to ‘Price List’ and then I choose from one of the several options available. I dragged it to my website, and you can see the design below.

With everything from FAQ to testimonials; there are designs for all of the elements you could possibly want.

Choosing different colours and fonts

You will receive a pre-defined font and colour scheme with Wix ADI, but you can change it.

Click on the Design button at the top of the page, and then from here, you can select on Fonts or Colours.

Adding visual features; from slideshows to images

There are many types of visual content you can add to your site. This includes Instagram feeds, galleries, slideshows, videos, and images. 

One thing virtually every site owner is going to want to add is an image, so this is where I am going to start.

Simply click on one of the images you want to change. A sidebar will then pop up, you can see the image with the words ‘Edit & Replace’ on top of it in a blue tab.

Click on this, you can then make a number of changes.

As you can see, you can replace the image, either with another image or a different media type, such as a video.

You can also add a number of other effects, such as a scroll effect or you can change the opacity of the image.

If you want to add different types of visual content, click on the Add button at the top of the website. 

Once you choose Add Section, you will be presented with all of those great site elements again. There are lots of visual elements here, including galleries, video players, product sliders, and much more.

Making sure your Wix website works effectively on mobile devices

I can’t stress enough how important it is to make sure that your website looks great on smaller devices and functions effectively as well. 

After all, smartphones are used more than desktops today to access the Internet. Plus, Google has even stated that they are prioritising mobile-first when indexing websites.

It is easy to see the mobile view of your website. At the top of the page, there is a desktop icon with an arrow. Click on this, and then click on the mobile view instead.

As you can see, this will then show you your website’s mobile view…

In most cases, your mobile site will look great as it is. However, you can make some tweaks to ensure it is even more user-friendly. This includes hiding elements that aren’t as important, for example. 

There are a number of things that I would recommend to make sure your website is as mobile-friendly as possible. This includes highlighting your main product/service, putting your contact information higher up on the page, and hiding images that aren’t crucial so you can save space.

Adding further pages to your Wix website

You can also add more pages to your website. Head to the drop-down menu in the top left-hand corner of the editor.

As you can see, just click on ‘Add Page’ in the bottom left-hand corner.

You can then select what sort of page you would like to add. This includes everything from an online store to forums, contact pages, and more.

You can also add a blank page so that you can edit it in any manner you wish. 

Creating a blog on Wix

I would highly recommend that all business owners add a blog to their website. After all, you are going to be much more likely to move up the search engine result pages and experience a positive return on your investment by doing this. 

To create a blog, you’re going to go about it in the same way as adding a page, so this means you will need to click on the drop-down menu in the top left-hand corner, and then add a page. From the page options, choose blog.

Select the layout that appeals to you the most. You will then be able to tweak it and edit it just like you would any other page. 

There are a number of things you can do, including writing new posts, changing the layout of the blog, changing the way blog posts appear, and more. 

I’ll take you through how to add a blog post. 

Click on the main section of the blog, and then click on the ‘Manage’ tab.

Once you hit Manage, you will be able to add new posts and manage existing ones. 

If you create a new post, you will be able to write it in the straightforward text editor, which you can see below. It is just like using Google Docs or Microsoft Word, so I am sure you won’t have any problems here!

There are a number of things you will get here. This includes custom HTML support, the ability to work with numerous writers, hashtags, categories, rich text editors, and integrated SEO tools. 

Adding an online store to your Wix website

You may also want to add an online store to your Wix website. There are lots of different features that you get with a Wix e-store. This includes the following:

  • You can manage your sales on the go with the Wix App
  • Sell via social media
  • Accept payments online
  • Set delivery rates
  • Track orders
  • Sell digital and physical products
  • Get a custom cart design and storefront
  • Enjoy an unlimited number of products

Again, to add an online store, you will go via the same process as you did when adding a new page or a blog. You click add page, and then you choose online store from here. 

Once you have selected your chosen store design and added the page, you can then manage your products. Hover over the main section, and click manage… that’s right; just like you did with the blog!

You will then be taken to your e-store dashboard. From here, you can add products, create services, set up shipping regions, and much more.

Editing your site’s navigation

When you add a page to your website, it is going to be added to your main menu automatically. You may wish to change the order of this.

You can do this via your site’s header. Just click on the header, then Edit, and then Menu. From here, you can tweak the menu with ease.

Making the most of Wix apps

You are also going to be able to increase the functionality of your Wix website by adding apps. There are more than 200 apps that are available via the Wix App Market.

You can find out more about my favourite Wix apps in my Wix website review.

You can easily search for a specific app or you can search for different types of apps. This includes contact managers, cart abandonment tools, newsletters, and much more.

Once you find an app you are interested in, you simply need to click on “add app” and then it will become available to you.

There may be some additional setup that is required, depending on the app you choose.

Launching your website

To launch your website, simply click on “publish” in the top left-hand corner.

At this point, you are going to need to choose to either use the free package or to go for one of the paid packages.

I would always recommend going for a paid plan, rather than a free one.

Why? Well, you can’t change your domain name for starters. This means you’re going to end up with a domain name like this if you choose the free version: YOURUSERNAME.wixsite.com/website.

You are also going to have Wix branding on your website as well.

Plus, there are some other restrictions!

In my Wix review, I explain the differences between all of the paid plans and also the free plan so that you can get a better understanding.

Frequently Asked...

I personally believe that Wix is one of the best website builders out there. You can read my review to find out all of the reasons why. However, there are other good site builders available too, and it all depends on your goals and your wants. You can read my top 5 website builders of 2020 to get a better understanding of the different options available to you.

Yes, there is a free Wix website builder. You should know that there are restrictions with the free builder. This includes not being able to use a custom domain and having Wix branding throughout your website. If you can afford it, I would always recommend choosing a paid plan. There are a number of packages available, and they are all very reasonable.

Yes, a lot of professionals use Wix to build websites for their clients. Wix also gives you the option of getting into the coding side of your website as well, which is very much suited to professionals.

 A lot of people are worried that Wix is bad for SEO because there have been some negative remarks regarding this in the past. Wix has come on leaps and bounds over the years, and they have a great range of SEO tools to ensure that you move up the search engine result pages, so you don’t have to worry about this.

While GoDaddy has a website builder, it is typically used for its hosting and domain name services, so Wix and GoDaddy aren’t really the same sort of provider.

 I would definitely say that there is a greater learning curve with WordPress, and so most people will find Wix a lot easier to use. Of course, there are a lot of great qualities associated with WordPress, though, so it all depends on what you’re looking for. I have put together a WordPress tutorial for those who are interested in using this platform instead.

Yes, you can. There are apps to help you do this, or you could simply do it manually. 

You may also like...