Wix Studio is being released gradually to ensure a smooth onboarding experience. If you’re an agency or freelancer already using Wix or Editor X, you’ll receive an email once you have access.
When you code with , you are working in an open development platform that accelerates the way you build web applications. You use to add custom functionality and interactions.
You can code directly in Wix Studio's built-in , in a , or with your own IDE and .
Regardless of how you choose to code, you can enjoy serverless coding, all in an open, extendable platform.
This section highlights key features and functionality for coding with Wix Studio's open platform.
Coding on our open platform. First, familiarize yourself with .
Different environments for coding. Wix studio offers different . You decide which option works based on what you need to do.
CSS styling. Add and customize styling for the site using that was developed outside of the Wix Studio ecosystem.
AI assistance. The helps you use artificial intelligence to get your code up and running quickly and efficiently. The assistant can help write, and even fix, your code. Receive responses in real time, including code snippets, to help you with your coding tasks.
Custom extensions (SPIs). You can integrate with service providers to further expand your site's functionality by replacing and extending existing app flows and/or by integrating external services with your site using .
Headless sites and projects. Design an independent site or project that takes advantage of Wix Studio's powerful infrastructure, tools, and capabilities in a environment.
Databases. Connect your site to in addition to the built-in .
Packages. This feature lets you choose a with the functionality you want and add it to your site(s). You can install , , and .
Blocks. You can to your Wix Blocks widgets and apps. Because of this integration, can be anything from simple widget layouts to full-fledged interactive web components, complete with APIs and code files.
Developer tools. A set of is available to help you monitor, test, and debug the code on your site(s).
- Test sites. As you develop your site's functionality, you may want to test a version of your site on a percentage of your visitors.
- And here are some open-platform features for Wix Studio coders:
- for calling external APIs.
- for exposing your site's functionality as an API.
- for handling incoming requests to your site's pages/sitemap and directing the user to a custom page, according to the logic in the code.
Tip: Already familiar with coding using the classic Wix Editor or Editor X? Ready to switch to coding with Wix Studio?
Review this to transition to Wix Studio's robust development environments.
Wix is committed to making sure you, as a developer, have the right environment, tools, and APIs to develop sites and apps for your customers. We know coding is not a 1-size-fits-all experience. With Wix Studio, you choose how and where to code:
- With the built-in Code panel
- Using the Wix IDE
- In your own local IDE and integrate with GitHub
While previewing and publishing your site is always done in the Wix Studio Editor, you can use each coding option at different times in the development flow. For example, you add properties to elements and add pages to your site using the Code panel but can then switch to the Wix IDE for backend coding.
To develop small projects that focus mainly on custom interactions and CSS styling on the frontend, craft your code using Wix Studio's built-in Code panel.
To start, click the and click Start Coding. The resulting contains:
The Code sidebar. What you want to code—page code, global page code, CSS styling, and more.
The Code panel. How you code. The Code panel provides you with:
- The Code sidebar for navigation between Wix Studio coding features.
- The Code editor for writing and editing your code.
- The Properties & Events panel for naming elements, setting properties, and defining event handlers.
- The CSS Classes panel for CSS styling on a specific element.
For larger, multi-developer projects that involve more complex frontend code and/or backend code, use the online
Click Code in Wix IDE from the Code panel to start coding.
. The Wix IDE is a VS Code-based IDE that allows you to edit your site's code in your browser—no downloading or configuration necessary. Use familiar VS Code features to get up and running quickly.
To , connect your site to GitHub, develop in your favorite IDE, test your code in real time, and publish your site from the command line.
set of power tools to write, test, and publish code for your Wix site locally on your computer.
Note: The Wix IDE can't be used together with GitHub Integration. You can, however, connect your site to GitHub to work locally, and then disconnect from GitHub to resume working in the Wix IDE without losing any work.
Use this table to decide which Wix Studio coding option is for you based on the features provided.
|Code panel||Wix IDE||Git integration|
|CSS styling for all site pages|
|CSS styling for specific elements|
|Collaboration (team work)|
For >1 designers and 1 developer
|Complex projects or projects that require a lot of code|
|Autosave by default||User-set|
|Wix AI Assistant|