6 Things You Need To Know About Wix Code

Last updated on December 11, 2017

wix code[Update Dec. 5, 2017 – Wix Code is now out of beta and available for use by the general public]

Wix Code is the exciting new product launched by Wix and it’s going to help you customize your website more than ever before.

Curious?

Read on to find out more about this exciting new development.


When building your Wix website, have you ever found yourself encountering one of the following scenarios…?

  • “Some website builders need me to build every single product page individually, over-and-over-again. I have more than 50 products… who’s got time for that??”
  • “Is there a way to automatically collect comments or user reviews that people left on my website? Like, without me having to do it manually? That would take forever!”
  • “I wished there was a way people could submit information to me through my website that would be automatically collected, sorted and managed – just like in a database. I can’t do that with any website builders and don’t want to hire a coder!”
  • “I need more than a simple website with a few basic pages. I need to be able to collect information and have data stored for me. All the website builders that enable this are sooo difficult to use. I’m not technical at all!”

What if I told you that Wix’s new product development Wix Code can help you to achieve all of the above – and more – without you needing to write a single line of code?

What if I also told you that Wix Code can help you save three of your most valuable resources: Your time, your money and your effort!?

Well, Wix Code has been specifically created to help non-techy, non-codey web builders like you and me to create websites that we wouldn’t previously have been able to without the expensive help of a dedicated developer.

By opening the door to a whole new arena of website building – previously unavailable to Wix users, who may have been intimidated by anything too technical sounding – Wix is giving us the chance to really push our websites to be the best that they can be.

“But how is Wix Code going to benefit me??” I hear you ask…

Well, if you’re as curious as I was to discover how Wix Code is going to give all of our websites a boost, let’s jump right in!


1.Wix Code – What Is It?

Let’s be upfront and get the “technical” explanation out of the way first of all.

For all intents and purposes, Wix Code is a new product development from Wix that adds more advanced functionality to your Wix Editor, enabling you to quickly and easily create data-driven, web-ready applications.

Advanced functionality? Data driven? Web Applications? Great. That description is really useful to non-techy individuals like me and you, huh?!

Well, let’s take a minute to look under the hood and find out what Wix Code is really all about.

In plain English, Wix Code is a development from Wix that you’ll be able to switch on in your editor in the near future. It lets you create and utilize huge databases of information (text, images, etc) that are then used to automatically populate your website with pages and content.

For example, imagine you run a catering business where you sell a wide range of delicious treats that can be ordered online. In your business-plan you’ve decided that it would be a very good idea to showcase your delicious treats on your website in order to attract more customers, increase sales and boost your earnings.

Now, creating a page for every product you sell is possible to do yourself, but it will be time-consuming and very difficult to ensure design consistency across each page – and if things aren’t consistent this may make you look unprofessional.

So what do you do?

Well, you can use Wix Code to create a Database Collection – essentially a spreadsheet – populated with the goods you sell along with all the other relevant information like price, description, photos, etc.

You can then create a web page in your Wix Editor that will act as a template and then tell the database to use this template to create a unique web page for every single product you sell.

The images will be in the same place on every page. The titles will be in the same place. The on-page text will be in the same place. Everything about the design will be identical – but the content and the URL addresses will not be.

This means you will have created goodness knows how many web pages in a fraction of the time it would’ve taken you otherwise.

And not only will you have saved an absolutely huge amount of time and effort, but you will have created a large amount of new sales and traffic opportunities across your website…Wouldn’t that help you to grow your business significantly?

Because Wix Code empowers you to create all this by yourself, the best part is that you won’t even need to empty your life savings in order to hire a code-guru that might end up confusing you even more. How does that sound to you? Sure sounds pretty great to me.

Now you may not end up using every single feature of Wix Code immediately but the fact you will soon have the capability to use them if needed – that’s the exciting part.

“But if I won’t use it…what’s the point of Wix Code then?”

If that’s what you’re now wondering, take a moment to check the smartphone in your pocket and think about how many of the features and apps you actually use? None of us use all of the apps, all of the time – but the fact we have them is a great bonus for us.

Need to quickly check the weather? Done! Need to check the stocks? Done! Post on Facebook? Done! Take a photo or shoot a video? Done!

And not only have Apple, Samsung and co. put all of these capabilities at your disposal – in your pocket, no less – but they’ve also simplified them so that everyone can use them without any special training.

It is this simplicity that levels the playing-field and really makes a product useful to as many people as possible.

It’s the same with Wix Code.

Wix have taken a complicated subject with website coding and broken it down into something easy to use and understand by any of their 100+ million users.

And look, just because you might not need to use page templates straight away doesn’t mean that you may need them further down the line – and that’s the real benefit of Wix Code, its empowerment of you as a website builder.

Try Wix Code Out Now

2.Why Have Wix Made Wix Code?

