> 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: Replace a Wix Business App Page with Your Own Custom Version

## Article: Build a custom Wix Business app page

## Article Link: https://dev.wix.com/docs/develop-websites/articles/wix-apps/replace-a-wix-business-app-page-with-your-own-custom-version.md

## Article Content:

# Replace a Wix Business App Page with Your Own Custom Version

You can replace some of the Wix's default app pages, such as the Booking Calendar or the Plans & Pricing page, with your own customized versions.

Modify or extend the page’s design and functionality however you like to suit your precise business needs. By adding Velo code to the page and using Wix APIs, you can easily integrate with the app’s page flow and access contextual app data, providing users with a seamless app experience.

## 📖  Step-by-step guides 

For detailed instructions on how to implement each type of custom page, see:

* [Build a custom Booking Service page](https://dev.wix.com/docs/develop-websites/articles/wix-apps/wix-app-collections/wix-bookings/build-a-custom-booking-service-page.md)
* [Build a custom Booking Calendar](https://dev.wix.com/docs/develop-websites/articles/wix-apps/wix-app-collections/wix-bookings/build-a-custom-booking-calendar-page.md)
* [Build a custom Pricing Plans page](https://dev.wix.com/docs/develop-websites/articles/wix-apps/wix-app-collections/other-apps/wix-pricing-plans/build-a-custom-pricing-plans-page.md)

## ⚙️  How custom app pages work

To implement a custom page's functionality and integrate it into the app's page flow, you need to add code to the page and use Velo APIs.

Your code has to do several things:

1. Fetch data from the Wix app about the content to display.
2. Handle UI initialization and interactions, and implement any customized business logic.
3. Direct users to the next page in the app's flow.

![replace-diagram](https://wixmp-833713b177cebf373f611808.wixmp.com/images/bc177ef473d2d6ab29e7c031ef0090c4.gif)

## 📽️  Demo video

Watch a quick demo to see how easy it is to build you own custom page.

<video width="600px" controls>
  <source src="https://wixmp-55b61d47b88d9ba2983360bf.wixmp.com/reflow-demo-external.mp4" type="video/mp4">
</video>

## 🎮&nbsp; Example site

Check out our [example site](https://www.wix.com/velo-examples/bookings-reflow) and [template](https://manage.wix.com/edit-template/from?originTemplateId=905d81a9-4473-44cb-bf1e-058ef27dd476&templateId=4548e92c-e357-43d3-b348-37c86000b80d&autoDevMode=true) to explore the code and APIs and learn how to build a custom Booking Calendar page.

[![reflow-example-image](https://wixmp-833713b177cebf373f611808.wixmp.com/images/2c661a879b35f0abe9e7d8247da4afdf.png)](https://www.wix.com/velo-examples/bookings-reflow)