How to Use Wix: An Easy Step-by-Step Guide (Oct 2018)

Last updated on November 8, 2018

how to use wix article featured imageWix is the world’s most popular website design platform. It serves over 110 million people in 190 countries, with 45,000 new sign-ups every day. Looking to join them? Our step-by-step guide will show you just how easy it is.

So, Wix is popular, that much is clear. Since it launched in 2006, it’s transformed the mysterious kid that was web design into the most likeable student on campus. But how? Simple – Wix has made web design quick, easy, and fun for everyone.

The rise of Wix has also saved companies thousands of dollars on web designers. And everyone loves something they’ve created, right? Just like your IKEA wardrobe.

So why do we, at Website Builder Expert, love Wix? It’s flexible and easy to use. The drag and drop feature is fluid, you can easily customize media, and you have access to hundreds of handy apps.

And it’s not just us who think so. We got people just like you to test Wix too. During our testing, one user said:  It’s really easy to use, even for those without the design skills.”

Best All-Around Website Builder
Top Choice

4.7 out of 5

Ease Of Use

4.5 out of 5 stars

Value For Money

4.5 out of 5 stars

Design Flexibility

4 out of 5 stars

Features

4.5 out of 5 stars

Help And Support

5 out of 5 stars

Customer Score

5 out of 5 stars

Is there more than one way to make a website on Wix?

Designing a website with Wix can be done in two ways.

Wix Editor is the standard website builder we know and love. It serves up more than 500 templates on a pixelated platter, so you’re spoiled for choice. And, better yet, you can add and reshuffle elements anywhere you like.

Who is Wix for? Wix Editor allows you to create a beautiful website in just a couple of hours or so. This makes it ideal for users such as:

  • Small businesses
  • Restaurants
  • Online stores
  • Bloggers
  • Photographers

The second Wix option is the first of its kind: Wix ADI (Artificial Design Intelligence) (jump to link). Using advanced technology, it creates stunning websites automatically.

Want to know more? Read our comparison of Wix and Wix ADI here.

So how does Wix ADI work? Just provide some basic information, such as your business type, contact information, and online presence, and it does the rest. You can even make small design changes to suit your taste once the site is generated.

So given its ease of use and impressive design speeds, Wix ADI is best for:

  • Less tech-savvy users
  • Busy business owners
  • Time-constrained bloggers

With Wix ADI, you’ll have a bespoke website in a few minutes. Amazing, isn’t it? But with such simplicity comes less flexibility. You can’t seamlessly drag and drop elements such as images, videos and apps like the Wix Editor. You’re more restricted.

But whichever tool you choose, you’ll find it quick and simple to build a beautiful website. Can’t decide which one is for you? Well, we’ve produced a step-by-step guide for each tool that shows you how to create a Wix site for sore eyes.

But before we start, get a feel for the process with this video on how to build with Wix:

How to use Wix Editor

If Wix sounds right for you, then you may be asking, ‘where do I sign up?’. We’re here to show you, both literally and figuratively.

Step 1: Sign up

Wix offers seven different Premium Plans. As with all subscriptions, the more you pay, the more you can play. While you can choose a free plan, this comes with Wix ads, which can be an eyesore.

You also can’t choose your own domain name.We recommend the premium plans: they’re affordable, and they open up more business opportunities.

The Wix premium plans are:

  • Connect Domain ($5 p/m)
  • Combo ($11 p/m)
  • Unlimited ($14 p/m)
  • Business Basic ($20 p/m)
  • Business Unlimited ($25 p/m)
  • VIP ($29 p/m)
  • Business VIP ($35 p/m)

We recommend Combo for small businesses. Free from ads, it comes with a personalized domain name for one year, and enough storage for most website needs. It’s also very reasonably priced.

Starting an online store? The Business Unlimited option, which includes unlimited products, is best for budding entrepreneurs. For larger online stores, the VIP plan offers first priority customer support.

Read more about Wix’s price plans here.

Step 2: Choose a template

To get started, select Create a New Site from the Site drop down menu in the top right corner of the dashboard. Once you click, Wix will ask what type of website you want. It has numerous options. Excited? You should be.

Categories include Business, Events, Blog, Photography, Accommodation and much more. For any creative desire, there’s a category to suit.

From there, it will take you to the template selection, offering a large menu of tempting templates tailored to your choice.

And when it comes to Wix templates, you’re spoiled for choice. It has over 500, so if you can’t find the perfect one for you in one category, simply search for more in the bar. With the sub categories for each website type available, we’re sure you’ll find the right one quickly.

wix editor homepage
Wix suits any website user

Make the most of your Wix design with our Wix Templates Review.

wix editor templates
Wix has over 500 templates to choose from

It’s worth noting that, once you’ve chosen your template, you cannot change it. So make sure you’re happy with it! Fortunately, Wix’s flexible editing features make it easy to spice up each design.

Step 3: Update text and images

You will now be taken to a preview of your template. Here you can play around with the simple but brilliant editing features, such as the drag-and-drop design and text boxes.

