Before proceeding, please ensure you complete the prerequisites described in the ‘Prerequisites for creating your own custom/branded app’ document.
https://support.newzenler.com/en/articles/10568435-prerequisites-for-creating-your-own-custom-branded-app
Sign into your New Zenler site, open the Site Tab and then click the Branded Mobile App from the sidebar menu.
Click the ‘START BUILDING APP’ button
Set up your Branded App’s Name and Icon
Click the App Info tab and provide required details
App Name: Give your app’s name here. The name should be free of offensive language and contain only alphanumeric characters. Additionally, ensure that your app’s name is unique and not the same or too similar to existing apps in the App Store or Play Store.
App Logo: Upload a NON-TRANSPARENT PNG image here. If the PNG image contains transparency, your app build will fail. Ensure the image is 1024 × 1024 pixels, does not exceed 1MB in file size, and has a solid background without transparency.
When changing the App Name, make sure to click the Save button. However, logo changes are auto-saved, so you do not need to manually save them.
Changing or Deleting App Logo
To change the uploaded App logo image, hit the image edit button
To delete the uploaded App logo image, hit the image delete button
and confirm
Cancel uploading image
Hit the Cancel upload button if you want to cancel the current uploading process.
Customize your Mobile app’s design
Click the App Design tab and provide required details
Splash Screen Tab
Upload a PNG image of size 1024 X 1024 pixels up to 1 MB of file size.
Then choose a background color for the splash screen. After you change the background color make sure to save the same by hitting the Save button. For the splash screen image, you do not need to hit the Save button. The image will be saved automatically.
To change the uploaded image, hit the image edit button
To delete the uploaded image, hit the image delete button
and confirm
Theme Color Tab
Here you choose the color for your app’s primary color. That is the color for the buttons, bottom bar buttons in the home screen, progress indicators, loading indicators etc..
After selecting the color, hit the Save button.
Onboarding Tab
The onboarding screen appears when the student is not logged in to the App.
Minimum number of onboarding screens is two and maximum is five.
For each onboarding screen you need to give a title / label and a PNG image of size 768 x 1024 (width x height). Maximum file size for the uploading PNG image is 1 MB.
For the label use sentences / words that will reflect your app's main features.
To change the uploaded image, hit the image edit button
To delete the uploaded image, hit the image delete button
and confirm
Initially you will be provided with details to fill in for two onboarding screens which is the required minimum.
For adding additional screens hit the Add New Screen button.
You need to hit the Save button whenever you change the onboarding screen’s title / label.
Login Screen Tab
Provide a PNG image to be displayed in the Login Screen. It should be of 1024 x 1024 pixels up to 1 MB of file size.
To change the uploaded image, hit the image edit button
To delete the uploaded image, hit the image delete button
and confirm
Then provide a HTTPS URL for your app’s terms and conditions and privacy policy. After entering the URLs, hit the Save button. Login screen image will be saved automatically. You do not need to hit the Save button for Login screen image upload.
Note:
Create app-specific Privacy Policy and Terms & Conditions URLs without headers and footers.
Headers and footers in the Privacy Policy and Terms & Conditions pages allow users to navigate to other areas of the site, which is not allowed.
Language Tab
Here you can change some of the default wordings used in different screens for your app.
Enter your new text to be replaced for the existing texts displayed above each text input box.
After making the changes hit the Save button.
Different fields have different character limits. When you save the changes, if any of the fields exceeds the character limit it will be shown in red color with the character limit allowed.
Setup App Store / Play Store metadata
Prepare Submissions Tab
Here we enter details that are to be added in the App Store / Play Store Development accounts in order to submit your Branded App to the respective stores.
Test Account: Enter an email ID registered in your site with which the App Store / Play Store review team can sign in to your app and review all its features. This ID must be valid and active for the duration of review. Only when this review is passed, the App will be published. This email ID should have enrolled in at least one course and that course should have a VIDEO lesson and an AUDIO lesson. And also the courses this email ID enrolled in should have real lesson contents. It should not contain dummy / test contents or contents that violate App Store / Play Store guidelines (links given at the end of this document).
App Store:
If you want an iOS app click the Publish to App Store check box. Then enter the required details. Here all fields are mandatory.
Subtitle: A summary of your app that will appear under your app’s name on your App Store product page. This can’t be longer than 30 characters.
Description: A description of your app, detailing features and functionality. This can’t be longer than 4000 characters.
Support URL: A URL with support information for your app. This appears on your app’s product page once your app is released on the App Store.
Copyright: The name of the person or entity that owns the exclusive rights to your app, preceded by the year the rights were obtained (for example, "2008 Acme Inc."). Do not provide a URL
After making changes, click the Save button
When there are errors the text input boxes where the error exists will be displayed in red.
Play Store:
If you want an Android app click the Publish to Play Store check box. Then enter the required details. Here Phone number and Website fields are optional.
Enter Store Listing contact details.
Provide a valid email ID.
You can provide a phone number and website address also. These two are optional.
Short description: A short description for your app. Users can expand to view your full description. Maximum 30 characters.
Full description: Provide a detailed description of your app here.
The above information is shown to users on Google Play.
Create an App Build and Publish request.
Build App Tab
Once you have entered all the details required for creating the branded app, click the Build App tab. Make sure all the details are correct by revisiting all previous tabs. If everything is fine, hit the Build and Publish the App button and confirm to submit your request for building your branded app.
Once you submit the request you will no longer be able to edit the app customization until the app is published or rejected.
If you have missed entering any required info in any of the previous tabs, it will be displayed here and you need to complete these steps before being able to submit your request for the branded app.
Once the request is made, our mobile team will begin processing your request, build your app and test the same. Once everything is fine, your app will be sent for the Store Review. Once the Store Review is successful the App will be published to the Store. Meanwhile you can view the status of the build process in the Build App tab.
Once the App is published, it will be reflected in the Build App tab.
If any error encountered during the build process same will be reflected in the Build App tab
The error will be displayed under the stage in which the build process failed.
You will be notified by email when the App is published or the build fails. In the case of failure we will detail in email the next steps you need to take to resume the build process.
We will contact you by email if any further action is required from your end during the build process.
Store guidelines:
App Store Guidelines:
Play Store Guidelines: https://support.google.com/googleplay/android-developer/answer/9859455?hl=en