• Raul Mercado

How A Wix Expert Builds A Wix Site

Whether you are building a site from scratch, picking out a template, or outsourcing your website to a developer, it's important that you have a strategy to getting your website live so that you don't waste time and money.


When building your Wix site you will want to think about the limitations of the Wix editor, yhe process that you are taking, and all of the back of house information you need to add.


The goal of this post is to give you a complete plan and strategy to get your site up and live and the fastest amount of time with as little effort as you can spend.


Wix gives you a great step by step on building a site but this post will give you more of a strategy to building your site.


Because as an entrepreneur you simply don't have the time or the budget to waste.


If you are wondering if Wix is even the right builder for you then check out this post I found giving some great reasons on why you should and should not choose Wix.


So here is how a Wix Expert build a Wix site.



Things To Keep In Mind Before Starting


Before you start your Wix site there are some things that you want to keep in mind throughout this process.


In order to have a Wix site with no Wix advertisements you will need to purchase a Wix premium account.



These Premium Accounts will range and pricing and depends on where your business is at.

You can purchase these accounts in monthly or yearly payments.


If you plan on having a custom domain for your site then you will also need to pay for a domain hosting fee.


So if you want your site to be www.mysite.com you will need to purchase a domain which you will be able to do from Wix or any other domain host.


if you want to accept payments on your site then you will need to have a premium Wix account. So if you plan on using an e-commerce store, you will need to upgrade to a premium account.


There are also apps within Wix that you can use but they will charge a premium fee for using all of their features. They should all come with a free version but you will have to pay for an upgrade.


Wix will give you at least three free email blast a month if you have any premium account but you will have to upgrade in order to have more email services.


I believe that for more most startup businesses you will not need an advanced premium account. I personally have the unlimited premium account and this works fine for my business right now.


What all of this means is that like any other website builder there are other fees involved that you will need to consider for your business.


If you are just starting out then most of these extra fees will not be crucial, but if you have a clear idea of what you need it is important that you research these fees before you start building.


You will also want to know some basic SEO if you are building the site yourself. Learn what is called “on page SEO” because as you are building the site you will want to keep these best practices in mind.


If you are outsourcing then you will want to make sure you ask your designer or developer what they offer in terms of SEO. Setting up the Wix SEO Wiz and having on page SEO set up is the most standard package I would consider.



Start A Template


If you are building your Wix site and do not want to go through the process of starting from scratch, you can choose from long list of all template options that wakes has provided for you.





This is the easiest most efficient way to get started for your business. The idea is that you pick a template, and then you add in your own content so that it reflects you our business.


Which has also created what is called there ADI website creator which will automatically create an entire website for you based on information you have given Wix.


Keep in mind with the ADI creator that you will not be able to customize nearly as much of your Wix site as you would with the editor.


Also, if you start with the ADI creator and switch to the Wix editor you will not be able to switch back without losing all of the design that you created in your editor. This would be crucial for Wix entrepreneurs if the platform was able to provide this.


If this was the case you could get a designer to create your entire site in the editor and then switch back to the ADI Creator and be able to easily manipulate what was on the site. Hopefully Wix can figure this out.


If you are not starting from a Wix built template and prefer to have your site fully customized there is an option in Wix to start from scratch.





This will give you a completely blank page and you will need to add every single element on your Wix site.


If you have not used Wix before and do not feel very comfortable using the platform I cannot recommend this for you or your business.


This requires you to have a very good understanding of what some of the Wix editor limitations are and how to make sure your site is responsive and everything functions how it should.


This is important for you to know if you are also wanting to outsource a website and have it made completely from scratch and customized.


When I design websites I will always start with the blank template but what I like to do is draw out the layout on a piece of paper first. Just a really rough draft, basically all boxes, that show me where I want to place text and pictures.


Traditional web developers well create these sorts of layout templates in Adobe or some other design software. With Wix this isn't really necessary because of the ease that you can create websites.


What you will also want to have in this stage is an idea of what fonts and colors that you are going to use for the site.


In traditional developing you would be able to write one line of code that could potentially change all of your text font. This is not how Wix works. You will have to change each text box on your side if you want to change the text.


The same idea works for colors as well. If you start with the colors that you want to use then you will not have to go through and individually change each color.


