Example Description
In this example site content in changed in response to a user interaction.
How We Built It
This example demonstrates how to use events as a visitor interacts with your site and changes your site content accordingly.
We use an event handler to change the image and button text that is displayed every time a visitor clicks the button.
Next Steps
Open this example in the Editor to work with the template.
Publish the site.
Learn how to work with examples in Velo.
Related Examples
Did this help?
|
Thanks for your feedback!

Hide & Show Elements
Hide and show elements in response to user interactions.

Intermediate

Mega Search
Filter a repeater using multiple input components.

Advanced

Collapse Elements
Collapse and expand groups of elements.

Beginner

Mega Menu
Pack your entire website's navigation into a single multi-level dropdown menu.

Intermediate

Hide and Show an Image
Show and hide an image according to the clicked button.

Beginner