How to Call LWC from Quick Action in Salesforce

Do you wish to directly call LWC from the record quick actions? Using aura components to call LWC from quick action are the days long gone. So, today, in our attempt to make Salesforce a little easier for you, we’ve come with a perfect solution for this. Now, you can directly call LWC from the record quick actions using our thoughtful solution.

Here are some quick easy steps to get comfortable with LWC quick action, but first some important details.

LWC supports two types of quick actions:

 

  1. Screen Actions
  2. Headless Actions
  • Screen Actions: This type of action lets the LWC component open on a modal, i.e when you will click on this action, it will open up a modal window that you can use to display data or interact.
  • Headless Actions: This action does not suppose to include any HTML and will execute Javascript at the click of a button. For simplicity, you can consider it similar to a javascript button.

    Today we will be looking to screen the LWC component.

Steps

First, start by creating a LWC on vs code.

Note: In our case, we will be creating LWC to display a successful dialogue on Quick action.

Then here are the following steps to consider

1 Call the invoke() method to the LWC js controller: this is the key method that gets executed once the action is clicked.

2. The second and important step is to update your LWC.xml file: to define target and target Configuration

3. Now let’s create a quick HTML to display over the screen.

4. Deploy your LWC to org

5. Final step is to create a quick action to call our LWC component and add it to the layout

And add on the page layout (in our case, it is contact layout)

Now you are ready to use your LWC

Here we go 🙂

Now you can build some awesome LWC components and call them with Quick actions.

Conclusion

Calling LWC directly from the record quick actions has never been easier than this! We hope that you liked our solution. If you try out this for your business, then do share your valuable feedback with us. We will be back with another blog that will ease your journey with Salesforce. Till then, happy learning! 🙂

Our Location worldwide
India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203117884
SR Tower 2nd Floor Hydel Gate Haldwani Uttarakhand 263126 +91-5946359996
USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
Canada
HIC Global Solutions INC
43 Lafferty Lane, Richmond Hill, L4C 3N8, CA +1(262) 310-7818