Due to scheduled maintenance, some areas of our site are currently inaccessible. Thank you for your patience.

Please reach out to sales@eonesolutions.com with any questions.

How to Embed a Popdock Widget on a Custom Tab in Salesforce

How to Embed a Popdock Widget on a Custom Tab in Salesforce

With the use of a Popdock widget you can integrate a Popdock list or multiple lists directly into your Salesforce user interface either as a tab at the top or as a button that opens up a new window. The following shows how to create a Visualforce page widget in Popdock and create a new custom tab on a Salesforce homepage which uses the embedded Popdock widget.

A Popdock widget will need to be created prior to following these steps. Click here to learn how to create a Popdock widget.

This article will focus on using the Embed codes – Code generator to create your Visualforce page in Salesforce. You can also create and publish your Visualforce page by using the Environment section under Parameters. Visit Embedding a Popdock Widget on a Salesforce Page to learn how to create your Visualforce page using the Environment section of Parameters for your widget.

Locating Your Visualforce Page Code in Popdock

1. Log into Popdock and then edit the widget you created to embed in Salesforce. Select Embed codes under the left Settings menu.

2. Expand Show next to Code generator.

3. Select Visualforce page from the Type dropdown. The Code field will populate with the code for your Visualforce page. Copy the code and paste to your clipboard, as you need this code sample in a later step.

Adding a Popdock tab in Salesforce


1.  Select the Setup icon at the top right next to your profile icon and then select Setup.

2.  In the left navigation, select Custom Code so you can choose the Visualforce Pages option.

3.  Select New to create a new Visualforce Page.


4.  Give your new Visualforce Page a Label and a Name. This field cannot contain spaces.  If you want, you can also add a Description

On the Visualforce Markup tab, you will see the code that makes up the Visualforce Page.  You will need to delete the default code and paste the code created by the Code generator in Popdock for a Visualforce page (see Step 3 under the Locating Your Visualforce Page Code).

5.  Select Save and you will see your new Visualforce Page listed.

6.  Using the left navigation, select User Interface.  Then select Tabs.

7.  Here you will want to create a new Visualforce Tab. Under Visualforce Tabs, select New.


8.  Choose your Visualforce Page from the dropdown menu. Give your tab a Label, Name, and choose a Tab Style.  The rest of the fields are optional.  Once you have completed the fields, select Next.


9.  The next page in the tab setup is if you want to add to only specific profiles.  Once you have select the profiles you want, select Next.


10.  In this step you can choose the custom apps that you want the new tab to be available on.  Once you have selected the custom apps, select Save.

11. Now you will see the new tab added to your Visualforce Tabs. You can go to your Salesforce main page to see the new tab has been added. Your Popdock widget will be available within the page of your new tab.

Questions on embedding a Popdock Widget in Salesforce? Contact support@eonesolutions.com.

Locating Your Visualforce Page Code in Popdock Adding a Popdock tab in Salesforce

Feeling stuck? Get the support and guidance you need to help you power through any data challenge

Reset Filters