top of page

Copied

WEBSITE ESSENTIALS

Create without limits using Wix Code (now Velo)

Emmanuel Cohen


Wix Code is now Velo by Wix, a comprehensive web development platform that lets you build professional web applications as quickly as possible.

A few months ago, we announced Wix Code, a powerful solution that gives you the possibility be able to plan how to make a website without limits. Today, we’re thrilled to tell you that Wix Code is open to everyone!

What exactly are we talking about?

Wix Code is an integrated web development environment that enables you to manage data, customize the behavior of Wix components, build web applications and create robust websites. In human words: this formidable technology allows you to extend substantially the functionality of your Wix website. And the cherry on top; you can do it all using the visual elements of the Wix Editor.



Do (much) more without coding


Yes, ladies and gentlemen, you can use Wix Code without coding. As we said, this product gives you access to powerful tools that let you create a no code website and enrich it significantly – without advanced technical knowledge. You might be asking yourself, “what’s in it for me?” Excellent question!


In order to illustrate what you can do as a non-coder, we will use Anno’s website as an example. Anno doesn’t know how to code, yet she created this huge repertory of plants for gardening lovers. In order to do that, she used two great features within Wix Code: Database Collections and Dynamic Pages.

Let’s take a minute to learn what these are and how she used them:


  • Database Collections: This allows you to manage all of your website’s content in one place. You can collect and store text, images, numbers, documents, user info and more in a database. You’ll be able to use it anywhere on your website. For example, let’s say you want to create a repertory like Anno did on her stunning website. You can compile your text and pictures in your database collection. Each item (in this case, plants) will have its own row as if you were filling out a spreadsheet – it’s that simple. Now, the million-dollar question is: what do you do with all this content? Read on.

  • Dynamic Pages: Once you collected your content in your database, you can generate one single design style that will adapt itself to each item (row) on your list. This allows you to create an infinity of new pages – without having to duplicate them. Each page (generated automatically) will have a custom URL and unique content. Here you can see that Anno has a huge database containing a variety of plants. By connecting her Database with the Dynamic Pages, she now has hundreds of pages, one for each plant. Of course, everything is SEO compatible. Crazy, isn’t it?




But this isn’t the only magical thing you can do without coding! You can also generate tailored forms:


  • Custom forms: Create application forms, review sections, quizzes and more without writing a single line of code. All the data you collect will automatically get stored in your database – and again, can be used anywhere on your site. Look at the Buyer and Seller sections on Josh’s website. The forms are totally customized to meet the needs of his real estate business.

Vancouver First Realty - Wix website using custom forms

Create without limits with Code


If you know how to code, then you are about to fully understand the power of Wix Code. First of all, since Wix Code is a part of the Wix OS, we take care of the hassle of setting up the infrastructure and maintaining web environments in order for you to enjoy a much better and faster creation experience. This will give you more time and freedom to:


  • Take control of your site with APIs & JavaScript: By coding, you can extend your website’s functionality with JavaScript and APIs. This combination gives you full control over your site’s functionality; from Wix elements to your databases to backend files – including fetching and routing.

  • Customize page element behaviors with custom interactions: Add JavaScript code to your page elements to customize their behavior. Create interactions for any action a user performs, like clicking a button, hovering over a shape and toggling the page layout. It’s easy to do, even if you’re not a JavaScript pro.

Have a look at Marisa’s website to see some cool interactions:


Mrisaypurdy - Wix website using custom interactions

We think it’s best to hear about Wix Code straight from our users. Here’s what developer Andreas Kviby has to say:


“By using Wix Code we will save about 50 percent off the time it would typically take to build on other platforms –  but often more. It is amazing when you can create client apps in days instead of weeks. For designers who are not coders, they can now take some code and extend sites for clients in no time.”

How to activate Wix Code


In order to enable Velo (formerly Wix Code), all you need to do is open your site's editor and on the top bar click Dev Mode > Turn on Dev Mode.


Useful resources

Now it’s time to start digging into this gem of a technology. First, check out the mini-site for an overview of Wix Code.


Want to know more about the product? The resources page is the best place for you.


Still a bit skeptical? Below, you’ll find a selection of websites that are sure to convince you:


Stunning websites using Wix Code:


Around-ME Website using Wix Code - Facebook Messenger bot

Boldenacademy Website using Wix Code

Citisonship Design

How fabulous are these websites, right? Now it’s your turn to take advantage of this revolutionary product for your own needs and to enjoy the freedom of creation!





Was this article helpful?

bottom of page