- 22 Mar 2023
- 3 Minutes To Read
Create a Highlight
- Updated On 22 Mar 2023
- 3 Minutes To Read
Highlights enable you to grab user attention and get the user to focus on an element while the rest of the screen is blacked out. For example, you can highlight a new feature on your app.
Using a Highlight, the end user is restricted to clicking only one particular element and cannot interact with other elements on the app screen.
You can create and configure your Highlights using the following steps,
- Step 1: Create a Highlight project
- Step 2: Connect your mobile app and capture the app screen
- Step 3: Identify the screen
- Step 4: Design the Highlight
Step 1: Create a Highlight project
On the Whatfix Mobile Dashboard, select the App in which you want to create a Highlight project.
To create a new project, click New.
Under the Nudges section, click Highlight.
Enter a name for your project.
Enter the App Version or select the App Version using the dropdown.
- 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 is integrated with the Whatfix Mobile SDK.
your title goes here
Your Highlight project gets created and you are redirected to the Whatfix Mobile Studio.
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.
Open your app integrated to Whatfix Mobile on your mobile phone and then enable the Creator mode.
Navigate to the Whatfix Mobile Studio on your browser and scan the QR code using your mobile app.
You can see the notification on your phone that your app is connected to the Highlight project.
You can navigate to any screen on your mobile app on which you want to create your Highlight.
- To capture the screen on which you want to create your Highlight, 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.
To identify the unique elements on the screen to tag the right screen, click Add Identifier.
Click the desired element on the page.
Example: If you want to show a Highlight on the Home screen, you can choose the title Home, which can uniquely identify the screen and show the Highlight on the correct screen. Click Add More to select more elements on the page and then repeat step 2.
Click Add More to select more elements on the page and then repeat step 2.
Step 4: Design the Highlight
You need to choose a template for your Highlight and select the element upon which you want to place the Highlight. Once the Highlight is set to appear on the element you want, you can design the Highlight as per your requirement.
Use the following steps to design your Highlight,
On the Whatfix Mobile Studio, navigate to the left and select Design.
Choose a template for your Highlight.
To target the element on which you want to place your Highlight, click Identify Screen.
Select the desired element on the screen.
your title goes here
The Highlight appears on the element you choose.
To place your Highlight elsewhere, click Change.
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.
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.
For more information on element trigger and termination conditions, see
The Highlight you create is automatically saved. To configure and customize the Body, Media, Buttons etc. on your Highlight, see Customize a Highlight.
To configure and customize the Body, Media, Buttons etc. on your Highlight, see Customize a Highlight.