[Portugal Dreamin 2026] Improve Agent interactions with Custom LWCs in Agentforce

Agentforce provides a default and simple UI to interact with it, but some specific use cases may benefit from a dedicated interface. Combine the power of LWC and Agentforce to simplify interaction with your Agents.

Transcript

1. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON
2. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Improve Agent Interactions with Custom LWCs in Agentforce Fabien Taillon Partner & CTO at Texeï - Salesforce MVP Hall of Fame
3. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Fabien Taillon Partner & CTO at Texeï Salesforce MVP - Hall of Fame Paris Developer Group leader https://www.salesforce.com/trailblazer/fabien https://www.fabientaillon.com https://www.texei.com /in/fabientaillon/ @FabienTaillon
4. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Focusing on Agentforce Employee Agent today Agentforce Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
5. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Understanding Out-of-the-Box Components Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
6. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON • Display sometimes unpredictable • Not always the best UI • Not always actionable Agentforce Out-of-the-Box Components Great but… Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
7. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Custom Lightning Types to the Rescue! AI-generated picture, of course Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
8. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Lightning Web Components in Agentforce Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
9. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON DEMO Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
10. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Map the Action Action Input or Output Rendering to you Custom Lightning Type Customizing the Agent UI Build a Custom LWC for your Apex Create a Custom Lightning Type referring to Apex and Editor / renderer referring to the component Custom LWC CLT Test your Action and launch your Agent Action Mapping Test 1 2 3 4 Custom Code Agent Config Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
11. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Allowing your LWC to be used in Agentforce Add the correct target <?xml version="1.0" encoding="UTF-8"?> <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> <apiVersion>65.0</apiVersion> <isExposed>true</isExposed> <masterLabel>Restaurants Details</masterLabel> <targets> <target>lightning__AgentforceOutput</target> </targets> </LightningComponentBundle> Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
12. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Setting up Lighting Types (1/5) Custom Lightning Types in Setup UI Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
13. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Setting up Lighting Types (2/5) Create Lightning Type Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
14. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Setting up Lighting Types (3/5) Select Apex Class you want to use Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
15. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Setting up Lighting Types (4/5) Use LWC to render Apex Type (Single or Collection) Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
16. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Setting up Lighting Types (5/5) Preview Components Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
17. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Overriding Renderer Define which Lightning Type to use for Agentforce Action Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
18. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Overriding Inputs Same easy Setup Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
19. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Allowing your LWC to be used in Agentforce Specific Target for Input <?xml version="1.0" encoding="UTF-8"?> <LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata"> <apiVersion>65.0</apiVersion> <isExposed>true</isExposed> <masterLabel>Restaurant Rating</masterLabel> <targets> <target>lightning__AgentforceInput</target> </targets> </LightningComponentBundle> Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
20. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON • Fully integrated with Lightning Experience • Run as your current user, with its access rights • Very powerful, no limitation in what can be done in this type of LWC ◦ Use of modal, toasts… ◦ Use of Lightning Data Service ◦ Return only record Ids from Apex and use LDS to get data if you need to keep it updated ◦ Use same color theme ◦ … • Automatic mapping between Apex returned values and LWC @api parameters ◦ Custom mapping can be used too • Can be used in Enhanced Chat V2 • More to come (maybe ?): override standard Salesforce types (date, custom object…) Some more things to know Fabien Taillon - https://linkedin.com/in/fabientaillon - https://www.texei.com
21. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON Resources GitHub Repository https://github.com/FabienTaillon/lwc-in-agentforce Documentation https://developer.salesforce.com/docs/einstein/genai/guide/lightning-types-custom.html
22. 19 JUNE 2026 SANA METROPOLITAN HOTEL, LISBON DIAMOND SPONSORS SILVER SPONSORS OTHER SPONSORS