Skip to content


Integrating Popdock Into Your NetSuite Interface Using A Portlet

A NetSuite portlet is a built in plug-in that enables you to add customization to your Netsuite user interface or dashboards.  By adding a Popdock widget as a portlet, it allows you to have Popdock accessible within its own center tab in your Netsuite menu or as a section on a customized dashboard.  The following steps will take you through the steps required to embed your Popdock widget into your Netsuite interface and dashboard.

Edit The Widget To Get Embed Codes for Netsuite:

Step 1.  From the widget page, click the edit icon on the widget you are going to use.  Then click on Embed codes from the left navigation.  Select “Netsuite portlet” for the type so that the code will generate.


Step 2.  Copy the text in the code field so that you can paste it in a text editor and then save the file as a .js file type.  This is the file type needed to import to Netsuite.  Here I show using Notepad to save the function into a .js file type.


Creating a Popdock Portlet:

Step 1.  Click Customization on your top menu, then choose “Customization Manager”.

Step 2.  In the left navigation, click on “Scripting”, then click on “Scripts”.


Step 3.  Click on New, to create a new Script.

Step 4.  Next we will add a new script file from the one saved to our computer.  Click the “+” button.


Step 5.  Make sure Attach From is set to Computer, then click the “Browse” button to browse your computer for the .js file you have saved.  Then click Save.


Step 6.  Now click the “Create Script Record” button.


Step 7.  Click “Portlet” from the list of options.


Step 8.  Complete the Script name, select “Inline HTML” for the Portlet Type, and for the function name, copy it from the widget embed code, for example, this one will be “popdock_Widget_Example”.  Now click Save.


Step 9.  Next, click the button to Deploy Script.


Step 10.  Change the Status from “Testing” to “Released” and select the permissions for the portlet.  Now click the Save button and your custom portlet is ready to use.  Follow the next steps to add your portlet to a custom tab.



Adding a Popdock tab:


Step 1.  Click Customization on your top menu, then choose “Customization Manager”.


Step 2.  In the left navigation, click on “Centers and Tabs”, then click on “Center Tabs”.


Step 3.  Click on New, to create a new Center Tab.


Step 4.  Give your new Center Tab a Label.  Then in the Center field, choose the center where you want the tab added.  If you want to show the tab in all centers, select “-All-“.  In the Content section, we want to click on Portlets and complete the Type, Column, and Show.  Here I have selected “Custom Portlet”, “Center”, and “Yes”.


Step 5.  Click the “Add” button and you should see you new Custom Portlet listed under Content.

Step 6.  Next you can click on Audience and select who will have access to this Popdock Portlet.  Here I left it set to All.

Step 7.  Click “Save” to add the new tab to your Netsuite menu.  Now return to your home and you should see the new Popdock center tab on your menu.  Go ahead and click on it.  Since we have not assigned a portlet to the tab, it shows this setup page.


Step 8.  In the Custom Content section there is a menu at the right side when you click on the 3 stacked dots.  From this menu, select “Set Up”.


Step 9.  Select your Popdock Portlet from the Source dropdown and then click Save.  This will then assign the Popdock Portlet to the Center Tab and when you launch the tab now, it will show the Popdock widget that you have created as a Netsuite Portlet.


Step 10.  Here’s an example of showing Dynamics GP data inside of Netsuite.



Adding Popdock to a Dashboard:

Now that you have Popdock available as a custom portlet in Netsuite, you can add Popdock anywhere a portlet can be added.  Here is an example of adding Popdock on a dashboard in Netsuite.


Step 1.  On the dashboard you would like to customize, click the personalize link at the top right to see the menu options.


Step 2.  Click the custom portlet button.


Step 3.  This adds the custom contect section in the dashboard and then you have to click on the top right corner of the section to edit the setup.  This is where you choose the custom contect source and choose the portlet you created then click save.  Now your portlet is added to your dashboard.

We would love to discuss more about Netsuite or Popdock with you. Feel free to email for more information.

Leave a Comment


Accessing Your Historical Dynamics NAV Data in D365 Business Central - Part 1: Getting Started
eOne Welcomes Incremental Group as a New eOne iPaaS Integration Partner
Employee Spotlight: Floyd Jones, Front End Developer
NEW WEBINAR: Popdock Onboarding - Fall in Love with Your Data
Employee Spotlight: Calum McGrath, Implementation Consultant


2016 SmartConnect Integration Bootcamps
Tech Tues: Automatically refreshing Pivot Tables in Excel Refreshable Reports
Happy Thanksgiving from the eOne team!
2017 SmartConnect Integration Bootcamps
New Releases of Extender and SmartList Builder



Business Central CRM D365 Business Central Dynamics 365 dynamics crm Dynamics GP Dynamics NAV Econnect Employee Spotlight eone eOne News error Error Message Events Excel Excel Report Builder Extender Flexicoder GP integration Map Meet the Team Microsoft dynamics crm Microsoft Dynamics GP Navigation List Builder Office Relationships Partner All Hands Call Popdock promotions release SalesForce SmartConnect SmartConnect Bootcamp SmartConnect Maps SmartConnect Office Hours SmartList SmartList Builder SmartPost SmartView SQL Tech Tuesday Templates training

Integrate & Automate without Any Code.

SmartList Data has Never Been Faster.

The Easiest Way to Report on GP Data.