---
schema_version: "1"
id: 9ead3c6069226746110cd7f8d2e43729f98b862e2d7228ce33c0def4b8f737d2
title: Add and Customize Tabs on Lightning Pages Using the Lightning App Builder
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/lightning_app_builder_customize_lex_pages_add_tabs.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_customize_lex_pages_add_tabs.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: ef07a24f482bc3d6d5a6e77cd3d65032eb535b4d4b8a5f4d466145fa19bb4fa8
description: With the Lightning App Builder, you can create, update, delete, and change the order of tabs and tab sets on record, app, and Home pages in Lightning Experience. Configure the tabs that your users see, name them whatever you like, and add components to each tab.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Add and Customize Tabs on Lightning Pages Using the Lightning App Builder

With the Lightning App Builder, you can create, update, delete, and change the order of tabs and tab sets on record, app, and Home pages in Lightning Experience. Configure the tabs that your users see, name them whatever you like, and add components to each tab.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col>
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Lightning App Builder available in: both Salesforce Classic and Lightning
              Experience</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Lightning Home and utility bar pages available in: Lightning Experience</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Lightning app and record pages available in: both the Salesforce mobile app and
              Lightning Experience</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Email application pane pages available in: both Salesforce Classic and
              Lightning Experience</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p style="margin-bottom:0;">Available in: <strong>Group</strong>, <strong>Essentials</strong>, <strong>Professional</strong>,
                <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong>
                Editions
              </p>
            </td>

          </tr>
        </tbody>
      </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d207908e103">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d207908e103 ">To create and save Lightning pages in the Lightning App Builder:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d207908e103 ">Customize Application</td>

          </tr>
        </tbody>
      </table>

1. Open a Home, app, or record page for Lightning Experience in one of these ways.
    - From the Setup menu, select **Edit Page**.
        
        ![Edit Page](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/lex_lab_edit_page.png)
        
        When you select **Edit Page** for the first time, Salesforce makes a copy of the standard page. This copy is what you edit in the Lightning App Builder. If a customized page exists and is active, selecting Edit Page opens that page to edit.
    - Open a page from the Lightning App Builder list page. From Setup, in the Quick Find box, enter App Builder, and then select **Lightning App Builder**.
2. Add a Tabs component to the page.
    
    A default set of tabs is added.
3. To add a tab, click **Add Tab** in the Tabs component properties.
4. Customize a tab by clicking it in the properties pane. You can select a different standard label, or click **Custom** and enter the tab name you want.
    
    ![Custom Tab Labels in Lightning App Builder](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/lab_custom_tab_label.png)
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)
    
    Note Custom tab labels in the Tabs component—including those custom tab labels installed from packages—aren’t translated. For example, if you create a custom Goals tab in English, then view the page as a user whose language is set to French, the tab still displays as Goals. However, you can use the `{!$Label.customLabelName}` expression in a component label or attribute to represent a custom label that you create in Setup using the custom label feature. For more information, see [Build Localized Component Labels and Attribute Values on Lightning Pages with Custom Labels](https://help.salesforce.com/s/articleView?id=platform.lightning_page_components_use_expressions_for_labels.htm&release=264.0.0&type=5 "When you specify labels or attributes in the Lightning App Builder such as for components, field section headers, or custom tabs, you can use the {!$Label.customLabelName} expression to help define the label or attribute’s value.").
5. If needed, add a visibility rule to show or hide individual tabs.
    1. Click a tab in the Tabs properties pane. For example, click **Related**.
    2. Click **Add Filter** and specify filter criteria, then click **Done**.
    3. Click **Done** again to save your changes.
        
        ![Set Conditional Visibility for a tab](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/conditional_visibility_tab.png)
        
        ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)
        
        Note If all components of an individual tab are hidden due to visibility rules, then Salesforce hides the tab, too. For example, if all components of the Related tab are hidden, then Salesforce hides the Related tab. If all individual tabs within a Tabs component are hidden due to visibility rules, then Salesforce hides the entire Tabs component on the record page.
6. To add your first component to a tab, select the tab on the canvas, and then drop the component directly below it.
    
    ![Adding a Component to a Tab](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/extend_click/images/lab_add_comp_to_tab.png)
7. Reorder tabs in the Tabs properties pane by dragging them into position. You can’t drag and drop individual tabs on the canvas.

#### See Also

- [Create and Configure Lightning Record or Home Pages](https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_customize_lex_pages.htm&release=264.0.0&type=5 "Use the Lightning App Builder to add, remove, or reorder components on a record or Home page to give users a customized view.")
- [Lightning App Builder Considerations](https://help.salesforce.com/s/articleView?id=platform.lightning_app_builder_considerations.htm&release=264.0.0&type=5 "Keep these considerations in mind when working with Lightning pages and Lightning apps in the Lightning App Builder.")
- [Personalize the Navigation Bar in Lightning Experience](https://help.salesforce.com/s/articleView?id=xcloud.user_userdisplay_tabs_lex.htm&type=5&language=en_US)