# Preview Your App

*Skill Level: Beginner*

## Before You Begin

* Ensure you have started building your app or created an app from a template in Adalo.

Adalo 2.0 Responsive apps are cross-platform apps which work in both mobile and desktop versions. While development, makers can choose to view their apps in either web or mobile versions for testing. This setting can be controlled from the Publish section in the left panel.

##  Walkthrough

1. Go to the Publish section in the left panel.
2. If you wish to ***share*** this with users, using our share function, mark the app as published by toggling ***Publish*** to on.

   <figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FAwnxpPwDKxVjmKJxmWF7%2FScreenshot%202023-08-30%20at%2011.20.01%20AM.png?alt=media&#x26;token=c3e56eea-bb9c-4ee9-a31a-5ce0309486dc" alt="" width="263"><figcaption></figcaption></figure>
3. Go to **Web App** section and scroll to “Show Desktop Users…”.
4. Select how you want the app to be Previewed.&#x20;

   * **Mobile App Preview:** This will load a new screen with a skin that will show you how your app will look and function on Mobile devices.

   <figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FLteUCPywozoBkXOOZNPj%2FScreenshot%202023-08-30%20at%2011.08.08%20AM.png?alt=media&#x26;token=b0fc782a-fb03-47d1-b3ea-f466acc2fd9a" alt="" width="375"><figcaption></figcaption></figure>

   * **Responsive App:** This will load a new screen showing the Responsive version of the app. On a desktop, it will show the desktop web version by default.
     * If you would like to see how the app responds on various screen sizes, you can adjust the size of the browser manually or use the [DevTools Device Mode](https://developer.chrome.com/docs/devtools/device-mode/) to simulate different devices.&#x20;
     * Alternatively, you can try using this [Mobile Simulator Chrome Extension](https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk).
5. **Save** Settings.
6. Select the ***Preview*** button in the top Left corner of your Builder.
7. If you wish to share the app with Users, you will need to [publish a web version](https://help.adalo.com/~/revisions/kmzOxqjy7C9sXGVjDKKb/testing-your-app/publishing-to-the-web) of your app and then you can share using the Domain the app is set on or by clicking the ***Share*** button in the top Left corner of your Builder.