---
title: Preview your changes
slug: experience/preview-your-changes
description: Learn how to use Purple Websites and Purple Apps to load live dynamic resources or preview resources. Discover how to add the query parameter `preview=true` to the URL to view a page with preview resources.
docTags: 
createdAt: 2023-10-24T14:07:46.530Z
---

In the builder’s right-hand sidebar, you’ll find an opportunity to open a** preview** that reflects your **saved** but **not yet committed **changes done in the builder, both for **web** and **app** experiences. As of today, you'll need to manually reload this preview when making additional modifications. 

After committing your changes, they are available for others to review. On *websites,* append the query parameter `?preview=true` to see committed changes to dynamic resources and compare them to the live site (omitting the aforementioned parameter). To review committed changes in apps, use the *preview build of your app*.

:::hint{type="info"}
Preview apps and websites will (besides all commited dynamic ressources) also show content (e.g. issues, posts) that was published to preview.
:::

```mermaid
flowchart TD
    A[Changes in Builder] --> B{Saved?}
    B -->|No| D[Not Available Anywhere]
    B -->|Yes| F[Builder Preview: Accessible with Config URL<br/>Shows <b>Saved Changes</b> + Preview Content]
    
    F --> H{Ready to Commit?}
    H -->|No| A
    H -->|Yes| I[Commit Changes]
    
    I --> K[Available in Preview Apps<br/>Shows <b>Committed Changes</b> + Preview Content]
    
    K --> N[QA Review in Different Environments]
    
    N --> O{QA Approved?}
    O -->|No| A
    O -->|Yes| P[Release]
    
    P --> Q[Live in Production<br/>Shows Released Content]
    
    style F fill:#e1f5ff
    style I fill:#d4edda
    style K fill:#fff3cd
    style N fill:#ffeaa7
    style P fill:#00b894
    style Q fill:#00b894
```

## Reviewing development changes in Web

To review uncommitted changes, use the link from builder. It will append a config URL as a query parameter.

As of now, the page must be manually reloaded after making additional modifications.

::Image[]{src="https://api.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/BNvfo7iia644v9X7VYoLO-20251211-144812.png" size="50" width="364" height="226" position="center" caption="Both Custom Domain and Purple Manager Domain can be opened as preview" showCaption="true"}

## Reviewing development changes in Apps

To quickly preview your changes in an app, the builder provides a deeplink QR code. This will connect the app on your device to your builder's resources. Any changes to the resources require a rescan of the QR code.&#x20;

To use the QR code, you must install the preview app first. On iOS, ensure your device's UDID is added to the test build certificates. Build the app *after* your device's ID has been added. Refer to [Preview Apps and Release Apps](docId\:I3TAMmJAszJ2TKm6RWfnV) for further info on preview Apps.&#x20;

::Image[]{src="https://app.archbee.com/api/optimize/ygR6KtT9QI_R0u3uKTJsm/elLHX1KCfxC_5_-nPdh7J-20251202-141614.png" size="50" width="926" height="1186" position="center" caption="The QR-Code in the Builder. Use the link to manager to quickly download the preview app. " showCaption="true"}



:::hint{type="info"}
To check your modified dynamic resources in your preview app, you must fully update them in your preview environment. To ensure no preview resources are taken to production accidentally, we require you to switch tools to deploy them to production.
:::

## FAQ

**I scanned the QR code, but I got an error message in the IOS Camera: "No usable data found"**

:::Paragraph{indent="1"}
You don't have the proper app installed. Install the proper preview-app.
:::