Top
Create a Carousel
  • 15 May 2024
  • 3 Minutes To Read
  • Dark
    Light
  • PDF

Create a Carousel

  • Dark
    Light
  • PDF

Article summary

Carousel enables users to navigate through content by swiping horizontally, clicking buttons, or using other interactive controls. This dynamic nature makes Carousels an effective way to deliver information in a visually engaging manner.

You can create and configure your Carousel using the following steps,

your title goes here

Carousel is available only for SDK versions equal to and above the following versions:

Android: 1.11.0
iOS: 1.9.0
React Native (Android and iOS): 1.11.0
Xamarin (iOS): 1.8.0
Xamarin (Android): 1.8.0
Cordova (Android and iOS): 1.8.0
Capacitor: 1.6.0

  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 ONBOARDING & TRAINING section, click Carousel.
    Carousel project.png

  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 Carousel project gets created and you are redirected to the Whatfix Mobile Studio.
    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,

  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

  1. Click the desired element on the page.
    identifier_home

Example: If you want to show a Carousel on the Home screen, you can choose the title Home, which can uniquely identify the screen and show the Carousel 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

Choose a template for your Carousel and select the element upon which you want to place the Carousel. Once the Carousel is set to appear on the element you want, you can design the Carousel as per your requirement.

Use the following steps to design your Carousel:

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

  2. Choose a template for your Carousel.
    popup_template

  3. Add, delete, and edit individual Carousel slide.

  4. Click the Carousel slide to customize it as required. For more information, see Customize Carousels.

  5. To add or generate the audio for the in-app experience in the language of your choice, Go to the right to the LANGUAGE SUPPORT section, and then select the language using the dropdown.
    language support .png

  6. Configure AUTO DISMISS if you want to dismiss the Carousel after a delay. You can also configure the ELEMENT TRIGGER and ELEMENT TERMINATION conditions to trigger and terminate the Carousel.
    termination_conditions

    your title goes here
  7. The Carousel you created 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.