Wix Blocks: About Coding in Blocks
3 min read
Wix Blocks is currently open to a limited number of users.
Blocks lets you add Velo code to your widgets and apps. You can add code to an individual widget, as well as code for the entire app.
Visit Blocks Developers Docs
If you are a developer working with Blocks, make sure to visit these sites:
- The WixDocs website, with complete developer documentation for Blocks
- The Velo API Reference website, specifically:
In this overview article, learn more about:
Add code to your widget to provide the following:
- Custom functionality and interactions. Adding Velo code to your widget is just like adding code to a site page in the Wix Editors. Use this to implement your widget's internal business logic. Note that Blocks has a Properties and Events panel for your widget's elements.
- Widget API. Your widget API enables you to add properties, functions and events to the entire widget. These are exposed when your widget is installed on a site (in the Wix Editors) or when it's added inside another widget. Use your widget API with the $widget namespace.
Code Files and Folders
To use code files, make sure your app has a namespace
Add frontend or backend code files for your entire app. These are also referred to as "code packages".
To add code to your app:
- Click Public & Backend icon under the App Structure menu.
- Select the type of file you would like to add.
Installed App Instance Code
When your app is installed on a site, you can get information about that specific instance. One useful example of that is to learn about the pricing plan of this user.
To do this, use the wix-application module.