App configuration

First goto out Web App Configuration Form and fill details which you want for your app.

Download configuration file

After Fullup form, Download configure file.

Note: PLEASE DON'T UPDATE CONTENT OR RENAME FILE NAME

Set configuration file

• Open your webly project
• Find assets folder
• Replace that file

1. Base Url

Set your base URL with https or http. This URL will load on your app home screen.

2. App Theme Style

Theme style is your app style. We have some pre-define theme style for you. If you want your own theme color then select 'Custom Color Theme' option and enter your color code at below field. Click here for to check Pre-build theme style.



3. Custom Color Code

If you want your own theme color then select 'Custom Color Theme' option from App Theme Style and enter your own color code.

4. App Language

We have provided multiple app language support. You can select your language as per your coutry.

5. Progress bar style

At time of loading website, this progress bar will be shown on your screen. if you don't want it then select "PROGRESS_BAR_HIDE" option. Click here for progress bar style.

6. AdMob Banner Unit ID-Android

This field id for showing admob banner ads on your app. If you don't want to show google AdMob just keep it blank. If you want admob then dont forget to add meta-data on your AndroidManifest file.

7. AdMob Interstitial Unit ID-Android

This field id for showing admob interstitial ads on your app. If you don't want to show google AdMob just keep it blank. If you want admob then dont forget to add meta-data on your AndroidManifest file.

8. AdMob Banner Unit ID-iOS

This field id for showing admob banner ads on your app. If you don't want to show google AdMob just keep it blank.

9. AdMob Interstitial Unit ID-iOS

This field id for showing admob interstitial ads on your app. If you don't want to show google AdMob just keep it blank.

10. Javascript Enable?

This flag will enable JavaScript options on app. If you don't know about it just keep it default selected value.

11. Full Screen App?

If you want to show on fullscreen then only active this option.

12. Required Splash Screen?

This flag will enable splash screen on starting of your app. If you want to show it then only turn on.

13. Is Support File Download?

If you don't know about it just keep it default selected value. This flag will enable file upload options.

14. Is Support Multiple File Upload?

If you don't know about it just keep it default selected value. This flag will enable file upload options.

15. Is Support File Upload?

This flag will enable file upload options. If you don't know about it just keep it default selected value.

16. Is Support Image Upload?

This flag will enable photo/image upload options. If you don't know about it just keep it default selected value. Make sure you have added below permission on your AndroidManifest file.

<uses-permission android:name="android.permission.CAMERA" />

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

17. News Link

This filed is used for seprate option for your news link on app side drawer. If you don't want just keep it blank.

18. Share App Link

This filed is used for seprate option for share your app on side drawer. If you don't want just keep it blank.

19. Rate App

This filed is used for seprate option for rate app on side drawer. If you don't want just keep it blank.

20. Term and Condition

This filed is used for seprate option for Term and Condition link on side drawer. If you don't want just keep it blank.

21. Privacy Policy

This filed is used for seprate option for Privacy Policy link on side drawer. If you don't want just keep it blank.

22. Is Show About Option?

If you want about app screen then enable it.

23. Whatsapp number

This filed is used for direct open whastapp message screen for chat. If you don't want just keep it blank.

24. Instagram Url

This filed is used for direct open instagram account of your app. If you don't want just keep it blank.

25. Twitter Url

This filed is used for direct open twitter account of your app. If you don't want just keep it blank.

26. Facebook Url

This filed is used for direct open facebook account of your app. If you don't want just keep it blank.

27. Phone Number

This filed is used for direct open call dialer for call. If you don't want just keep it blank.

Create a Firebase Project

The first step is to create a project in the Google environment.

Note: You need to have been logged in with a Google account which can use the Firebase console in order to walk through this tutorial.

You create a project with the Firebase console.

Follow the steps below to create new project.

• Open the Firebase console.
• Click "Add Project" and follow the steps upto creation of project.
  
  


• After creation of project your screen looks like below.


• Add Firebase to your Android app. Also download json file for future refrences.
  
  
  
  
  
  
  
  

Configure Firebase on App

We have already added code for sdk and other configuration for firebase.

You just enable some codes if you are want firebase support on your app

Update your google-services.json file

Create New Account on OneSignal

OneSignal is used for send push notification into mobile and web. Fore more details about OneSignal

If you have own OneSignal then login and create project. If you does not have then register your account and create new project.

You create a project with the OneSignal.

Goto Firebase app and copy your Firebase server key and Firebase sender id.

Follow the steps until your project is not ready.

Configure OneSignal on App

We have already added code for sdk and other configuration for onesingal push notification. You have to change your onesignal app id

Also Enable some codes if you are want onesignal support on your app

Send Push Notification

To send push notificaiton you need to follow below steps

If you want to show image on push notification then select below option with your image url

If you want to open some url when user click on notificaiton then select below option with custom key "webUrl"

NOTE: Compulsory Key is "webUrl"