# Customizing Pages

{% embed url="<https://www.youtube.com/watch?v=7382TbvzzRs&list=PLSkzi9eq0vBnUGMnwXrRRVo9TXUjZ7uSj&index=30&ab_channel=JetAdmin>" %}

A Page is an interface element that can span across various use cases. Create pages from scratch or generate an Admin Panel to get your application ready in less than 2 minutes.

### Create a New page

To create a new page, follow the steps described in the article:

{% content-ref url="/pages/QnGbKpivmZADO1091YS8" %}
[Create a New Page](/user-guide/design-and-structure/pages/create-a-new-page.md)
{% endcontent-ref %}

### Copy the page

To copy the current page, follow the steps described in the article:

{% content-ref url="/pages/3K26MJvzzuUmlu70yYVM" %}
[Copy the Page](/user-guide/design-and-structure/pages/copy-the-page.md)
{% endcontent-ref %}

### Customize the page

Once you created a new page, drag and drop any components to the page to succeed with your use cases.

{% content-ref url="/pages/dSVrcBoA179lE16b2K6Z" %}
[Customize the Page](/user-guide/design-and-structure/pages/customize-the-page.md)
{% endcontent-ref %}

### Page Values

Page Values allow you to pass data from one page to another.&#x20;

{% content-ref url="/pages/aF459SqW4fj9cwPTXDjj" %}
[Page Values](/user-guide/design-and-structure/pages/page-values.md)
{% endcontent-ref %}

### Link pages

To pass a value from one page to another, you need to use the Navigate to page action.

{% content-ref url="/pages/KULVDVPkHBTMN4ovFkjN" %}
[Link Pages](/user-guide/design-and-structure/pages/link-pages.md)
{% endcontent-ref %}

## Page Queries

Page queries allow you to do queries from your page at once, and then use query results for all of the components on the page. In case, you use one Query for several components, Page Queries helps you to load it once and optimize the page loading.

{% content-ref url="/pages/xHsJDAWL5HnJb2bh14C4" %}
[Broken mention](broken://pages/xHsJDAWL5HnJb2bh14C4)
{% endcontent-ref %}

## Load Data (Page Query)

**Load Data** allows you to retrieve data (collection or record) from the [data sources](/user-guide/integrations.md), [workflow](/user-guide/workflow.md), or a page component (specify data). Pass variables/parameters, and filter your data. The data can be loaded into components on the current page: such as [charts](https://docs.jetadmin.io/user-guide/design-and-structure/components/charts), [tables](https://docs.jetadmin.io/user-guide/design-and-structure/components/lists/table), [select, ](/user-guide/design-and-structure/components/form/select.md)and [multiple select](/user-guide/design-and-structure/components/form/multiple-select.md) components.&#x20;

{% content-ref url="/pages/zXIDUQyZ4Mt1kPOYFhHB" %}
[Load Data (Page Query)](/user-guide/design-and-structure/pages/load-data-page-query.md)
{% endcontent-ref %}

## Page Opens Action

**Page Opens Action** fires each time a page is opened to allow you to perform various actions on the page load, such as [Open Modal](https://docs.jetadmin.io/user-guide/design-and-structure/components/modal), Send an [HTTP request](https://docs.jetadmin.io/user-guide/data/make-an-http-request), [Run component action](https://docs.jetadmin.io/user-guide/design-and-structure/actions#run-component-action), [show a notification](https://docs.jetadmin.io/user-guide/design-and-structure/components/custom-notifications) message, Run a [Workflow](https://docs.jetadmin.io/user-guide/workflow), or other actions.

{% content-ref url="/pages/Pi5a0uodwrFJaNQt4h8O" %}
[Page Opens Action](/user-guide/design-and-structure/pages/page-opens-action.md)
{% endcontent-ref %}

## Home Page

You can set one or more home pages for your app. There are three options for setting a home page: default to the first page in your menu, select a specific page, or set up a workflow to send users to different pages based on conditions.

{% content-ref url="/pages/UixUW1D1UVjFUnVgIA9S" %}
[Home Page](/user-guide/design-and-structure/pages/home-page.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jetadmin.io/user-guide/design-and-structure/pages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.