Top
Insert an Audio Clip in a Flow Step
  • 30 Aug 2024
  • 2 Minutes To Read
  • Dark
    Light
  • PDF

Insert an Audio Clip in a Flow Step

  • Dark
    Light
  • PDF

Article summary

Overview

Whatfix enables you to add audio to a Flow step where you need to provide detailed explanations for the selected element or the action to be performed on the element.


Prerequisite

Any audio clip that you want to insert in a Flow step has to be first hosted on an online file-hosting website such as Dropbox or OneDrive.

your title goes here

Google Drive no longer supports file hosting due to updated Google policies.

your title goes here

The audio file formats supported by Whatfix are .mp3, .AAC, .m4a, and .ogg.


Insert an audio clip in a Flow Step

Use the following steps to insert an audio clip in a Flow step:

  1. Log in to the application where you want to create content, and then launch the Whatfix Studio.
  2. Click Flow.
    Studio_Click_Flow
  3. Enter the name of the Flow as you want it displayed to the users.
    Studio_Enter_Flow_Name
  4. Click + Add Step.
    Studio_Click_Add_Step
  5. Click the desired element on the page that the user needs to select.

  1. Review or edit the auto-generated action text on the step.
    Studio_Flow_tooltip

  2. Click the Description section of the tooltip and select the Insert Audio icon from the Rich Text Editor.
    Flow_tooltip_edit

  3. Copy the audio URL from the online file sharing website and paste the URL.
    Insert_Flow_audio_url

Note
  • To enable direct playback of audio files from Dropbox, add "&raw=1" at the end of the Dropbox URL. This ensures that the audio file is streamed in its raw format, enabling it to play without any additional formatting.
    image.png

  • To play the audio automatically when the Flow Tooltip appears on the element, select the Auto Play Audio checkbox.
    Select_audio_checkbox

  • When the Auto Play Audio option is cleared, the audio gets played only when end users click the Play icon on the Flow tooltip.
    Flow_audio_autoplay

  1. Click Insert.
    Flow_click_insert_audio
Note

Once the audio is inserted, click it to see the edit options.
Studio_delete audio

The following are the Edit options to choose from:

  • Replace: Enables you to replace the video in case you have added the wrong one.
  • Remove: Enables you to remove the audio.
  1. Under CONFIGURATIONS, choose the desired position of the tooltip.
    Editor_flow_position

  2. Click Save Step.
    Editor_flows_save_step

your title goes here

Click Preview to preview the Flow during the Flow creation on Studio. The Flow opens in a new tab and displays the steps that are created on the application.
Create-Flow-Preview-Button

  1. Click + Add Step to add the next step.
    Editor_flow_add_steps
your title goes here

Display Rules enable you to configure Flows to display the tooltip only when pre-determined conditions are met.

Use the following steps to add Display Rules to Flow steps:
a. Click ADVANCED OPTIONS.
Editor_flow_advanced_options1

b. Expand the Display Rules section and then click + Add Rule. Display Rules enable you to configure Flows to display the tooltip only when pre-determined conditions are met.
Editor_flow_add_rule

c. Set the desired conditions. For more information on the different conditions that can be used in Display Rules, see Visibility and Display Rule Conditions
Editor_flow_display_rule

d. Click + Add Rule to add more conditions, if needed.

  1. Click Save Flow.
    Studio-SaveFlow-Button

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.