Firstly, you need to update your company, portfolio or blog details. Simply click on the text you want to change, then rewrite. It’s that easy. You can also change the font size and color, plus the typeface favorites – italics and bold – are there for some extra font-based fun.

wix text box editor
Editing text on Wix is easy

If your template comes with images, these can be changed too. This is what makes Wix the best – you can really make the website your own, one click at a time. Don’t like an image? Click it and switch it for anything you like. It could be a saved photo from your business, or one of Wix’s free images.

Step 3: Personalize the background

Change the background too, if you like. The sidebar on the left hand side features a ‘Background’ button. You guessed it: click and change. We recommend adding a video to your background – they’ve become one of the most popular UX (User Experience) trends of 2018 and will generate more interest.

Read our article on the best UX trends of 2018.

wix page background editor
How to edit the background with Wix with a couple of clicks

On the right hand side are the options for deleting, rotating and duplicating the elements on your page. The left side menu is for all your creations. These include building options such as the App Market, Blogs, and the generic ‘Add’ button, but we’ll get to these later.

wix editor menu
Wix has a more detailed design menu on the right-hand side

So, as we’ve highlighted, the building tools menu on the left is where you add elements. The Add button is your friend here, allowing you to throw in text boxes, slideshows, buttons, and just about any small detail a winning website needs.

wix images menu
How to quickly add images on Wix

Once you’ve added your elements to the mix, stir them around with the drag-and-drop, using the snapping guideline boxes to help with symmetry. It’s your website, so let your personality spill onto the screen. Repeat this for each page by clicking ‘Site Menu’ on the left side menu.

And don’t forget to save!

wix navigation menu editor
Moving and renaming your navigation menu is very simple

Read more of our ‘how to’ guides here.

Step 4: Add Apps

Worried your website is too plain? Don’t worry, be Appy. Wix’s App Market has over 250 amazing applications to boost your site. They cover everything from online stores and forums, to restaurant orders and quizzes. Not only do the apps look great, but they provide your website with the modern interface they need to succeed.

wix app market
The Wix App Market has over 250 options

Take a wander through the marketplace and pick your favorites. Each app has a thumbnail preview, with either a ‘Free’ or ‘Premium’ price option (or both). Premium means it can only be selected with a Premium Wix price plan account. Best of all, unlike most markets, you won’t need to haggle for prices.

Want to know more about Wix App Marketplace? Read our review here.

Step 5: Blogs

Keep your audience in the loop with a professional-looking blog page, fully integrated to your site. The new Wix Blog can be found by clicking the pen-shaped ‘Start Blogging’ button, which can be found at the bottom of the builder menu.

wix blog menu
Integrating a Wix blog is a breeze

For a choice of blogging apps, search the ‘Add Apps’ button on the same menu. You have a choice of blog apps, but we recommend Wix Blog for ease of use and its sleek appearance.

The app itself is easily manageable, too. Click the same pen-shaped button, then ‘Add Blog Elements’ to throw in some handy features, such as an Instagram feed, events, or an RSS (Really Simple Syndication) button used for sharing content online.

Step 6: Ecommerce

Ready to sell? The builder sidebar also includes a store manager option. Click ‘Add’, then scroll down to ‘Store’ on the menu. Hit the ‘Add to Site’ button to sell your products, create coupons and set up payments easily.

Read about how Wix is our ‘Best Small Business Builder’ here.

wix online store menu
How to add a Wix Online Store with ease

From there, you’ll have a dummy template. Like all things Wix, click the images and text boxes to personalize. Wix really make it their business to help yours – setting up an online store has never been easier.

Step 7: Coding

Wix has recently introduced a brilliant coding function. This means you can create your very own applications without boundaries. Where to go for code? On the Wix Editor, select ‘Code’ on the very top navigation menu, then ‘Turn on Developer Tools’. And off you code…

Don’t know how to code? Don’t worry. Wix Code offers a range of exciting tools to enhance your website with no coding experience required.

The first of these is called Database Collections. Here you can manage all your content in one place, and create text and pictures all in one place. Let’s say it’s the prices and imagery for your online muffin delivery business.

The second is called Dynamic Pages. This allows you to create an infinite amount of website pages, generated from your database (eg a unique page for every type of muffin you sell).

The third tool is Custom Forms. As you’d expect, this lets you create application forms and muffin quizzes without knowing anything about code. All the information is then stored in your database.

Decode the subject further with our Wix Code Overview here.

Step 8: Publish

Let’s wrap up your Wix Editor site. Throughout the Wix editing process, you can preview your masterpiece with the button in the top right corner. Once you’re satisfied, simply click ‘Publish’ next to Preview, and… it’s live.

wix preview and publish menu
The Wix Publish and Preview buttons

Your domain name will appear, which you can leave, or attach to your own personalized one. It’s up to you.

And yes, you can edit your Wix site after publishing. Just open your site’s dashboard, click ‘Manage Site’ then ‘Edit Site’, and off you go. To re-publish, just click Publish again in the top right corner.

Wix Editor Roundup

Ready to get going? First, let’s recap the steps for using Wix Editor:

  • Choose a price plan
  • Decide what kind of website you need
  • Select a template
  • Edit text boxes and navigation menus
  • Customize background
  • Drag and drop elements
  • Add Apps
  • Preview
  • Publish