This is why it can be so important to have the fonts and colors ready to go before you start building your site.


Once you have an idea of the layout, have your colors and text picked out, then you can go to your editor and start building your site.



Add Placeholders


Working in the Wix editor is pretty easy when you get the hang of things but there is a learning curve that will take you sometime to understand.


What you will want to keep in mind when working in the editor is that there are what are called grid lines.


These are the vertical dotted lines that run on your page and you will want to keep all of your Wix elements inside of these lines.





Unless you are familiar with using Wix columns and Wix strips. You can read my post here if you want to understand a little more about how these work.


What these lines represent is what will be cut off on smaller screen sizes like tablets.


But you will also want to know before building on your side is that there is another side to your editor where you will be able to align your mobile site.


I highly recommend waiting to align your mobile site until your desktop is finished. This is because any time that you add or remove element from your desktop it will affect how your mobile site looks.


It can be very frustrating for you to align your mobile perfectly and then something happens to your desktop and it changes your work.


Try to make sure that your desktop design is completely finished before you move over to your mobile.


How I like to start when building in my editor it's by taking the layouts that I have already created and begin just by adding element placeholders.


I also like to use strips as a container to put my elements in. If I can get away with not using a strip then I will just place the elements directly on the page.



This is because like any other elements on your page, the more you have the more space it will take up on your Wix site.


This is important to watch out for because your site can load slower depending on how much you have added to it.


So I go through the entire site and just start adding placeholders for all of my elements. What I will try to do is copy and paste all paragraph text boxes so that I will not have to go back and change the font type for each one.


Using copy and paste can be very important and a huge time saver. But, you want to watch out when using this for headers because depending on which heading tag you use, your SEO can be affected.


If you want to learn more about Wix SEO and best practices you can read my post about how you can optimize your side.


It does not matter at this point what your text actually says and if you add pictures to your side, it does not matter what picture is actually there.


What you are doing is just setting up a blank template/layout for your site. You are making sure that every section of every page has a placeholder for your actual content.


I also find that designing becomes MUCH easier if you already have something on a page. It is usually the blank canvas that is the hardest part.


Once you have all your place holders on the site then you can start adding all of your amazing content!



Put In Your Content


At this point you should have your site placeholders set up in your editor and you are ready to start adding your content.


I would recommend having a google doc or word doc with all the copy for your website and having a folder that contains all the pictures you want to add to your site.


Now when you start adding all of your contents it will be in one place so you can easily take your pictures or your text and add it to your site.


If you are copying and pasting text on to your site from a Google doc or word doc then I recommend using Ctrl + Shift + V to paste.


What this does is make sure that your font type remains the same on your site. If you do not use this method there is a chance that you are font type will change depending on which font type you are using in your Google doc or word doc.


I recommend when you are adding pictures to your site to upload all of your pictures at one time to your Wix media gallery.





This will make it easy for you to add these pictures to your Wix site without having to look through your computer files constantly.


You can even create folders within your Wix media gallery to organize your photos even more. You could make a folder for each page of your website and put the photos that belong on those pages inside of those folders.


This would make it very easy for you to go through your pages and know exactly which photos are supposed to be there.


Because you took the time to organize your content beforehand and also set up your layout beforehand, adding your content to the site should be a fairly quick process.


Once you are done it is time to put on some finishing touches!



Finishing Design Touches


At this point in building your website is when I would start thinking about adding some finishing design touches.


You can do this in a variety of ways but one thing to keep in mind is that the more you add to your sides that more complicated you make your site.


The more complicated you site is, the slower it can load for your guest. You want to make sure you are providing the best experience you can for your guests.


This is more important than what you feel like the design should be.


So if you end up building a design that you love but causes your site to load very slowly and does not give your guests the best experience, you will want to change this.


Guests will not have a good experience and leave your site causing your SEO to suffer.


When I am adding finishing design choices to a site I am thinking a lot about animations, consistency, shapes, and brand theme.


Animations can be added to many Wix elements. These animations will cause your Wix elements like your texts or pictures to move when people are scrolling on your page.


This is a great technique to keep your guest engaged and giving them an enjoyable experience while seeing your site.


You can also add backgrounds animations which