> For the complete documentation index, see [llms.txt](https://mobsted-2.gitbook.io/knowledge-base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mobsted-2.gitbook.io/knowledge-base/pwability-1/pwability/saving_app.md).

# Saving Mobsted PWA App

Mobsted apps can be saved:

* **On** **Home Screen** [**\[ Step by step example → \]**](https://kb.mobsted.com/article/5reqjsopf2-saving-the-app#adding_to_home_screen)
* **In** **Contacts** [**\[ Step by step example → \]**](https://kb.mobsted.com/article/5reqjsopf2-saving-the-app#adding_app_to_contacts_list)
* **In** **Messengers** [**\[ Step by step example → \]**](https://kb.mobsted.com/article/5reqjsopf2-saving-the-app#adding_app_to_messenger_bots)

#### ADDING TO HOME SCREEN

When added to Home Screen PWA app looks the same as any native app.![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564430458333/image.png)

* 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![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564430637943/image.png)
   2. Click **Add Widget**
   3. Click the **gear wheel icon** to customize the view of the widget![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564430978999/image.png)
   4. Drag and Drop the **WA2hs** component to widget emulator![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564431088751/image.png)
   5. Click **Edit Modal**
   6. Make sure that **Show button** **close** checkbox is checked in **Modal properties** on the right
   7. Click **Back** button.

![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1565333602514/widget-1.png)

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![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564432215588/image.png)
   7. Click **Check mark** to save the scenario.![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564432452524/image.png)

#### 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![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564430637943/image.png)
   2. Click **Add Widget**
   3. Click the **gear wheel icon** to customize the view of the widget![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564430978999/image.png)
   4. Drag and Drop the **vCard** component to widget emulator![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564432765410/image.png)
   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![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564433010656/image.png)
   7. Click **Check mark** to save the scenario.

![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1565352425376/image.png)

#### 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![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564430637943/image.png)
   2. Click **Add Widget**
   3. Click the **gear wheel icon** to customize the view of the widget![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564430978999/image.png)
   4. Drag and Drop the **WBots** component to Widget emulator![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564685869571/image.png)
   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![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564687136399/image.png)
   7. Click **Check mark** to save the scenario.![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/5reqjsopf2/1564432452524/image.png)