How to Create Quick action button using lightning web component

By | February 24, 2022

In this blog, we will learn How to Create Quick action button using lightning web component. To create the quick action button in the salesforce we have to perform the following steps:

Create the Js-Meta-Xml File using the following code.

JS-META-XML File in lightning web component
JS-META-XML File in lightning web component

Open Salesforce and go to the setup->Click on Object which you want to create the Quick action button-> Click on the Buttons, Links , and Actions-> Click on New Action. Just like following:

New Action Interface
New Action Interface

In the Action type pickup list Select Lightning Web Component-> after that in target Object select your lightning web component-> Enter the Label-> Click on Save.

After that on the same Object Click on Page Layouts-> Click to Edit the page layout-> Click on Mobile & Lightning Actions.-> Drag and Drop your button Salesforce Mobile and Lightning Experience Actions.->Click on Save. As Shown in below image.

How to Create Quick action button using lightning web component
Page Layout Interface

By using the same steps we can create the quick action button on the objects. You can create a Lightning web component action for custom objects and for some standard objects.

  • Account
  • Contact
  • Lead
  • Opportunity Case

Above images and the steps will give you the brief idea about how to create the quick action button using lightning web component. And execute the business logic we want.

We hope that you find this blog helpful, if you still have queries, don’t hesitate to contact us at

About Us
Greytrix – a globally recognized and one of the oldest Sage Development Partner and a Salesforce Product development partner offers a wide variety of integration products and services to the end users as well as to the Partners and Sage PSG across the globe. We offer Consultation, Configuration, Training and support services in out-of-the-box functionality as well as customizations to incorporate custom business rules and functionalities that require apex code incorporation into the Salesforce platform.

Greytrix has some unique solutions for Cloud CRM such as Salesforce Sage integration for Sage X3Sage 100 and Sage 300 (Sage Accpac). We also offer best-in-class Cloud CRM Salesforce customization and development services along with services such as Salesforce Data MigrationIntegrated App developmentCustom App development and Technical Support to business partners and end users.
Salesforce Cloud CRM integration offered by Greytrix works with Lightning web components and supports standard opportunity workflow. Greytrix GUMU™ integration for Sage ERP – Salesforce is a 5-star rated app listed on Salesforce AppExchange.

The GUMU™ Cloud framework by Greytrix forms the backbone of cloud integrations that are managed in real-time for processing and execution of application programs at the click of a button.

For more information on our Salesforce products and services, contact us at We will be glad to assist you.

Related Posts