Of all the website builders I’ve used over the years, I’ve always been impressed with Wix’s ability to innovate and bring game-changing ideas to what might otherwise be a pretty static marketplace.

My favorite innovation of Wix’s was Wix ADI, the world’s first website building tool powered by Artificial Intelligence, which made making a website easier than easy thanks to the intelligence of the Wix website designing AI.

However, I am very tempted to say that I think Wix Code might be my favorite product development from Wix in a long time…if not ever!

Just thinking about all the possibilities on offer with Wix Code really makes this development chime with Wix’s mission statement of helping you to create the best website possible.

If you think about your favourite website designs then the majority of those sites will have been powered by databases of information and at least partially created with a professional developer’s help – which meant that you couldn’t create something as technical in the current Wix Editor.

But with Wix Code, it honestly feels like Wix is making a conscious effort to help you offer your users the same website browsing experience they might find on a custom designed website or one built from scratch by a professional designer.

And the best part is that the majority of features in Wix Code require no technical or coding knowledge.

This is why Wix has made Wix Code – they want websites made on Wix to be among the best sites on the internet and are levelling the playing field in order to help you to create them. Wix Code really will offer the ability to ‘create without limits’.


3.Wix Code: Can I Use It Even Though I Can’t Code?

Now this is probably the point that most concerns you – after all, with the benefits on offer from Wix Code it would be super frustrating if you couldn’t use it to improve your website.

Well, there’s no need to fear!

In typical Wix fashion, Wix Code has been specifically developed for non-technical people and non-coders (like me, and maybe even you). I’ve even test-driven the Wix Code Beta to see what it’s all about and I can confirm that it is intuitive to use, easy to pick up, and slips seamlessly into the existing Wix Editor interface – which is very reassuring.

Many of the features are powered by Database Collections, which is a fancy way of saying ‘spreadsheets of information’, that you manually enter into the Wix Code system. This information is then used to generate anything from custom forms to hundreds of similar – but different – web pages. It really is that easy.

For example, if I ran a website that I used to promote and sell my artwork, I could create a database with columns titled:

  • ‘Photo of Painting’
  • ‘Painting Name’
  • ‘Artwork Description’
  • ‘Materials Used’
  • ‘Price’

Then I would enter the relevant information under each column, with each row acting as a single listing:

  • ‘Photo of Painting’
  • ‘Sunny Day at The Beach’
  • ‘A landscape scene of Malibu Lagoon painted on a sunny morning in August’
  • ‘Oil paints and Chalks’
  • ‘$120.00’

Once the Database Collection is complete and the spreadsheet contains all the information I want it to, I can then design a template page in the Wix Editor in exactly the same way that I would create any other page. I’d add an image box for the artwork and text boxes for the artwork information and price, etc.

Once happy with the template design, I then drag the Database Collection into the editor, where it sits on the page as a little icon – invisible on your website, but visible in the editor.

I’d then need to ‘connect’ my Database Collection of artwork information to the different on-page elements. These ‘connections’ or ‘links’ have the important responsibility of telling the web page which information from the Database Collection needs to be used to populate each on-page element:

  • Image Block -> linked to Column A (‘Photo of Painting’)
  • Text Box 1 -> linked to Column B (‘Painting Name’)
  • Text Box 2 -> linked to Column C (‘Artwork Description’)
  • Text Box 3 -> linked to Column D (‘Materials Used’)
  • Text Box 4 -> linked to Column E (‘Price’)

The number of rows you have in your Database Collection spreadsheet will determine how many unique web pages are generated once you’re happy with how everything looks.

That’s right – you complete one spreadsheet and design a single web page template and then Wix Code will create a unique web page for each and every single row in the table.

It really is that painless and easy.

This means every product will have its own unique web page containing the information we entered into the database table. Each of these pages will have unique content and a unique URL, but look almost identical except for the content – these dynamic templates will save you huge amounts of time that you can spend improving your site in other ways or dedicating to your business.

If you’re still not 100% convinced and feel a little apprehensive about the technical side of things, then I can also confirm that Wix is developing a wide range of support materials to help ease your worries and get you up to speed.

Included in this support literature are:

  • A dedicated Wix Code support forum
  • Wide-ranging guides and how-to tutorials
  • YouTube videos exploring how to use features
  • A collection of demo Wix Code examples that you can experiment and play with

That’s a lot of help and support right there! I know it certainly helped to put me at ease after my first look at Wix Code and I’m sure it’ll help ease any concerns you have too.

Either way, whether you can code or not, Wix Code is nothing to be scared of. It’s been developed to help you create a bigger and better website without any of the hassle. I only wish it had been around when I first started out using web builders all those years ago!

Get Wix Code For Your Website Now

“Why don’t I just use WordPress or another builder, huh?”

