WIX is one of the worlds most used website building platforms. It is thought to have over 150 million users worldwide in up to 190 different countries. The platform has two different builders, the WIX ADI and the WIX editor. The ADI is a builder much more suitable for users without great knowledge or time to create a website.
The video below is an updated WIX Ecommerce tutorial on how to build a website using WIX. The video will show ten key steps to building a website using WIX including, how to use the WIX templates and the WIX app builder. The video is ideal for beginner WIX users.
Logging into a WIX Account
The first step to create a website using WIX is either creating an account with WIX or signing into your already created account. WIX offer some of the easiest sign up options including logging in with Facebook or Gmail. Other sign up options include sign up with other emails such as Outlook and Yahoo.
When signing up with Gmail or Facebook, WIX will automatically take the details of these accounts such as name and email associated. This way WIX can sent you updates on policies, news and more to the email associated with these accounts.
When you log into the WIX account, you will come to a dashboard, this dashboard will show any previous made WIX sites created using that account. You can also create a new site from here.
(Video time for this step – 0:54 – 1:51)
Choosing the Correct Template for Your WIX Ecommerce Site
When creating a new WIX eCommerce site, WIX itself will present you with a range of options. These options will be based on what kind of site you wish to create, such as; Is your website for a business, a blog or a portfolio. It also gives options for more niche sites, such as a Restaurant, Photography and music. Of course, if none of these options suit your site, there is also an other option. These options will help WIX gather templates that suit your options.
Once you have chosen the options, WIX then asks which way you wish to create your WIX site. There is the ADI and the Editor. The WIX ADI auto-creates a website for you whereas you will need to create your own site with the editor. Don’t worry you can easily edit an ADI website and if you need to edit the ADI site in more detail it can be brought over to a WIX Editor site. One thing to note if you choose to build a WIX Editor site, it can’t be brought over to the WIX ADI builder.
For the purpose of the video above and the easy steps, we are going to choose the WIX Editor. This is because the rest of the steps are created through the WIX Editor.
When you choose the WIX Editor, WIX will present you will a large range of templates to choose from. On the left-hand side, you will see a range of categories to choose from.
A top tip is not to rush into your website but to look through all categories to find the right template that would suit your brand. You can also use the search tool to find templates that may be better suited to you. View the template first if you’re not too sure. Otherwise when hovering over the template, click on edit and its ready to start building your site.
(Video time for this step – 0:54 – 5:21)
How to Add Products to Your Store
Whenever you create your WIX eCommerce wesbite and you have chosen the right template for you, the first thoughts are to edit the template as best as you can to suit your brand. Although this is something that needs to be done, it can be quite time consuming and can also make your process messy. Therefore, a great alternative to this is uploaded the vital content to your site before changing the setup. In this case, adding products to your WIX store.
One great feature of WIX is that some templates come with their very own e-commerce page already created. All e-commerce templates will come with its very own e-commerce page. on the template we used in the video, there were multiple e-commerce pages, therefore we deleted some pages by heading to the site menu and deleted appropriate pages. Within the same place, you can also edit the name of a page as well as other settings.
To then add products to your store, head to the ‘My Store’ widget on the left-hand side of the screen. Here you with then find the manage products options. This will then open another dashboard where it shows all the products already on the site. You can also add a new product and edit product information from here.
When uploading a new product, you have options to add a product name, images, description, price, if the product is one sale and more. There is also an option to add a ribbon. This feature allows you to show special text over product images, to show if the product is a new arrival, on sale, or almost out of stock for example. Additional product options are available, here you can add product sizes or dimensions, custom text and additional sections to the product such as returns policy and care instructions.
Another option available is the tracking inventory. You can tell WIX how many products you have, and it will then calculate how many of that product you have left once a purchase is made. It will then show the product out of stock. This means a user can’t buy a product when there are none left in stock.
(Video time for this step – 5:34 – 14:50)
How to Customise the Product Page
There are multiple ways you can edit product pages. The easiest way to edit a page is to double click on a section on a page. This will bring up a tab with options including design and setting options. Once this tab is open, you will want to edit the layout of the page. Depending on the template chosen, different settings may already be activated. For example, the template we used in our video, the ‘stretch to full width’ layout option was activated. This makes this section of the page stretch to full width of the page, going over the margins of the site. Hain this setting de-activated makes the webpage look more professional and easier on the eyes. You can also edit the layout of the individual product here. Do you want each product to show the name of the product with an image or do you also want it to show a small description also?
A great setting to use with products is the swap image settings when hovering. To do this head back to the products again and add a second image to each product. You can also add a zoom setting which can be set up using the images on a product. This means whenever you hover over an image, a zoomed version of that image will show.
(Video time for this step – 22:25 – 26:16)
Customising the Rest of the Site
Cutomising the rest of the site is easy and is like the customising the product page. All you need to do is double click on a section such as the header or navigation. When customising the navigation, you can edit the design of the menu as well as managing the menu which means adding the correct pages to the main navigation. Options including within the navigation design include fill colour, text, spacing, shadow and corners.
Text is important to change, as you should already have an idea of what fonts you are wanting to use on the site. You can also change the colour of the text within the navigation and the size. The size of the navigation can be edited on-page. Other elements can be added to a page by using the add button in the left menu. Within here you can add buttons, images, a gallery and much more to your site. Each element can be edited in a similar way to the menu.
With many elements, you can connect to pages and websites by adding a link. This helps users navigate between the pages of your site and other sites. One thing to note is that if you ever link externally to another website, make sure that link opens in a new tab otherwise that user will be leaving your site for another. That could mean the end of a potential sale, interaction or share.
A top tip for editing and customising the rest of the site, is to customise the site page by page.
(Video time for this step – 26:16 – 1:17:40)
How to Add Shipping Options
To add shipping options, you need to go to the websites store dashboard. Here you will see an option called, ‘Set Up Shipping Regions’. This is the option you need to use. Adding a new region works very similar to adding a new product in the store. There is a button showing, ‘+ New Region’. Click on this and a new tab will appear to add details of a new shipping region.
Once on this add a new destination. You will have a large range of countries to choose from, from all over the world. It will be in alphabetical order, so if you know a region you need to setup, you can get to that specific region easily. When setting up a new destination, there is then options to edit such as delivery time and shipping costs. Be sure to check out additional custom charges for different countries and states. This can affect profit margins per product sold.
You can also offer in-store pickup. This would be a great alternative for customers that live close, so they don’t need to wait additional days for the product).
(Video time for this step – 1:17:43 – 1:22:48)
How to Edit Website Settings
Editing website settings is simple within WIX. The first step to do this is to go to the website dashboard. Here there will be a list of options including store products, orders and apps to name a few other settings. If you head to the settings option, more options will appear replacing the other settings. This list shows the general settings of the site including overview of the site, general info of the site, site SEO, site domain and more.
The WIX eCommerce website settings are within the general info settings. Within this tab, you can edit all contact information for the site, site name, site description, logo, favicon, payment and shipping, methods, the location of your business and regional settings.
Some of the listed settings will need a WIX premium account to use, such as the favicon setting. Instead of a personalised favicon, it will show the WIX favicon in its place.
Within the overview settings you can manage the domain of your site, if your site is live, the site name, site address and some other settings. You can also restore a previous version of your site. This is a handy feature if you were to ever make a drastic mistake on your site in which you can’t fix, you can restore a previous version. This can also be done if you were to ever make a change one day then you want to make a U-turn on the change. Instead of making the changes, restore the previous version. It will save time.
(Video time for this step – 1:22:52 – 1:26:16)
How to Create a New Page
Create a new page on your WIX eCommerce website using this software is one of the easiest tasks to complete. Simply go to the site menu at the top left side. Here you will see a list of all the pages on your site that are already created. Below the list there are a few settings including the ‘add page’ settings.
Whenever you click on add page, a new page will appear in the list of pages for you to name. Change the title of the page and move it around the navigation to a suitable spot within the menu.
To add new content to the new page, you can copy existing content. This is helpful for whenever you are adding a heading to the new page especially because that heading will be already formatted. You can also do this with images, shapes and other elements. To copy multiple parts of a page at the same time use the shift key on your keyboard to click on multiple elements at once, then ctrl+ c to copy and ctrl + v to paste onto the new page.
Add content to the page. This can be either elements or different applications available on WIX.
(Video time for this step – 1:26:27 – 1:27:45)
Editing Pages and Finishing Touches
It is very important to make sure all content on your site is important. That means checking the content for any mistakes in the spelling, writing and grammar, checking pages work on both desktop and mobile devices, all applications or elements work the way they are supposed to.
This can be a long process as you need to make sure all buttons work, all links work properly and take you to the right page. Videos need to be checked to make sure they load and of good quality, images need to be checked. Content needs to be checked for quality and the content that included in case there’s inappropriate content. Pricing needs to be checked so customers can’t be overcharged. All finer details such as sizing, alignments and interactive features such as the basket need to be checked also.
Basically, every detail of your WIX eCommerce site needs to be double and triple checked.
(Video time for this step – 1:26:27 – 1:41:39)
Getting Your Site Live
The final step in this WIX eCommerce guide is getting your site live with an appropriate domain name. Head to the dashboard of the site and find the domain settings. Here you will find a range of settings including buying a domain name or connecting a domain name.
When buying a domain name or connecting a domain name, you will need to purchase a premium WIX plan. Otherwise WIX will give you a generic WIX domain name.
When wanting to purchase a domain name, click on buy a domain name and search for an appropriate name. It will then prompt you to buy a plan from them. This plan will allow you to add a favicon to your site and other additional features. It also removes all WIX branding and adverts of the site. You will then need to choose the plan you wish and the length of the plan. Plan lengths on WIX include three years, two years, a one-year plan and a monthly plan. The less amount of time you choose, the less money you will save per month, so it might be best committing to WIX for at least a year period.
Other services we offer include Video Production & Marketing, Content Marketing, SEO, AI, Social Media Marketing and Digital Strategy & Training.
Have you ever used WIX to design a website? Let us know in the comments below.
If you have any comments about WIX leave them below also.