Adding components to a record page

Last updated: April 15, 2026

Overview

Adding new components to layouts within the amplo managed package requires a few considerations before you start. Before you start, make sure you're familiar with the following Salesforce concepts:

You'll also want to know where your component should display. Consider the following:

  • What object should this component appear on?

  • Are there specific record types the component should be associated with?

  • Should specific personas have access to this component?

Visibility is controlled through page layouts and component visibility within the lightning page itself. Expand the menu to learn more:

Page layouts

Objects can have multiple page layouts that display information based on context.

For example, the Account object has eight default layouts assigned based on profiles and record types.

Screenshot 2026-02-19 at 3.27.23 PM.png

Component visibility

Next, review the component visibility settings on the Lightning Page. In the Lightning App Builder, an Account page has five configurations based on account type:

  1. Record > Account Record Type > Name Contains Customer

  2. Record > Account Record Type > Name Contains Vendor

  3. Record > Account Record Type > Name Contains Prospect

  4. Record > Account Record Type > Name Contains Carrier

  5. Record > Account Record Type > Name Contains Employee

Untitled design - 2026-04-02T124758.125.png

Add or confirm the component is on the page layout

  1. Click the gear icon and select Setup.

    Untitled design - 2026-04-02T125935.044.png
  2. In Quick Find, search and select Object Manager.

    Untitled design - 2026-04-02T130214.490.png
  3. Select the object where you want to add the component.

    Untitled design - 2026-04-02T130347.992.png
  4. Then, click on Page Layouts.

    Untitled design - 2026-04-02T130455.899.png
  5. Find the page layout where you want to add the component.

  6. Confirm the component you wish to add is available, then drag and drop it into the desired section.

    Pastel Blue and Black Modern Welcome To Gaming Channel Youtube Outro.gif

Note: You can also follow this process to add a Related List.

  1. If you made any changes, click Save.

    Untitled design - 2026-04-02T131621.076.png

Configure the Lightning App page

  1. Navigate to a record where you would like to see the new component.

  2. Click the gear icon and select Edit Page.

Untitled design - 2026-04-02T131925.068.png
  1. Find the component(s) you wish to add in the left hand panel, and drag it onto the page where you wish to see it.

    download.gif
  2. Save.

    Untitled design - 2026-04-06T104243.865.png

Adding a related list

Schedules related lists on policies

By default, the Policy object displays Schedules using a managed-package component with non-configurable fields. Follow the steps below to add a standard Schedule related list that allows field customization.

Note: If you are using Salesforce Classic, follow steps 1-3 below. If you are using Salesforce Lightening, open the page editor and skip to step 5.

Determine if you will be adding Schedules on a commercial or personal lines policy.

  1. Click the gear icon and select Edit Page.

  2. Select Related Lists.

    Untitled design - 2026-04-06T112817.463.png
  3. Drag and drop Schedules into the Related Lists.

    download (1).gif
  4. Select Save.

    Untitled design - 2026-04-06T112720.619.png
  5. Select Lightening Record Pages.

    Untitled design - 2026-04-06T113444.496.png
  6. Select the page you want to edit.

    Untitled design - 2026-04-06T113743.531.png
  7. Then, select Edit.

    Untitled design - 2026-04-06T114010.954.png
  8. Select the Schedules tab.

    Untitled design - 2026-04-06T115009.970.png
  9. Use the Search to find Related List- Single.

    Untitled design - 2026-04-06T115231.008.png
  10. Then, drag and drop Related List - Single under the Additional Interest component.

    download (2).gif
  11. In the Related List dropdown, search and select Schedules.

    Untitled design - 2026-04-06T120522.759.png
  12. Under Set Component Visibility, select Add Filter.

    Untitled design - 2026-04-06T122431.775.png
  13. Select Advanced under Filter Type.

    Untitled design - 2026-04-06T122624.995.png
  14. Click on Select under Field.

    Untitled design - 2026-04-06T122810.289.png
  15. In the Select field modal, select the following:

    1. Record

    2. Record Type

    3. Record Type Name

    4. Then, click Done.

      Untitled design - 2026-04-06T123341.590.png
  16. In the Value field, enter:

    1. CL (for commercial lines)

    2. PL (for personal lines)

      Untitled design - 2026-04-06T123719.453.png
  17. Then, select Done.

    Untitled design - 2026-04-06T123833.220.png
  18. Click Save.

    Untitled design - 2026-04-06T123953.401.png
    1. Drag "Related List - Single" under the Schedules component.

      1. On the right side, change the Related List to "Schedules".

      2. Click "Upgrade Now" in the Dynamic Related List box.

      3. Scroll down and add the additional fields.

  19. Add the component visibility filter.

image.png

Troubleshooting

If you encounter issues with this setup:

  • Related list shows deleted schedules: Ensure you've added the "Schedule Junction equals 1" filter to exclude vehicles that are no longer associated with the policy.

  • Related list not visible: Check that you've properly configured the component visibility filters and that the user has appropriate permissions.