Create Bottom Sheet
- 14 May 2024
- 3 Minutes To Read
-
Print
-
DarkLight
-
PDF
Create Bottom Sheet
- Updated On 14 May 2024
- 3 Minutes To Read
-
Print
-
DarkLight
-
PDF
Article summary
Did you find this summary helpful?
Thank you for your feedback
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: Capture your Mobile app screens
- Step 3: Identify the screen
- Step 4: Design the Bottom Sheet
Step 1: Create a Bottom Sheet project
-
On the Whatfix Mobile Dashboard, select the App in which you want to create your project.
-
To create a new project, click New.
- Under the In-app messages section, click Bottom Sheet.
-
Enter a name for your project.
-
Enter the App Version or select the App Version using the dropdown.
your title goes here- Use the latest version of your app to create Whatfix Mobile content. For more information on app version, see What is an App Version?.
- Ensure that you add the correct app version from the app build that was integrated with the Whatfix Mobile SDK.
-
Click Create.
- Your Bottom Sheet project gets created and you are redirected to the Whatfix Mobile Studio.
Step 2: Capture your Mobile app screens
You can capture screens as a one-time step using the Whatfix Creator widget. This widget enables you to capture app screens as screenshots and saves them to your Whatfix Mobile Dashboard to create in-app guidance content. It also enables you to preview your projects and test them before publishing.
For more information on how to capture and add app screens, see Capture Mobile app screens.
Use the following steps to add a screen,
-
On the Identify Screen window, click + Add screen.
-
Select the screen where you want to create the content and click Add Screen.
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.
-
To identify the unique elements on the screen and to tag the right screen, click Add Identifier
-
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.
your title goes here
Click Add More to select more elements on the page and then repeat step 2.
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:
-
On the Whatfix Mobile Studio, in the navigation panel, select Design.
-
Choose a template for your Bottom Sheet.
-
The Bottom Sheet appears on the bottom of your screen.
-
To add or generate the audio for the in-app experience in the language of your choice, go to the LANGUAGE SUPPORT section, and then select the language using the dropdown.
-
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.
your title goes hereFor more information on element trigger and termination conditions, see
The Bottom Sheet you create is automatically saved.
your title goes here
To configure and customize the Body, Media, Buttons etc. on your Bottom Sheet, see Customize Bottom Sheet.
your title goes here
-
You can preview projects on a device before making it live for your end users.
-
After creating and designing your Project, click Publish to make it live for your end users. For more information on publishing Whatfix Mobile content, see Publish Whatfix Mobile content.
Was this article helpful?