Capture Widget

Business Background

Add a media file from a desktop or mobile device using Titan Web.

Titan Solution

You can use the camera capabilities of a desktop or mobile device to capture a media file and push it to Salesforce.

How to Video

Coming soon!

How to Guide

Capture a media file

  1. Select the + icon to add an element.
  2. Under the Widget option, drag-and-drop the Capture widget to the canvas.
Capture widget
Capture widget
  1. Select the Capture widget’s Gear icon. The Capture Settings screen opens.
  2. Under Content, use the radio buttons to select one of the media types:
    • Image
    • Video
    • Audio
Capture Widget Settings
Media Types
  1. Change the default icons if necessary. Select here for more information.

The webpage in this example looks as follows:

Default Icons from Capture Widget.
Webpage example – Default icons

Push the captures to Salesforce

  1. Open the Project settings by clicking on the Gear Icon.
  2. Select the Salesforce Action option. The Salesforce Integration screen opens.
  3. Select the Push option.
  4. Create a new Salesforce integration by selecting the Create New button, or edit an existing integration by selecting the Edit icon. The Map Salesforce fields screen opens.
  5. Under Object Settings, use the drop-down list to select the file object in Salesforce, for instance, Content Version. You can search for “file” to get the correct object.
  6. Use the drop-down list to select the action, for instance, Create.
Map Salesforce fields screen for Capture Widget.
Map Salesforce fields screen
  1. Under Mapping, search for the Version Data Salesforce field and map it to the Capture element.
Map Salesforce fields screen for Capture Widget.
Map Salesforce fields screen
  1. Select the Apply button.
  2. On the Salesforce Integration screen, select the Close button.
  3. On the Add Node/Salesforce Action screen, select the Push action from the drop-down list and select the Next button.
Add Node/Salesforce Action screen for Capture Widget.
Add Node/Salesforce Action screen
  1. Add a tag if necessary and select the Save button. The Salesforce node is added to the On Click screen.
  2. Select the Apply button.
  3. Save and Preview the project.

Use on desktop devices

Note:

The user must allow Titan to use their camera and microphone.

  1. Open the project link on a desktop device.

Add an image

  1. Select the option to add an image. The Capture Image screen opens. You should see the view from your device’s camera.
Capture Image screen for Capture Widget.
Capture Image screen
  1. Select the Take a Picture button. The Take a Picture button changes to a Retake button.
    • If you are not satisfied, select the Retake button to retake the picture.
    • If you are satisfied with the image, select the Apply button.

Add video

  1. Select the option to add a video. The Capture Video screen opens. You should see the view from your device’s camera.
Capture Video screen for Capture Widget.
Capture Video screen
  1. Select the Start Recording button. The Start Recording button changes. The counter displays the number of recorded seconds.
Capture Video screen for Capture Widget.
Capture Video screen
  1. Pause icon
  2. Stop icon
  1. Counter
  2. Restart icon
  1. Select the Stop icon to end the recording.
    • If you are not satisfied with the video recording, select the Restart icon to restart the recording.
    • If you are satisfied with the video recording, select the Apply button.

Add audio

  1. Select the option to add an audio clip. The Record Sound screen opens.
Record Sound screen for Capture Widget.
Record Sound screen
  1. Select the Start Recording button. The Start Recording button changes. The counter displays the number of recorded seconds.
Record Sound screen for Capture Widget.
Record Sound screen
  1. Pause icon
  2. Stop icon
  1. Counter
  2. Restart icon
  1. Select the Stop button to end the recording.
    • If you are not satisfied with the audio recording, select the Restart icon to restart the recording.
    • If you are satisfied with the audio recording, select the Apply button.

The captures are added to the webpage:

Webpage examples of captures from Capture Widget.
Webpage examples

Hidden Title

Need more help?