Articles in this section

Previewing and Showing your App

Pavlos Kaimakis
  • Updated
Follow

Overview

Before publishing your application, you should preview it to see how it looks on a real device screen and to test its features and functionality. App preview is possible whether the app is for iOS, Android, or a PWA. App preview can also be used to help you create marketing material showing your application before it's published in either Apple's App Store or Google Play.

Solution

First of all, you need to find the App Code of your application. It can be found in the CMS (Content Management System) using one of the three methods shown:

  1. As an Individual/Single App account, you can find it In the upper left corner, to the right of the App Icon.

    360006004579-1.png

  2. As a Partner/Reseller account, go to My Apps on the dashboard. If you're using Grid View, hover over the app, and the details below appear with the App Code.

    360006004579-2.png

  3. As a Partner/Reseller account, go to My Apps on the dashboard. If you're using List View, you can find it under the App Code field.

    360006004579-3.png

Knowing the App Code, you can choose one of the following methods that best fits your needs:

a) Applicable to iOS and Android:

  • Previewing Native Apps via PreviewYourApp.com

Have the people that you wish to see your app make use of the Preview Your App tool and then do the following:

360006004579-5.png

  1. Enter the App Code in the Email Address field.

  2. Press Next.

  3. Click Go. (No need to fill in the password field.)

The App loads in the browser and functions much as the native App would.

Important: This app works with apps created on the Production system and they are not inactive.
  • Using Screenshots

Another way to showcase your product is to use screenshots from your own device or even from the CMS pop-out App Preview tool.

1. Take the screenshots.

a) Follow the instructions for taking screenshots on different devices or

b) In each step of the CMS, you'll notice a pop-out preview tool on the right side of the screen. You can take screenshots of this preview tool, though we do recommend sticking with the native apps for the sake of accuracy.

app_previewer.png

2. You can email screenshots that provide an overview of their App's functionality and design.

  • Giving Access to the CMS

When you add an app to the platform, you assign a username and password to it, which the people you want to see your app make use of to log in to the Client Panel to view and edit their apps. Please refer to the instructions for creating usernames and passwords for your clients. 

  1. Send them their login credentials once you're ready.

  2. After they receive their credentials, they can log into the Client Panel to access the CMS and view the pop-out preview tool on the right side of the screen as above.app_previewer.png

Back to the top

b) Applicable to iOS:

  • Preview Using Native iOS Preview App

You can also install the Private App Store version of Preview Your App to showcase the App on an iOS device. Follow the instructions provided below:

  1. Send the following links to yourself via email.

    • White Label: https://s3.us-east-2.amazonaws.com/wl-builds/preview/current/index.html

    • BA Preview: https://s3.us-east-2.amazonaws.com/ba-builds/preview/current/index.html

  2. Open one of the links in the Safari browser on an iOS device and click Install Now.

  3. On your device, Navigate to Settings > General > Device Management and select Trust.

  4. Enter the App Code into the email address field and leave the password field blank.

  5. Click Go. The App loads on the device and functions nearly the same as it would when it is live and installed.

Note: Do NOT share these links with your clients. When the link is opened and installed, the pop-up says BiznessApps-Ent as the developer's name on the untrusted developer prompt.

Back to the top

c) Applicable to Android:

  • Preview Using Native Android Preview App
  1. Navigate to the Google Play store and search for Preview Your App.

  2. Install the Android Preview App. Clients can also install the app on their devices since it is fully white-labeled.

  3. Enter the App Code in the Email Address field.

  4. Press Next.

  5. Click Go.

Note: You can also send your clients the QR Code provided below for the Android Previewer. The users will need a QR Scanner App on their device. When they scan the code, they'll be directed to the App listing, where they can easily install it.

360006004579-6.png

Back to the top

d) Applicable to PWAs:

  • Previewing PWA by sharing the Web App URL

You can publish PWA from your account and then share the URL by following the instructions provided below.

  1. Log in to the CMS.

  2. Go to Publish, select Web App, and click Submit.

    360006004579-4.png

  3. Share the specific URL for your PWA with your client that you receive via an email from support@biznessapps.com. PWA URLs always follow the same format:

    https://yoursubdomain.yourwebsite.com/m/appcode

Note: It's critical to set up your client panel subdomain. You may also include any App Code from the Demo Apps section of your Partner Dashboard in your PWA URL.

 

  • Previewing PWA using URLs or QR Code

You can send the people you want to see your app-specific URLs or even the QR Code for your existing live App (You receive your QR code and the Web App URL in the confirmation email once you submit your PWA). This is a great way to showcase your published App and give them a better understanding of how the live app functions.

Back to the top

Testing

Having tried one of the above methods, you will be able to showcase your app by presenting to the people you wish a preview of your app's design and functionality.

Back to the top

Related articles

Comments

0 comments

Please sign in to leave a comment.