Configure the 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 Guide

• You can capture a media file
• You can push the file to Salesforce
• Use on desktop devices

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.

3. Click the Capture widget’s Gear icon. The Capture Settings screen opens.
4. Under Content, use the radio buttons to select one of the media types:
   • Image
   • Video
   • Audio

5. Change the default icons if necessary. Select here for more information.

The webpage in this example looks as follows:

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 clicking the Create New button, or edit an existing integration by clicking 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.

7. Under Mapping, search for the Version Data Salesforce field and map it to the Capture element.

8. Click the Apply button.
9. On the Salesforce Integration screen, click the Close button.
10. On the Add Node/Salesforce Action screen, click the Push action from the drop-down list and click the Next button.

11. If necessary, add a tag and click the Save button. The Salesforce node is added to the On Click screen.
12. Click the Apply button.
13. Save and Preview the project.

Use on desktop devices

1. Open the project link on a desktop device.

Add an image

2. Click the option to add an image. The Capture Image screen opens. You should see the view from your device’s camera.

3. Click 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

4. Click the option to add a video. The Capture Video screen opens. You should see the view from your device’s camera.

5. Click the Start Recording button. The button changes, and the counter displays the number of recorded seconds.

6. Click 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

7. Click the option to add an audio clip. The Record Sound screen opens.

8. Click the Start Recording button. The button changes, and the counter displays the number of recorded seconds.

9. Click the Stop button to end the recording.
   • If you are not satisfied with the audio recording, click the Restart icon to restart the recording.
   • If you are satisfied with the audio recording, click the Apply button.

The captures are added to the webpage: