Create Visualforce Tabs in Salesforce (Step-by-Step Guide with Examples)

Salesforce provides powerful tools for building custom user interfaces, and one of the most important technologies for this is Visualforce.

Many developers create Visualforce pages to display custom data or build unique business solutions, but one common challenge is how to make these pages easily accessible to users inside Salesforce.

This is where Visualforce Tabs come into the picture. Visualforce Tabs let you display your Visualforce pages in the Salesforce navigation menu, just like standard objects such as Accounts or Contacts.

By using Visualforce Tabs, users can easily open and interact with custom pages without needing to remember URLs or navigate manually.

While working as a software developer at an organization that uses Salesforce, I recently created a Visualforce page for the employee directory.

To display that visualforce page, I had to create a custom Visualforce tab so that users could view and access the visualforce page in the Salesforce environment.

Now, I will explain Visualforce tabs and how we can create one in a Salesforce environment.

To create a Visualforce tab, ensure that you have already created a visualforce page or have an existing one.

In this detailed guide, we will understand what Visualforce Tabs are, why they are important, how to create Visualforce Tabs in Salesforce, and explore real-time use cases, examples, and best practices.

What is Visualforce in Salesforce?

Visualforce is a web development framework in Salesforce that allows developers to create custom user interfaces. It uses a combination of HTML, Apex, and Salesforce-specific tags to build dynamic pages.

Using Visualforce, you can:

  • Build custom pages beyond standard layouts
  • Create forms, dashboards, and integrations
  • Customize UI for specific business needs

Each Visualforce page serves as a container for developers to define layout, logic, and data handling.

What is a Visualforce Tab?

A Visualforce Tab is a custom tab in Salesforce that displays a Visualforce page. It allows users to access the page directly from the navigation bar.

In simple words:
Visualforce Page = Custom UI
Visualforce Tab = Way to access that UI

Instead of opening a Visualforce page using a URL, users can simply click on a tab.

Visualforce Tabs behave like standard Salesforce tabs and provide a seamless user experience.

In Salesforce, users can view and interact with Visualforce pages via the Visualforce Tab, a user interface element.

Users can access Visualforce pages within Salesforce by embedding them in Visualforce Tabs via custom tabs. Custom visualforce can be created from the Tabs setup and also from the Salesforce Developer Console.

Why Do We Need Visualforce Tabs?

Visualforce Tabs are important because they improve usability and accessibility. Without tabs, users must manually open Visualforce pages using links, which is not user-friendly.

Key Benefits:

  1. Easy access to custom pages
  2. Better user experience
  3. Integration with Salesforce navigation
  4. Control over visibility using profiles
  5. Works in both Classic and Lightning (with settings)

Visualforce Tabs vs Other Tabs in Salesforce

FeatureVisualforce TabObject TabWeb Tab
SourceVisualforce PageSalesforce ObjectExternal URL
Custom UIYesNoNo
Data ControlHighMediumLow

Create a Visualforce Tab in Salesforce

To create a custom Visualforce tab, navigate to the setup page of Salesforce Lightning and follow the steps below.

1. On the Salesforce Lightning’s setup page, go to the Quick Find and search, then select Tabs.

How to create visualforce tabs in Salesforce

2. In the tabs setup window, go to the section Visualforce tabs and click on the New button.

create custom Visualforce Tab in Salesforce

3. Select the Visualforce page to display in the tab, then enter the Tab Name and Tab Label.

After this, select the Tab style and enter the description for the Visualforce tab.

At last, click on the Next button.

Add visualforce page to a tab in Salesforce

4. In this step, we select the profiles for which the new tab will be available. We have two options for setting the tab visibility for profiles.

  • Apply one tab visibility to all profiles: This option allows us to set a single tab visibility for all user profiles, which can be Defaulted on, Defaulted off, or tab hidden.
  • Apply different tab visibility to all Profiles: To use this option, go to the tab visibility dropdown next to the profile names and select default, off, or tab hidden.
Visual force tabs in Salesforce Lightning

5. Select the applications for which the custom visualforce tab will be available. This tab will be available only for the selected applications. To make it visible to all apps, select the Include Tab checkbox.

At last, click on the Save button.

Add visualforce tabs to apps in Salesforce

Now, we can see the created custom visualforce tab in the section Visualforce tabs of the tabs setup.

Add visualforce tabs to custom apps in Salesforce

To view the visualforce tab, navigate to the application, and if the tab is not visible in the navigation, then click on the More dropdown and open the tab.

When we click the tab, it displays the visualforce page you selected when creating the visualforce tab.

How to add visualforce page to a tab in Salesforce

This way, we can create a custom Visualforce tab in Salesforce and add visualforce pages in them to display on the user interface.

Frequently Asked Questions

Q1: What is a Visualforce Tab?

A tab used to display Visualforce pages

Q2: Can we create multiple Visualforce Tabs?

Yes

Q3: Is Visualforce still used?

Yes, especially in legacy systems

Q4: Can Visualforce work in Lightning?

Yes (with settings)

Conclusion

Visualforce Tabs are an essential feature in Salesforce that help developers display custom pages directly in the user interface. By creating a Visualforce Tab, you make your custom solutions easily accessible and improve the overall user experience.

Understanding how to create and manage Visualforce Tabs is important for both Salesforce Admins and Developers. With proper configuration, permissions, and best practices, you can build powerful applications that integrate seamlessly into Salesforce.

You may also like to read:

live webinar

Salesforce Data Cloud with Agentforce Data Library

In this live webinar, we will showcase how Salesforce AI Agents use business data and documents to provide intelligent responses using Agentforce Data Library and Salesforce Data Cloud.

Agentforce in Salesforce

DOWNLOAD FREE AGENTFORCE EBOOK

Start with AgentForce in Salesforce. Create your first agent and deploy to your Salesforce Org.