Create Bottom Sheet

A Bottom Sheet is a Popup widget that covers the bottom part of a screen in an app. It works like a Full Screen but does not block the entire screen and can be used to grab user attention for things like application updates, new offers etc.

You can create and configure your Bottom Sheets using the following steps:

• Step 1: Create a Bottom Sheet project
• Step 2: Connect your mobile app and capture the app screen
• Step 3: Identify the screen
• Step 4: Design the Bottom Sheet

Step 1: Create a Bottom Sheet project

1. On the Whatfix Mobile Dashboard, select the App in which you want to create a Bottom Sheet project.
   

2. To create a new project, click + New.
   

3. Under the In-app messages section, click Bottom Sheet.
   

4. Enter a name for your project.
   

5. Enter the App Version or select the App Version using the dropdown.
   

6. Click Create.
   

Step 2: Connect your mobile app and capture the app screen

You need to connect your mobile app to the Whatfix Mobile Studio before you can start creating your in-app experience. This can be done by scanning the QR code available on the Whatfix Mobile Studio using your mobile app integrated to Whatfix Mobile.

1. Open your app integrated to Whatfix Mobile on your mobile phone and then enable the Creator mode.

2. Navigate to the Whatfix Mobile Studio on your browser and scan the QR code using your mobile app.
   

3. To capture the screen on which you want to create your Bottom Sheet, click Capture.
   

Step 3: Identify the screen

After capturing the screen, you need to identify the unique elements on the screen and tag the screen so that the in-app experience you create appears on the right page.

1. To identify the unique elements on the screen to tag the right screen, click Add Identifier.
   

2. Click the desired element on the page.
   

Example: If you want to show a Bottom Sheet on the Home screen, you can choose the title Home, which can uniquely identify the screen and show the Bottom Sheet on the correct screen.

Step 4: Design the Bottom Sheet

You can choose a template for your Bottom Sheet and then design the Bottom Sheet as per your requirement.

Use the following steps to design your Bottom Sheet:

1. On the Whatfix Mobile Studio, in the navigation panel, select Design.
   

2. Choose a template for your Bottom Sheet.
   

3. The Bottom Sheet appears on the bottom of your screen.
   

4. To add or generate the audio for the in-app experience in the language of your choice, navigate to the LANGUAGE SUPPORT section, and then select the language using the dropdown.
   

5. Configure AUTO DISMISS if you want to dismiss an element automatically after an interval. You can also configure the TRIGGER EVENT and ELEMENT TERMINATION events.
   

The Bottom Sheet you create is automatically saved.