top of page
Hello World

Hello World

Get started with Velo.

Intermediate.png

Beginner

3K

Published:

December 18, 2022

Girl Enjoying her Drink

by

Anchor 1
Hire a Developer

Example Description

In this example, we demonstrate how to get started writing code in Velo. Learn how to use the $w API to select elements, set element properties, call element functions, and add event handlers to elements.

Example Code

Tab 1

.

Tab 2

.

Tab 3

.

This code solution can be complicated.

How We Built It

Page Elements


On the HOME page we added a text element and a button. We changed their IDs to 'helloText' and 'clickMeButton' respectively.


Code


On the HOME page, we used code to change the text shown in the text element when the page loads. In the Editor the text element's text is "EDITOR TEXT". When someone visits the page, before it loads, the text changes to "HELLO WORLD !". We also added an event handler to the button on the page. When the button is clicked, the text element's text changes again, this time to "HELLO WIX !".

APIs We Used

Non-code example.

Non-code example.

Related Articles

Article Link

Hire a Developer

Velo solutions are powerful tools, but building them on your own can be challenging. Let an experienced Velo development shop build it for you, so you can keep working on your site or business.

Related Examples

Did this help?

Yes

|

No

Thanks for your feedback!

Image placeholder.png

Add to Cart Gallery

Let customers to add products to their cart

Intermediate.png

INTERMEDIATE

Image placeholder.png

Hide and Show Elements

Hide and show elements in response to user interactions

Begginer.png

BEGGINER

Image placeholder.png

Hide and Show Elements

Hide and show elements in response to user interactions

Begginer.png

BEGGINER

Anchor 2
bottom of page