Top
Create a Full Screen
  • 22 Mar 2023
  • 3 Minutes To Read
  • Dark
    Light
  • PDF

Create a Full Screen

  • Dark
    Light
  • PDF

Article Summary

Full Screen, as the name suggests, is a Pop-up widget that covers the entire screen in an app and can be used to inform your users about events that need their immediate attention. You can add buttons, media, User Properties etc. to a Full Screen.
You can use a Full Screen to inform users about your planned application downtime, request them to complete a survey, display celebratory and congratulatory messages, etc.

2023-01-31_20-03-14.png

You can create and configure your Full Screen using the following steps,

Step 1: Create a Full Screen project
Step 2: Connect your mobile app and capture the app screen
Step 3: Identify the screen
Step 4: Design the Full Screen

Step 1: Create a Full Screen project

  1. On the Whatfix Mobile Dashboard, select the App in which you want to create a Full Screen project.
    dashboard_select_app

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

  3. In the In-App Messages section, click Full Screen.
    image

  4. Enter a name for your project.
    project_name

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

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. Often developers use the dev/staging build to integrate any third-party SDK.
  1. Click Create.
    image
your title goes here

Your Full Screen project gets created and you are redirected to the Whatfix Mobile Studio.
image


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.

    Mobile_screen

your title goes here
  • You can see the notification on your phone that your app is connected to the Full Screen.

  • You can navigate to any screen on your mobile app on which you want to create your Full Screen.

  1. To capture the screen on which you want to create your Full Screen, click Capture.
    capture_screen1

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.

    add_identifier

  2. Click the desired element on the page.
    identifier_home

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

your title goes here

Click Add More to select more elements on the page and then repeat step 2.
add_more_identifier

Step 4: Design the Full Screen

You can choose a template for your Full Screen and then design it as per your requirement.

Use the following steps to design your Full Screen,

  1. On the Whatfix Mobile Studio, navigate to the left and select Design.

    element_design

  2. Choose a template for your Full Screen.
    image

your title goes here

The Full Screen template you choose appears on the Studio.

choose_fullscreen.png

  1. 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.

  2. 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.
    autodismiss.png

your title goes here

The Full Screen you create is automatically saved.

your title goes here

To configure and customize the Body, Media, Buttons etc. on your Full Screen, see Customize a Full Screen.


Was this article helpful?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.