Salesforce | How do you Add LWC Element to Motion Button?

What’s an Motion Button in Salesforce?

An motion button is a button in Salesforce that performs a particular motion or set of actions when clicked by a consumer. These actions can vary from easy duties like navigating to a selected report or executing a workflow rule to extra complicated duties like creating a brand new report, updating current information, or launching a customized Lightning part.

Motion buttons may be added to numerous elements of the Salesforce consumer interface, together with the web page structure of an object, the associated record of a report, or the worldwide actions menu. The aim of an motion button is to offer customers with fast and easy accessibility to often carried out duties, thus growing their productiveness and effectivity.

What’s an LWC Element?

LWC stands for Lightning Internet Parts. It’s a programming mannequin created by Salesforce that permits builders to construct net purposes utilizing normal net applied sciences akin to HTML, CSS, and JavaScript. LWC supplies a contemporary and environment friendly method to constructing net parts in Salesforce.

In easy phrases, an LWC part is a reusable piece of code that encapsulates a selected performance or consumer interface component in an online software. It may be used to create customized interfaces, combine with third-party purposes, or automate enterprise processes. LWC parts may be developed and deployed in Salesforce orgs, and may be added to Lightning pages, report pages, and customized purposes. They’re light-weight, quick, and may be simply personalized and prolonged to satisfy the precise wants of a company.

Remember to take a look at: Use Aura Component in Screen Flow | Salesforce Flow Builder Tutorial

Steps to Add LWC Element to Motion Button 

You must make the LWC part like, let’s give the identify of a   part “Title”. 

That creates three recordsdata that are:

⦁ Title.html  

⦁ Title.js  

⦁ Title.js-meta.xml  

While you make your part then you must append the LWC part within the aura part, for that, you must give the trail or the file identify which you need to append with this part. 

<aura: part implements="flexipage:    availableForAllPageTypes,flexipage:availableForRecordHome,   power:hasRecordId,power:lightningQuickAction" entry="world">   
   <c: Title />   
</aura: part>

Observe the steps under so as to add the LWC part to the Motion Button: –

1. Click on on the gear icon and choose Setup.
2. Click on on object supervisor and choose the item to which you need to add these parts.
3. After choosing the item go to “button hyperlinks & motion “, and click on on that. 
4. Choose New Motion Sort.
5. Give Motion Sort – “Lightning Element”, and choose the aura part during which you append the Lightning Internet part.
6. Give the Label and Title.
7. Click on on the save button. And you’ve got taken all of your steps.

Take a look at one other superb weblog by Rupesh right here: What is the Apex Metadata API? | All You Need to Know