If you wanted to achieve something similar with another website builder, you could bypass Wix’s direct competitors like Weebly and Squarespace as they do not offer anything comparable to Wix Code – in fact you’d need to create every page and menu manually on these two platforms. Even with a popular Content Management System (CMS) like WordPress, you’d still need to:

  • Source your own hosting capable of supporting all of your content
  • Spend time searching for and testing different plugins that could dynamically generate content
  • Spend more time figuring out how your chosen plugin works as it’s more than likely that the plugin developer won’t be on hand to personally help you out
  • Edit the site’s HTML + CSS code to make your pages, tables and content all look how you want them to
  • Potentially research and hire a developer to help create the back end databases (especially important if you are using a lot of data)
  • Double check every generated page one by one to ensure there are no bugs or on-page errors

Certainly doesn’t sound ideal, does it? Personally, I’d much rather use the tool that saves me the most time and money, which in this instance is Wix Code as it is way ahead of any of its rivals. Right now, I’d even take Wix Code over more technically capable website builders like WordPress – and I know a lot of people will disagree with me on that one!

wix code examples

Wix Code helps you create custom interactions that make your site more professional and keep users browsing for longer.


4.What Can You Do With Wix Code?

Believe me, I’m very tempted to say ‘what can’t you do with Wix Code?!’ – but I don’t think that would do the product or Wix any justice at all.

As I discussed in the examples above, thanks to its “code-free” coding abilities Wix Code has a wide range of uses – many of which I haven’t even tried out myself yet. So rather than me running another scenario past you, let’s instead take a quick look at the key features of Wix Code and what they mean for your business.

Using Wix Code, you will be able to use things such as:

Database Collections

In plain English a Database Collection is a spreadsheet that contains information and media including images and text, that the Wix platform can use to generate content on your website.

Database Collections are the foundation stones of your Wix Code experience and you’ll quickly come to see how handy they are when you use a single spreadsheet to create an auto-generated index with pulled out featured pages or products that link to auto-created pages for each one.

wix code database collection

Database Collection spreadsheets are easy to fill in and can help you create hundreds of unique web pages with just a few clicks.

Dynamic Page Templates

Just like in the examples further up the page, dynamic page templates are going to save you a huge amount of time and effort going forward.

After creating your Database Collection spreadsheet, you can create a single web page in your Wix Editor, link each part to the relevant column on your Database Collection spreadsheet and then let Wix create a page for each row in the table. Each one based on the same template but pulling in unique content.

It’s a game-changing development and is going to make a lot of website makers very happy!

wix code dynamic pages

Turn a blank page template into a rich, engaging page that you can use to quickly highlight your best content or products.

Custom User Input Forms

Have you ever wanted to gather information from your users such as reviews or feedback, or maybe you’ve wanted them to submit something to you, like content for a gallery or competition?

Wix Code makes it easy to collect this information. It’s the same principle as generating on-page content or Dynamic template pages, except in this instance you’ll create an empty Database Collection and then in the editor you’ll design an empty form, link the text boxes with the relevant empty columns in your spreadsheet, set the mode to ‘write’ instead of ‘read’ and voila, your users can now write in the these empty text boxes!

Once they click submit their answers will automatically be added to your empty table. Super easy information and data gathering to improve your insights and help keep your customers happy.

wix code custom form

Creating custom forms is a great way of gathering more information from users that you can use to improve your website

Custom Interactions

Wix Code also lets you add simple javascript to your web pages (which is a computer language used to create actions on a webpage) and add custom page behaviors, which is how your website reacts when people are using it.

So this means you could add a small animation to keep users interested while your page loads, or you could set up different actions depending on how people answer a form you’ve made.

Maybe you want to showcase photos of the same location from different angles and rather than a slideshow or a gallery you want to use something a little smarter and more dynamic – with Wix Code you could create a button that when clicked changes the on-page photograph to the next one in the series.

This helps to make your website more interactive and engaging for users.

APIs

A…P..what?! You’re right, it would help if you knew what an API was! Right, an API – or ‘Application Program Interface’ – is a type of javascript that tells different softwares how they should interact together.

What this means is that you will be able to seamlessly integrate a lot more 3rd plugins – such as Facebook or Vimeo or any number of others – into your website.

Now, to be honest this API integration function is the most technically demanding area of Wix Code as you will need an existing working knowledge of Javascript to really get the most from it.

But that’s not to say that with a little bit of online research you shouldn’t be able to get to grips with API integration, in fact I’d suggest having a look at Wix’s own resources on the topic as they will help you get the most from this very handy feature.

Not fully satisfied yet? Well you can find out more in the Wix Code introduction video below…

Save Time + Money With Wix Code Today

5.What Type Of Websites Will Wix Code Be Useful For?

The world really is your oyster when using Wix Code.

If you take the time to watch some tutorials and get to grips with its capabilities then you really will be able to create a truly unique website that is unlike anything you could currently build.

