Configure Salesforce LWC

Business Background

Do you need to embed your Titan Web project in a Salesforce object page? And how would you like to get a Salesforce LWC Dynamic Form fast? The currently connected user’s session is used. This means that all permissions are applied: the user can only view, edit, or create objects and records for which they have permissions.

Titan Solution

• Use the Salesforce Lightning Web Component to invoke access to an external Titan Web project where users in your Salesforce community can use the project.
• A Lightning Web Component project can only be accessed from Salesforce.
• Collaborators are charged when accessing the web project in Salesforce LWC.

How to Video

• 00:00 An introduction on how to configure a Salesforce LWC in Titan Web.
• 0:11 Prerequisites for your project.
• 0:39 See how to configure an LWC in Titan Web.
• 3:20 Watch how to add a Titan LWC in Salesforce.

How to Guide

Prerequisites:

1. Create a Titan Web project with the elements to suit your business needs, for instance, charts that get information from Salesforce or Titan’s Salesforce forms that create (push) a new contact to Salesforce.

2. Configure Salesforce integration, for instance, Get Record Integrations or Push Record Integrations.

3. Create Static variables, for instance, account ID and user ID.

Configure Lightning Web Component in Titan Web

1. Click the Gear icon to open the Project Settings.
2. Select the User Access option and use the toggle switch to turn SF LWC on.
3. Click the SF LWC Gear icon to open the configuration screen.

4. Click the Use Salesforce session checkbox to allow multiple users in your Salesforce.

5. If necessary, click the Force JWT Session checkbox.
   • For more information about JWT, click here.

6. Add the custom audience in the field.
   • This is optional.
   • For Standard Users, the custom audience is http://login.salesforce.com/
   • For Community Users, use the community URL.
     • The easiest way to obtain this URL is by opening Setup in Salesforce, searching for Domains, and then clicking on Add Domain.

7. Use the drop-down list to select the record ID to map to in Salesforce.
8. Use the drop-down list to select the user ID to map to in Salesforce.
   • This user uses the Salesforce session, and you can map them to a variable on Titan Web.
   • The User ID comes from Salesforce. It lets you see who is running the Lightning Web Component in Salesforce.
9. Click the Apply button.
10. Save and Publish the project.
11. Copy the project link. You will need this when you add the Titan LWC object to Salesforce. Refer to this step.

Add Titan LWC in Salesforce

1. Open the object in Salesforce where you want to add the Titan Web project, for instance, an account.
2. Click the Gear icon in the top right corner of the page and select the Edit Page option.

3. Search for the Titan component (1). The titanLWC component is listed (2).
4. Select the object where you want to add the new tab (3).
5. Click the Add Tab button (4). A new tab called Details is added.

6. Select the Details tab to open the Tab Label pop-up and scroll to the top of the drop-down list.
7. Choose the Custom option. This lets you add a custom name for the tab.

8. Type a custom name in the field, for instance, “Titan,” and click the Done button.

9. Make sure that the new tab is open. You will see the message: “Add Component here.”

10. Drag the titanLWC component to the tab.

11. Paste the Web project link in the titanURL field. Refer to this step.

12. Click the Save button in the top right corner of the screen.

13. Open the object (for instance, Account) in Salesforce. The new tab with the Web project is now visible and can be used.