How to add Visualforce Web tabs in Salesforce1 mobile

How to add Visualforce Web tabs in Salesforce1 mobile?

We all know that Web tab is not working inside the Salesforce1 Mobile Navigation Bar. Therefore, we need to create a Visualforce page. I will explain you step by step that how we can create a visualforce page which shows web page inside the Salesforce1

Steps for creating Mobile supported Visualforce Page-

Step 1- Go to Setup-> Build-> Develop-> Visualforce Pages.

Step 2- Click on New Button

Step 3- Enter the following code-

<apex:page showHeader="false">

<apex:iframe src="https://www.facebook.com" frameborder="false" height="750px" scrolling="true"/>

</apex:page>


Note - You can enter your choice of URL

Step 4-  Enter the Name and Label for the page i.e. Facebook_Page

Step 5- Checked the Available for Lightning Experience, Lightning Communities, and the mobile app and Save it.

Step 6- Create a Visualforce Tab. Go to Setup-> Build-> Create -> Tabs and Click on New in Visualforce Tab Section. Select Facebook_Page from Visualforce Pages and give Tab Name and Tab Label i.e. Facebook and Choose any Tab Style icon and Click Next, Next and Save.

Step 7- Let’s add the Visualforce Tab to the Salesforce1 App Navigation Menu. Go to Setup-> Mobile Administration-> Salesforce Navigation. From the Available list to move Facebook from Selected list and Save it.

Step 8- Go to the Salesforce1 Mobile App and see your Output.

Thanks.

Happy Reading.

Responses

Popular Salesforce Blogs