Articles in this section

Previewing and Showing your App

Pavlos Kaimakis
  • Updated
Follow

Overview

Previewing your app can help you check your app features and functionality but even show the app to your clients. This article outlines the available preview options to check but even show your app depending on the app type/device.

Diagnosis

You needed to preview your app because you wanted to:

  • check out the design and features yourself
  • present/show it as a demo to other interested parties/prospective clients.

Back to the top

Solution

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

  1. In the upper left corner, find the code to the right of the App Icon.

    360006004579-1.png

  2. Go to My Apps on the Partner dashboard. If you're using Grid View, hover over the app, and the details below appear with the App Code.

    360006004579-2.png

  3. If you're using List View in MyApps on the Partner dashboard, 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 meet your needs:

a) applicable to iOS and Android

Previewing Native Apps via PreviewYourApp.com

Have the people that you wish to see your app use 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.

 

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 use to log in to your 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 your 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 PWA

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

Related articles

Comments

0 comments

Please sign in to leave a comment.