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.

   
3. Go to Web App section and scroll to “Show Desktop Users…”.

4. Select how you want the app to be Previewed.

   • 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.

   

   • 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 to simulate different devices.

     • Alternatively, you can try using this Mobile Simulator Chrome Extension.

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 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.