How to preview my app before publishing?

How to preview my app before publishing?

Preview your app design while building it

It's useful to preview the design of your app while building it. The Preview App Design panel shows you in real time how your app may look on the mobile. You can navigate through most of the app pages to emulate the user experience of using your app.

In JMango360 Back Office, please click the Preview button at the top right of the screen to open this panel.



Preview Magento React Native Apps

Please download and use our free JMango360 Magento Preview App to test your Magento React Native app. You can find detailed instructions on how to download and use the Magento Preview App via JMango360 Back Office > Test on Mobiles button at the top right of the screen.

For iOS devices:
  1. Download the TestFlight App from Apple App Store.
  2. Navigate to the latest JMango360 Magento Preview App via TestFlight using the URL https://testflight.apple.com/join/tCYyJGAw or scan QR code with your phone. 
  3. Download and install the JMango360 Magento Preview App.
  4. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.


For Android devices:
  1. Download the JMango360 Preview App - Magento / React Native App from Google Play Store.
  2. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.


Preview PrestaShop React Native Apps

Please download and use our free JMango360 PrestaShop Preview App to test your PrestaShop React Native app. You can find detailed instructions on how to download and use the PrestaShop Preview App via JMango360 Back Office > Test on Mobiles button at the top right of the screen.

For iOS devices:
  1. Download the TestFlight App from Apple App Store.
  2. Navigate to the latest JMango360 PrestaShop Preview App via TestFlight using the URL https://testflight.apple.com/join/FmItVNEl
  3. Download and install the JMango360 PrestaShop Preview App.
  4. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.
For Android devices:
  1. Download the JMango360 Preview - PrestaShop / React Native App from Google Play Store.
  2. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.

Preview BigCommerce React Native Apps

Please download and use our free JMango360 BigCommerce Preview App to test your BigCommerce React Native app. You can find detailed instructions on how to download and use the BigCommerce Preview App via JMango360 Back Office > Test on Mobiles button at the top right of the screen.

For iOS devices:
  1. Download the TestFlight App from Apple App Store.
  2. Navigate to the latest JMango360 BigCommerce Preview App via TestFlight using the URL https://testflight.apple.com/join/cZbkVD4i or scan QR code with your phone. 
  3. Download and install the JMango360 BigCommerce Preview App.
  4. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.


For Android devices:
  1. Download the JMango360 BigCommerce Preview App from Google Play Store.
  2. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.


Preview Lightspeed React Native Apps

Please download and use our free JMango360 Lightspeed Preview App to test your Lightspeed React Native app. You can find detailed instructions on how to download and use the Lightspeed Preview App via JMango360 Back Office > Test on Mobiles button at the top right of the screen.

For iOS devices:
  1. Download the TestFlight App from Apple App Store.
  2. Navigate to the latest JMango360 Lightspeed Preview App via TestFlight using the URL https://testflight.apple.com/join/syfjeton or QR code with your phone. 
  3. Download and install the JMango360 Lightspeed Preview App.
  4. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.

For Android devices:
  1. Download the JMango360 Preview - Lightspeed / React Native App from Google Play Store.
  2. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.


Preview Native Apps

To fully test your Native app on iOS and Android devices, please download and use our free JMango360 Preview App. You can find detailed instructions on how to download and use the Preview App via JMango360 Back Office > Test on Mobiles button at the top right of the screen

For iOS devices:
  1. Download the TestFlight App from Apple App Store.
  2. Navigate to the latest JMango360 Preview App via TestFlight using the URL http://app.jmango360.com/ or scan QR code with your phone. 
  3. Download and install the JMango360 Preview App.
  4. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.

For Android devices:
  1. Download the JMango360 Preview App from Google Play Store.
  2. Log in to the Preview App with your JMango360 account and perform your app testing. When you want to end a test session, shake your device.

Preview Progressive Web Apps (PWA)

In JMango360 Back Office, please click the Test on Mobiles button at the top right of the screen to open the instruction for PWA preview. You can use a URL or scan the QR code to open the PWA on a mobile browser. You can also share your PWA with colleagues and customers via email.


    • Related Articles

    • Video Tutorials - Create Your Integrated App

      Create a Magento 2 App Create a BigCommerce App Create a Lightspeed App Create a PrestaShop 1.7 App PrestaShop 1.7: Share backend access with JMango360 Create a PrestaShop 1.6 App PrestaShop 1.6: Share backend access with JMango360 ​
    • Basics and overview of app design

      After successfully creating an app, your next step is to design your app the way you want. JMango360 provides you with a range of useful features to help you get a beautiful and attractive app. Where to design your app? You design your app in ...
    • Take a first look at your app

      Using the Preview App, you can take a first look at your app. Let us walk you through through some basic tasks you will be doing while using your app. App's home page Home page is potentially one of the most important screens in your app. It contains ...
    • Changes to the website and the impact on the app

      As the JMango360 apps are fully integrated with your store backend, changes to the backend of the website will have an impact on the app. In this article our recommendations and steps to include the app in the testing process prior to installing ...
    • Apple App Store and Google Play Store Settings

      After providing access to your Apple/Google Play Developer Account, you can edit the App Store information, which is required before you can submit a publish request. Please log in to JMango360 Back Office and navigate to App Store Info module to ...