How to: Create an Onboarding Web App

Owned by Broderick Gaggi (Unlicensed)
Last updated: Jul 20, 2017


Opening an app for the first time can prompt a feature called onboarding. Onboarding introduces the user to the app and allows them to select some preferences and register for an account. You can create your own onboarding and upload it into your app. To enable onboarding in an app you need:

  • User Login Enabled (private apps)

Use ls-onboarding.js if you decide to create an Onboarding Web App outside of the example.

 Example...


To create an onboarding Web App is similar to creating a normal Web App. The difference with an Onboarding web app is the upload process and entrypoints.

  1. Download the example onboarding web app
  2. Extract the folder
  3. Select onboarding
  4. Open the HTML files in your browser to view and example of how onboarding works.
  5. Create your own folder and associated assets. These can include:
    1. CSS files
    2. Font files
    3. Images
    4. Javascript
    5. HTML
  6. Rename your HTML file for onboarding to entrypoint_onboarding.html 
  7. (optional) Rename your HTML file for profile editing to entrypoint_registration.html
  8. Zip the folder up. Your root folder might look something like this:


Unless otherwise indicated in the Overview page of this WIKI the information contained within this space is Classified according to the /wiki/spaces/ISMS/pages/739344530 as

INTERNAL