How to add standard component in app page in salesforce lightning

In the Salesforce tutorial, we are going to learn How to add a standard component to an app page in salesforce lightning.

In Salesforce Lightning we add Standard Components to the templates of our Custom App Pages. These Standard Components add more functionality to our custom app pages and it’s easy to deploy them on our app pages.

What are Standard Components?

Salesforce provides a library of standard, pre-built components, known as Standard Components, using which custom applications, pages, and layouts can be quickly created without having to start from scratch. These Standard Components are inbuilt and can be used according to our requirements.

Standard components have a list of 17 inbuilt standard components namely chatter feed, chatter publisher, list view, report chart, etc. There in the Components section on the Custom App page, we will see a list of Standard Components as shown in the below picture.

Standard components in Salesforce lightning
Standard components in Salesforce lightning

Now let’s understand each of these Standard Components.

  • Chatter Feed – The chatter feed in Salesforce is a component of the Chatter feature. Chatter enables users to communicate, give updates, have discussions, and share files within the organization.
  • Chatter Publisher – The Chatter Publisher gives a way to post, poll, or ask a question in a feed. Use the Chatter Publisher component with the Chatter Feed component to get a full feed experience.
  • CRM Analytics Collection The CRM Analytics Collection component enables us to insert and display collections of curated dashboards and lenses to your Lightning pages.
  • CRM Analytics Dashboard This component surfaces an entire dashboard right where people work. The dashboard is fully functional and interactive. Users can refresh them, apply filters, and click chart segments to drill into filtered reports.
  • Dashboard A dashboard is a visual display of key metrics and trends for records in the organization. Dashboards are stored in folders, which control who has access. If you have access to a folder, you can view its dashboards.
  • Einstein Next Best Action – This component displays suggested recommendations and actions on a record page. Use strategies to apply your org’s business rules to display context-specific suggestions to users.
  • Flow Flows are easy to maintain and allow us to build complex business automation using clicks instead of code.
  • Launchpad Launchpad creates a shortcut for users to access many important places. We can add any items that have tabs associated with them.
  • List View The List View component points to a list view and displays the first few records from that view. It supports all public and shared list views that are associated with standard and custom objects.
  • Quip Associated Documents – With the Quip Associated Documents component on our App Pages it is easy to access documents, spreadsheets, and slides which can be kept in context.
  • Quip Document With the Quip Document Lightning component you can work with fully functional documents and spreadsheets directly within Salesforce records.
  • Quip Notifications – The Quip Notifications component give notifications related to Quip documents.
  • Recent Items This component displays a list of the most recently used items. In the Lightning App Builder, you can specify which objects’ records appear in the recent items list.
  • Report Chart This component is used to include a chart from a report on your Lightning page. If you leave the component’s Label field blank, the component’s label is derived from the report’s label.
  • Rich Text The Rich Text component uses Quill editor as its text editor. We can include up to 4,000 characters in the Rich Text component.
  • Schedule Service Appointments – With the help of this component, we can schedule service appointments for a work order, work order line item, etc.

Read How to add a Dashboard to an app page in Salesforce

How to add standard component in app page in salesforce lightning

To add Standard Components to the App page, first login into your Salesforce account and follow the below steps.

Step:1- At the home page of Salesforce Lightning, there will be a Quick Find bar, and in that search for Lightning App Builder and click on it as shown in the below picture.

Lightning App Builder for Components
Lightning App Builder for Components

Step:2- As we will click on Lightning App Builder a new window SETUP Lightning App Builder will open. Below the Lightning Pages heading, there will be a list of custom app pages. In this case, we will select the Custom Sales App Page to add Standard Components. In the Action column of Lightning Pages there will be an Edit button, click on it.

Salesforce add Components
Salesforce add Components

Step:3- As we click on Edit, the Lightning App page will open in the Edit window. On the right side of the screen, we can see the list of Standard Components and

App Page Lightning App Builder
App Page Lightning App Builder

Step:4- Now we will add these components to the App page. To add these components to the App page, we just simply drag them to the template region and drop them there as shown in the below picture.

In this case, we will add the Standard Component “Flow” to the App page Custom Sales App Page to enter and update data into Salesforce records.

App Page Standard Components in Salesforce
App Page Standard Components in Salesforce

Now we have successfully added a Standard Component to an App page.

Lightning App Page Standard Components
Lightning App Page Standard Components


In this Salesforce Lightning tutorial, we learned How to add standard components to the app page in Salesforce Lightning. We also learned about Standard components and their functionality in Salesforce Lightning.

You may also like to read the following articles: