[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.
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!
Click on the following links to read the specific sections:
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.
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’
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’
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!
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:
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.
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!
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.
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.
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.
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…
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.
Found This Article Helpful?