How to Create a Popdock Widget

Published: Sep 01, 2023

How to Create a Popdock Widget

Published: Sep 01, 2023

Popdock widgets enable you to take the data from your connector and integrate the list or graph into the applications that you use daily.  A single list/graph or multiple lists can be assigned to a widget which creates a link that allows you to embed your widget into an html page or customizable application.

Be sure to create a list, customize it to how you like it to be seen, and then save it as a favorite to assign it to the widget you are creating, or you can choose from the default lists.

How to create a widget

1.  From the main menu, select Widgets.

image 35

‍2.  Select Add widgets and then select the type of widget you want to create.

image 36

‍Form widgets and widget groups can be created by selecting them from the navigation pane.

image 37

 

Cards – Displays the data grouped in a card format with the data organized vertically. 

image 38

  • Form – Provides interface to run an action.
64efa0013093d138b7612b2d 0e127e7e
  • Image – Displays images in an application without needing to download.
  • Multiple Lists – Allows you to assign multiple lists to your widget either in custom groups or directly in a list. 

image 39
  • Search – Allows you to complete a text search for values within selected fields of a list.

image 40

  • Shipping Details – Shows shipping details of a tracking number for a shipping carrier.

image 41

  • Single List– Displays a single list/chart.
6307d9d470b36134f9758ed3 widget single list

  • Single Record – Similar to a Cards widget, but in combination with adding a parameter, you can display a single record for specific data.  For example, information about a Vendor.

image 42
  • Summary – Allows your widget to display the summary data of a list.  
image 43
  • Widget Group – Allows you to add a widget or multiple widgets to a sidebar and pass a parameter through the Widget Group Widget and that parameter will flow through to all the widgets within the group.

64efa2386dbf44f03740b0eb 621b6087

This example uses a single default list for Zendesk tickets. So, the widget will use a Type of Single List. You can then complete the Connector, Group, List, and Favorite for the list.

image 44

 

4.  Select Options from the left navigation, then select which options to apply. In this example, the widget will use the show columns, show filter, and show search options. Users that have access to this widget will be able to perform those actions on their own version of the list.

image 45

 

Learn how to use Parameters in your widgets to filter data being passed through by visiting the following Help article: Utilizing Parameters in Popdock Widgets.


Embed codes for widgets

This completes the required steps needed to create a Popdock widget. Select Preview in the left navigation pane to see how the widget will look when embedded.

Select Embed codes in the left navigation to see your embed codes. You can set the Type to Link, Widget ID, or IFrame and then copy the Code to display your widget on another webpage or inside an application.

image 46

For information on how to embed a widget in other applications, see the article below:

How to integrate a Popdock widget as a custom tab in Salesforce



Questions on widgets? Email support at support@eonesolutions.com

Content
How to create a widget Embed codes for widgets

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

Reset Filters