Salesforce How-To Guides, Salesforce Admin, Salesforce Basic, Salesforce Customization

How to create Visualforce Tab in Salesforce

Updated · first published 4 min read
Feature Image of How to create Visualforce Tab in Salesforce 1

Visualforce Tabs

In Salesforce, a Visualforce Tab is a custom user interface component that allows administrators and developers to embed and display custom Visualforce pages directly within the standard Salesforce navigation menu.

Instead of forcing users to access custom pages via specific URL links or buried buttons, Visualforce tabs provide a seamless, integrated user experience. By displaying data and custom logic from an embedded Visualforce page, these tabs make it easy for your team to interact with complex, custom-made applications without ever leaving their native Salesforce environment.

Visualforce Tabs are widely supported and are available across multiple Salesforce editions, including Group, Professional, Enterprise, Performance, Unlimited, and Developer Editions.

Learn how to find salesforce edition.

Prerequisites for Creating a Tab

Before you can create and configure a Visualforce tab, ensure you have the following ready:

A Published Visualforce Page

You must have an existing Visualforce page built and saved in your org. (Check out our guide on How to create a Visualforce Page if you need help getting started).

Administrator Permissions

Ensure your user profile has the “Customize Application” permission, which is required to create and manage custom tabs.

How to Create Visualforce Tabs

Creating a Visualforce tab in Salesforce is a straightforward process. Follow these steps to get your new tab up and running in under 10 minutes:

Total Time: 10 minutes

Navigate to Setup

Tab in Salesforce

Log in to your Salesforce org. Click on the Gear icon in the top right corner to open the Setup menu. In the Quick Find box on the left, type Tabs and select it under the User Interface section.

Create a New Visualforce Tab

Screenshot from 2022 11 01 16 07 25

Scroll down the page until you find the Visualforce Tabs section, and click the New button.

Select Visualforce Page & Tab Style

select vfpage

1. Visualforce Page: From the dropdown menu, select the existing Visualforce page you want to embed (e.g., “Site Home Page”).
2. Tab Label & Name: Enter a Tab Label and the Tab Name.
3. Tab Style: Click the magnifying glass icon to choose a visual style, color, or icon for your tab.
(Optional but Recommended) Add a brief description to help other administrators understand the purpose of this tab.
Click Next.

Configure Profile Visibility

add profile vfpage

Choose the user profiles for which this new custom tab will be visible. You can set the tab visibility to “Default On,” “Default Off,” or “Tab Hidden” based on your organization’s security policies and data access requirements. Once configured, click Next.

Assign to Custom Apps

add app to vfpage

Select the custom applications where this tab should appear in the app’s navigation bar. Click Save.

Tab Created

Screenshot from 2022 11 01 16 13 08

Visualforce Site HomePage Tab is created

Verify Your New Tab

Navigate back to the app launcher or your home page. Search for your newly created tab as a navigation item. Click on it to ensure it displays correctly and that the underlying Visualforce page renders as expected.

Use cases for creating Visualforce Tabs in Salesforce

Why should you use Visualforce tabs instead of standard page layouts? Here are a few powerful applications that can enhance your org:

Custom Data Visualization

Display complex charts, graphs, or aggregate dashboards that go beyond standard Salesforce reporting capabilities. Visualforce allows you to leverage external charting libraries (like Chart.js or Highcharts) to gain deeper insights.

Data Entry Forms

When standard page layouts are too restrictive for multi-step wizards or complex data entry processes, a Visualforce page embedded in a tab offers a highly customized, efficient, and user-friendly experience.

Third-Party Integration

Seamlessly integrate external systems. You can create a tab that pulls real-time data via a third-party API and displays it directly within Salesforce, saving users from constantly switching between different applications.

Training and Onboarding

Use Visualforce Tabs to create interactive training modules or onboarding wizards for new users or employees, guiding them through essential Salesforce processes and functionality.

Explore More

  1. How to create Lightning Page Tabs in Salesforce
  2. How to Create Custom Object Tabs in Salesforce

FAQs

What is a Visualforce tab in Salesforce?

Visualforce tab is a custom tab in Salesforce that displays the content of a specific Visualforce page. It allows users to access custom-built user interfaces directly through the app navigation bar, exactly like how they access standard objects like Accounts or Contacts.

How do I grant users access to a Visualforce tab?

If users cannot see the tab you created, you likely need to update their permissions. You can manage tab visibility by editing their Profiles or by assigning a Permission Set that includes access to the specific Visualforce tab.

Why can’t I see my Visualforce tab in the Salesforce Mobile App?

If your tab isn’t appearing on the mobile app, you need to add it to the mobile navigation menu. Go to Setup, search for Salesforce Navigation, and ensure your custom Visualforce tab is moved from the Available list to the Selected list.

Visualforce vs. Lightning Components: Which should I use?

For new development, Salesforce strongly recommends using Lightning Web Components (LWC), as they are the modern standard and offer superior performance. However, if you already have existing Visualforce pages, using a Visualforce Tab is still the correct and supported way to display them.

Share

Got a Workflow Problem? Let’s Fix It.

We build custom tools, integrations, and automation for businesses that want things done right.