Wix is our highest rated website builder (see our comparison table) for a reason. It’s easy, fun, and lets you take control. So follow these steps, and you’ll not only have a website to be proud of, but enjoy the ride along the way.

How to use Wix ADI

Wix ADI (Artificial Design Intelligence) has made it easier than ever to design a website. How? You’re asked a few questions and then given a stunning website, just like that. As if Wix couldn’t get any easier, right?

While the editor is straightforward, Wix ADI is for less tech savvy users, or those who simply don’t have the time to create a website from scratch. So if you’re busy juggling invoices and phone calls, with Wix ADI, a Wix website can be yours in just six easy steps.

Step 1: Getting Started

After signing in, click the ‘+ Create New Site’ button and then ‘Start with Wix ADI’.

wix adi selection page
Select Wix ADI to save time and creative effort

This leads to the first question: What type of site do you want to create? Type in your answer, then a drop down menu will offer more specific options.

wix adi first question
Choose what type of site you want the ADI to create

Step 2: Add Features

You’ll then be asked which features you might need. Tick the relevant boxes, then click ‘Next’ on the bottom right hand side. Don’t worry if you change your mind, or even your business model – you can edit Wix ADI anytime.

wix adi features options
Personalize your site with Wix features

Step 3: Contact Details

Now WIX ADI knows how to personalize your site with features, it needs basic contact details. Try to provide as much information as possible: This allows the ADI to create detailed navigation menus, footers and headers, and contact pages with ease.

And remember, the more accurate your answers, the more Wix ADI can customize the perfect site.

wix adi contact details form
Fill out the contact detail page for high quality headers, contact pages and navigation menus

Step 4: Design

Yes, the design is up to the ADI, but you do still have some input (nothing creatively strenuous, of course). It can produce billions of text combinations and images, so you’re guaranteed a sleek and unique website.

wix adi color selection
Picking a color theme with Wix ADI is straightforward

Now the ADI knows what you need, it will take you through the design process. After clicking ‘Start’, it offers some color schemes. Take your pick, but don’t fret too much- you can it change later if you like.

After this, you will have a brand new homepage suggested within minutes. We’re sure you will love the result, but of course, everyone has different preferences. After all, a great business needs a great website.

wix adi homepage suggestions
Wix ADI homepage suggestions

Step 5: Select Style

Happy with the overall appearance? You can now personalize it further by changing fonts, adding media and more with the help of Wix ADI’s smart assistant. It’s fast, and gives you a small amount of creative control. It’s like handing an artist the paints you’d like them to brush with.

However, the smart assistant is far more restrictive than Wix Editor. So if you’ve been inspired to really put your stamp on it – or if you’re simply not happy – you can easily switch to Wix Editor mode whenever you like. Think about it, though, because it’s harder to reverse the process; you’d need to save your last ADI version, then restore it.

wix adi editor page
Wix ADI's simplistic editing page

Wix ADI will now give its final proposal. From here, you can go over the previous steps and make some changes. This is important, because if you’re not completely happy, then chances are your visitors won’t be either.

Step 6: Publish

Your final product is now ready to publish. Click ‘Preview’ at the top of the ADI screen to have one last check, then simply press the X icon to return to the editing page. Now, hit ‘Publish’ at the top.

Doubting the design? You can make edits after publishing on Wix ADI at any time. Just go into your dashboard after signing in, click ‘My Sites’, then ‘Edit’ on your ADI website.

Wix ADI Roundup

Now that you’re ready to create with Wix ADI, let’s recap the steps:

  • Sign up
  • Say who you are
  • Click what features you need
  • Add name and location
  • Get stylish with the assistant
  • Preview
  • Publish

How to Make a Wix Website: Conclusion

Our overall thoughts? Wix ADI is changing the world of websites. The first of its kind, it’s turned a once mentally draining task into a breeze. Why so easy? You just answer a few questions, pick colors and move stuff around.

But this lack of control can be frustrating. It’s not nearly as flexible as Wix Editor, which offers the industry’s finest drag-and-drop design and easily editable text boxes (see our table here). So, while you can enjoy simplicity with both Wix tools, the Wix Editor offers more freedom. It also builds more personal sites, thanks to its Premium Plan upgrades and wide choice of Apps.

Leave a Reply

2 Responses to How to Use Wix: An Easy Step-by-Step Guide (Oct 2018)

  1. #

    Hi I am interested in getting a Wix Unlimited plan but I already have a website with my own domain. If I move to Wix I understand that I can keep my domain name. Is that correct? Also I find the task of moving my domain somewhat daunting and cannot find and help notes that would guide me through this.
    Hoping you can help.

    • #

      Hi Glyn,

      You can indeed keep your domain name. Domain registration is a separate process to site building, so there’s no risk of getting one stuck on a platform you don’t want to use any more. Wix is great at walking you through the domain transfer process step by step when you sign up. There’s an official video guide here if you’d like a sense of how it’s done.

      Hope that’s helpful!

      Ta,

      Fred