Intro to Velo
Velo is a full-stack development solution that allows you to extend the functionality of your Editor X sites by adding code. Create your desired UI, then add custom functionality using JavaScript and Velo APIs in both the frontend and backend. With Velo you can create anything from small interactions to complete websites.
Enabling dev mode
To start using Velo, click on Dev Mode in the top menu, then click Turn On Dev Mode.
Changing an element’s ID
Change an element’s ID by clicking on the element and giving it a unique identifier in the Properties and Events Panel.
Setting default values
Set an element’s default state when the page loads by navigating to the Properties and Events Panel and clicking on the checkbox beside the state you want to set.
Adding event handlers
Add an event handler by clicking on the element that you want to add it to, then click on Event Handler in the Properties and Event Panel and click on the plus symbol beside it.
Adding your code
Begin adding code to your Editor X site by using the Code Panel. Here you can write JavaScript and use Velo’s APIs.
To learn about all the features and tools you can use to customize your Editor X site, click here.
EXPLORE MORE TUTORIALS
WEBINAR
How to add code to Editor X sites with Velo
TUTORIAL
Creating a sliding menu using Velo
TUTORIAL
Multi-state box
Was this lesson helpful?
Thank you for your feedback!
