> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: Get Started with an Example

## Article: Get Started with an Example

## Article Link: https://dev.wix.com/docs/develop-websites/articles/get-started/get-started-with-an-example.md

## Article Content:

# Get Started with an Example

> **Note:** This feature is only available in Wix Studio and is not yet available to all Wix Studio users.

Wix Studio provides a pre-built example page that demonstrates some of Velo's features:

- **Text Manipulation**: Set and change text content dynamically.
- **Element Visibility**: Show and hide page elements.
- **Expandable Sections**: Create and manage foldable content areas.

This article explains how to access and use this example page.

## Access the example page

To open the example page with code snippets:

1. Open a Wix Studio site that you haven't added code to yet.
2. In the left sidebar, click the Code icon ![Code icon](https://wixmp-833713b177cebf373f611808.wixmp.com/images/2608ab9f3b2daf53dcf1db19f1b5de11.png) and then **Start with an example**.

A new page named "Get Started with Code" is created.

> **Tip**: If you've already enabled coding, you can access the example page by clicking ![Code icon](https://wixmp-833713b177cebf373f611808.wixmp.com/images/2608ab9f3b2daf53dcf1db19f1b5de11.png) then **Help > Getting Started** in the left sidebar.

<img src="https://wixmp-833713b177cebf373f611808.wixmp.com/images/118b287fe152dfb6a576520ffde575be.png" alt="Get Started with an Example" style="max-width: 70%; height: auto;">

## Use the example page

The "Get Started with Code" page demonstrates basic Wix Velo functionality. Here's how to get the most out of it:

1. **Review the examples**: The page features several interactive demonstrations.
2. **Test the behavior**: Preview to see how each example works.
3. **Study the code**: Examine the snippets associated with each example.
4. **Modify and experiment**: Change the code and observe the effects.
5. **Preview your changes**: Check the results after modifying the code.

## Try an example

To see an example in action:

1. Go to the "Get Started with Code" page.
2. Choose an example from the page, such as the "Change text on button click" example. The following screenshot shows this example:

<img src="https://wixmp-833713b177cebf373f611808.wixmp.com/images/5550a1f50fd1664a50e9cf0ed277f522.png" alt="Get Started with an Example" style="max-width: 70%; height: auto;">

3. In the code editor, review the existing code for the example.
4. Modify the code:
   - Find the line that sets the text for the button.
   - Change the text inside the quotation marks.
5. Click the preview icon ![Preview icon](https://wixmp-833713b177cebf373f611808.wixmp.com/images/9d867dbfaf7b198120493f1264afa27e.png) in the top right corner to see your changes.
6. Click the blue "Click to Change Title" button. The existing text changes when you click the button.

## Next steps

After exploring the examples:

- Use these examples as inspiration for your own Wix Studio site.
- Explore the [Wix Velo API Reference](https://dev.wix.com/docs/velo.md) for all API functionality.
- Visit the [Wix Coding Examples Site](https://dev.wix.com/docs/coding-examples.md) to see even more examples.