Saving Mobsted PWA App

Mobsted apps can be saved:

• On Home Screen [ Step by step example → ]

• In Contacts [ Step by step example → ]

• In Messengers [ Step by step example → ]

ADDING TO HOME SCREEN

When added to Home Screen PWA app looks the same as any native app.

• When app is opened in Chrome for the first time, the native Chrome Add to Home Screen pop-up will appear automatically

• In other cases Mobsted Add to Home Screen widget will appear.

How to set up Mobsted Add to Home Screen widget

1. Creating widget view

   1. Go to Widgets section

   2. Click Add Widget

   3. Click the gear wheel icon to customize the view of the widget

   4. Drag and Drop the WA2hs component to widget emulator

   5. Click Edit Modal

   6. Make sure that Show button close checkbox is checked in Modal properties on the right

   7. Click Back button.

1. Adding Widget Scenario

   1. Click Add Scenario

   2. Add optional Description text, for example: Add to Home Screen. Widget will appear on Home Screen. App user will not see this description

   3. In Conditions section check Icon checkbox and make sure that switcher is set to off. This sets the widget to check if user has already added the app to Home Screen. Bots, Push, vCard checkboxes are unchecked, so Mobsted will ignore them

   4. In Where? section open Event type drop down and select Screen, then in Value drop down select Home Screen. This sets the widget to appear on Home Screen

   5. In When? section type 5 as Delay. This sets the widget to appear with 5 seconds delay

   6. In How many? section type 5 as Total Times and 1 in In session field
   7. Click Check mark to save the scenario.

ADDING APP TO CONTACTS LIST

When added to the contacts the app will appear like one of the contacts in the list.

How to set up Mobsted Contacts widget

1. Creating widget view

   1. Go to Widgets section
   2. Click Add Widget

   3. Click the gear wheel icon to customize the view of the widget
   4. Drag and Drop the vCard component to widget emulator
   5. Click Edit Modal

   6. Make sure that Show button close checkbox is checked in Modal properties on the right

   7. Click Back button.

2. Adding Widget Scenario

   1. Click Add Scenario

   2. Add Description, for example: Add to Contacts. Widget will appear in the contacts list. App user will not see this description

   3. In Conditions section check vCard checkbox and make sure that switcher is set to off. This sets the widget to check if app user has already added the app to the contacts list. Bots, Icon, Push checkboxes are unchecked, so Mobsted will ignore them

   4. In Where? section open Event type drop down and select Screen, then in Value drop down select Home Screen. This sets the widget to appear on Home Screen

   5. In When? section type 10 as Delay. This sets the widget to appear with 10 seconds delay

   6. In How many? section type 5 as the Total Times and 1 in In session field
   7. Click Check mark to save the scenario.

ADDING APP TO MESSENGER (BOTS)

When added to messenger the app will appear like one of the chat windows there.

How to set up Mobsted Messengers widget

1. Creating Widget view

   1. Go to Widgets section
   2. Click Add Widget

   3. Click the gear wheel icon to customize the view of the widget
   4. Drag and Drop the WBots component to Widget emulator
   5. Click Edit Modal

   6. Make sure that Show button close checkbox is checked in Modal properties on the right

   7. Click Back button

2. Adding Widget scenario

   1. Click Add Scenario

   2. Add Description, for example: Add to messengers. Widget will appear in messenger. App user will not see this description

   3. In Conditions section check WBots checkbox and make sure that switcher is set to off. This sets the widget to check if app user has already added the app to the contacts list. Icon, Push, vCard checkboxes are unchecked, so Mobsted will ignore them

   4. In Where? section open Event type drop down and select Screen, then in Value drop down select Home Screen. This sets the widget to appear on Home Screen

   5. In When? section type 15 as Delay. This sets the widget to appear with 15 seconds delay

   6. In How many? section type 5 as Total Times and 1 in In session field
   7. Click Check mark to save the scenario.