Top
Create Gestures
  • 30 Aug 2024
  • 4 Minutes To Read
  • Dark
    Light
  • PDF

Create Gestures

  • Dark
    Light
  • PDF

Article summary

Gestures help end users navigate through your app. They help them interact with your app through various finger movements.

Create and configure your Gesture using the following steps:

Step 1: Create a Gesture project

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

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

  1. Under the Nudges section, click Gestures.
    gesture_new_project

  1. Enter a name for your project.
    project_name

  2. 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.
  3. Click Create.
    create_walkthrough

  1. Your Gesture project gets created and you are redirected to the Whatfix Mobile Studio.
    new_gesture_project

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,

  1. On the Identify Screen window, click + Add screen.
    new_add_screen.png

  2. Select the screen where you want to create the content and click Add Screen.
    select_screen_add_screen.png

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 and 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 any Gesture on the Home screen, you can choose the title Home, which can uniquely identify the screen and show the Gesture 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 Gesture

You can choose a template for your Gesture and select the element upon which you want to place the Gesture. Once the Gesture is set to appear on the element you want, you can configure how you want the Gesture to appear.

Use the following steps to design your Gesture:

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

    element_design

  2. Choose a template for your Gesture.
    gestures_template

    your title goes here

    Choose from any of the following Gesture templates:

    • Gesture for clicking the element
    • Gesture for sliding to the left
    • Gesture for sliding to the right
    • Gesture for scrolling up
    • Gesture for scrolling down
  3. To target the element on which you want to place your Gesture, click Identify Screen.

    identify_screen

  4. Select the desired element on the screen.
    2022-12-21_19-05-14

  5. Click Confirm.
    confirm_gesture_identifier

    your title goes here
    • The Gesture appears on the element you choose.
      Gesture

    • To place your Gesture elsewhere, click Change.

  6. To show the in-app experience in the language of your choice, go to the LANGUAGE SUPPORT section, and select the language using the dropdown.
    languagehighlight.png

  7. Configure AUTO DISMISS if you want to dismiss an element automatically after an interval. Whatfix also enables you to configure the TRIGGER EVENT and ELEMENT TERMINATION events.
    2022-12-02_16-00-50

    your title goes here
    • AUTO DISMISS: Enabling the AUTO DISMISS toggle helps you to automatically dismiss the Gesture without your end user's intervention after a delay of a few seconds which you can set.
      auto_dismiss_snowfall

    • ELEMENT TRIGGER: Set the following conditions to trigger the Gesture:
      Screen detection - instant makes the Gesture appear instantly on the app's screen as soon as the user navigates to that screen
      element_trigger_instant

      Screen detection - After delay makes the Gesture appear on the app's screen after a delay. Set the delay in seconds
      screen_detection_delay

    • ELEMENT TERMINATION: Set the following conditions to terminate the Gesture:
      Never: When you set this condition, the Gesture shows up every time your user opens the app and navigates to the particular app screen
      element_termination_never

      After 'n' sessions: A session is defined as every time your end user closes the app and opens it again. When you set this condition, the Gesture disappears from the app's screen after your end user has closed the app, opened it, and then navigated to the particular app screen for a set number of times. Set the number of sessions after which the Gesture must stop appearing.
      element_termination_n_sessions

The Gesture you create is automatically saved.

your title goes here


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.