# Page Refresh

This is particularly useful for dynamic content, ensuring that users see the most up-to-date information without needing to manually refresh the app.

<figure><img src="/files/0G2IK8yADCWs1yLjJew0" alt=""><figcaption></figcaption></figure>

## How It Works

Twinr provides two options to keep your app screens updated:

1. **Tab Auto-Refresh**
   * When enabled, each tab in your app will reload automatically every time users switch between them.
   * By default, tabs are preloaded once and do not refresh when switching. Enabling this ensures users always see the latest information.
2. **Page Refresh Integration**
   * You can define **Element Identifiers** (e.g., `.et-cart-quantity`) that the app will monitor for changes.
   * Whenever the defined element changes, all related app screens automatically refresh to reflect the updated data.
   * Example: If a user adds an item to their cart, the cart screen refreshes to display the new total or updated item list.

## How to Enable?

**1.)** Go to **General Settings** from the left menu and select the **Page Refresh** tab.

**2.)** Toggle **Enable Tab Auto-Refresh** if you want tabs to reload every time users switch tabs.

**3.)** Toggle **Enable Page Refresh Integration** if you want the app to refresh screens when specific elements are updated.

**4.)** Add the required **Element Identifier(s)**.

* Example: `.et-cart-quantity`
* You can find the cart counter selector by inspecting the cart button on your website.

**5.)** Click **Save As a Draft** to save your changes.

{% file src="/files/3beT8OL2A5veoMEX3m1i" %}

**3.)** Save as Draft and [Preview](/dashboard/preview-app.md).


---

# 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://help.twinr.dev/screen-customization/page-refresh.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.