---
schema_version: "1"
id: 2279523592d813f909c633ad9d84975195889171eee265644fe39b73f63b13b7
title: Create Web Tabs
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/creating_web_tabs.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.creating_web_tabs.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 9f9ae2f046b50bf16b23765bb6dac5f90ac3fe511641251b96f40f0168a9303c
description: Build web tabs so that your users can use your web applications or other websites from within the application.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# Create Web Tabs

Build web tabs so that your users can use your web applications or other websites from within the application.

### 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;">Available in: both Salesforce Classic and Lightning Experience</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p>Custom Object Tabs and Web Tabs available in: <strong>Contact Manager</strong>,
                <strong>Group</strong>, <strong>Professional</strong>, <strong>Enterprise</strong>, <strong>Performance</strong>,
                <strong>Unlimited</strong>, and <strong>Developer</strong> Editions
              </p>
              <p>Visualforce Tabs available in:
                <strong>Contact Manager</strong>, <strong>Group</strong>, <strong>Professional</strong>, <strong>Enterprise</strong>,
                <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong>
                Editions
              </p>
              <p style="margin-bottom:0;">Lightning Page Tabs available in: <strong>All</strong> Editions except
                <strong>Database.com</strong>
              </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="d126626e113">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d126626e113 ">To create and edit custom tabs:</td>

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

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

1. From Setup, enter Tabs in the Quick Find box, then select **Tabs**.
2. Click **New** in the Web Tabs related list.
3. Choose a layout for the new tab. The full page width spans across the entire page without the sidebar, while the column style allows users to view the sidebar.
4. Click **Next**.
5. Enter a label to display on the tab.
6. Click the Tab Style lookup icon to display the Tab Style Selector.
    
    If a tab style is already in use, a number enclosed in brackets \[\] appears next to the tab style name. Hover your mouse over the style name to view the tabs that use the style. Click Hide styles which are used on other tabs to filter this list.
7. Click a tab style to select the color scheme and icon for the custom tab. Optionally, click **Create your own style** on the Tab Style Selector dialog to create a custom tab style if your org has access to the Documents tab. To create your own tab style:
    1. Click the Color lookup icon to display the color selection dialog and click a color to select it.
    2. Click **Insert an Image**, select the document folder, and select the image you want to use.
    3. Select a file and click **OK**. The New Custom Tab wizard reappears.
8. Change the content frame height if necessary.
9. Enter a description of the tab, if desired, and click **Next**.
10. Enter the URL or choose the custom s-control that you want to display in the tab. Optionally, copy and paste any merge fields for data that you want dynamically replaced in the link. Click **Preview Web Tab** to display your web tab.
    
    ![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 Only User, organization, and API merge fields are supported for web tabs.
11. For a URL, choose an encoding setting and click **Next**.
12. Add the web tab to the appropriate profiles. Choose Default On, Default Off, or Tab Hidden to determine whether the custom tab is visible to users with that profile. You can change this setting later.
13. Click **Next**.
14. Specify the custom apps that should include the new tab.
15. Select **Append tab to users' existing personal customizations** to apply the tab visibility settings to all users.
16. Save the tab.