Whether you work in the food industry and are looking to showcase menus, recipes or purchasable goods…

Or you work for an art gallery and want to accept art submissions…

Or perhaps you want to accept bookings for a Bed & Breakfast through your website…

Or maybe you work in education and want to promote the courses your school or college offers…Wix Code can help you achieve this.

But that’s not to say Wix Code is limited to just a few niches and interests. Wix Code is a versatile addition to the Wix Editor and can open up your website to a host of new possibilities and design features – all it takes is the imagination and drive to see them through and achieve them.

“Having used the Wix Code Beta I really believe that this product development will open a lot of doors for Wix users, especially those working on ecommerce sites.”

The easy to use databases make listing and stocking products much easier, with dynamic page templates helping to quickly create unique pages for every product, while automatically updating listings across hundreds of products with a few simple tweaks in the Wix Editor.

So is Wix Code for you and your website?

If you want to work more efficiently, save time and effort, create more unique content for your website, save money by NOT hiring a developer, and gain the ability to create without limits, then yes, Wix Code is for you.

In my time with the Beta, I saw an awful lot of potential in Wix Code, but you will need to take a little bit of time to familiarize yourself with the platform and understand how it works.

That’s why, I recommend watching and reading a tutorial or two on the Wix website before jumping in – it’ll help you to quickly grasp how best to use Wix Code, what you can do with it and definitely be worthwhile investment of time.


6.Wix Code Costs

If you have a premium subscription to Wix then the good news is that Wix Code won’t cost you a penny!

When it is finally released to the whole community, Wix Code will be yet another tool in your arsenal that is covered by the Wix Premium Plan you subscribe to. All you need to do is switch it on in the Wix Editor and you’re good to go.


Conclusions

Wix Code is going save you time , money and effort. It will simplify more complicated areas of website building and empower you to create better websites than you’ve ever been able to do before.

It is a superb tool that is both intuitive and easy to use, and looks set to push website builders to the next level when it is finally released.

It’s actually a really natural and logical step from Wix, who – by simplifying the technical side of website building – are sending a clear message that Wix is the best platform for non-technical website creators to craft a site that really stands apart from the pack.

But it’s not just about looks.

Wix Code will also help you capture more information from users that you can use to grow your website and your business, make your website more interactive and engaging, and help you to quickly grow your site in an SEO-friendly way (think unique URLS and on-page content).

For Wix users looking for a whole new world of website customization, I wholeheartedly recommend signing up to the Beta to try and have a play while it is still being refined.

And if you don’t make the cut into the Beta program? Well, fingers crossed Wix don’t make us wait too long before they unveil the finished product.

Try Wix Code Now

Found This Article Helpful?

Question – Did this discussion benefit you? Leave a comment below.

Do you know anyone who can benefit from this discussion? Send them this page or click on the share buttons on the left.

You’ll be helping us out by spreading the word about our website, and you’ll be helping them out!

 

Tom Watts

About Tom Watts

You might not come from the most technical background - but neither did I! After years of working on websites I've managed to learn a few things that might be able to help you on your website building journey. I'm here to help out the WBE community by generating informative discussions and by answering your questions in the comments section. Let's make you a website builder expert!

Subscribe

Tom Watts

About Tom Watts

You might not come from the most technical background - but neither did I! After years of working on websites I've managed to learn a few things that might be able to help you on your website building journey. I'm here to help out the WBE community by generating informative discussions and by answering your questions in the comments section. Let's make you a website builder expert!

,

Leave a Reply

4 Responses to 6 Things You Need To Know About Wix Code

  1. #

    I am excited to learn more now that I have read your article. This product is phenomenal in it’s potential to build custom sites with minimal coding and tedious repetition. I thank you for removing some of the fear of committing to Wix based development!

    • Tom Watts
      #

      Hello Kelly,

      Great to know we managed to settle some of your nerves about Wix!

      Wix Code really does have incredible potential to empower people to create stunning websites without any coding knowledge.

      Even when playing in the beta, I was able to create things I never thought possible with Wix, which really impressed me.

      It’s definitely worth reading the guides Wix have prepared and playing around with Wix Code to get comfortable with it, but I’m sure it will help you build a great website, Kelly!

      Best of luck and thanks for reading,
      – Tom

  2. #

    Hello, thanx for your support.y
    i want to make a product comparison website.
    so how can i make it.
    please help me.
    i will be very thankful to you.
    thanx.

    • Tom Watts
      #

      Hi AD,

      It depends on the sort of comparisons you want to make.

      At the very least, it’s worth getting hold of and using the products you want to compare, then write about your experiences using those products!

      So at the very least, you’ll want a platform on which you can blog easily. I’d recommend Wix or Weebly as good starting points.

      Check out the reviews I’ve linked to and see how you get on.

      Thanks for reading
      – Tom