All Collections
TV Dashboards
How to Share a Salesforce Dashboard to Your Digital Signage Screen
How to Share a Salesforce Dashboard to Your Digital Signage Screen

Wondering how to display your Salesforce Dashboard on your digital signage? Here’s a guide to help out!

Sarah avatar
Written by Sarah
Updated this week

Table of Contents


Make the most of your CRM by displaying your Salesforce dashboards on your workplace screens

Salesforce is a huge name in the Customer Relationship Management (CRM) space. It offers so many solutions and integrations for all of your departments that it can easily make your head spin! However, that complexity makes it one of the biggest and most widely-used business analytics solutions on the market, being used by companies like Aston Martin, Ulster Bank, and Virgin Media.

With such advanced capability at your hands, it only makes sense that you’d want to make the most of that. You can create a dashboard to monitor your business performance and visualize how you’re doing — and how you could be doing better. When you integrate your Salesforce Dashboard with Fugo CMS, you can empower your teams and key players to make critical decisions based on the data that you’ve put in front of them.


Fugo TV Dashboards & your Salesforce dashboard

With the TV Dashboards feature inside Fugo CMS, you can easily and securely connect your digital signage with your Salesforce dashboard. You can quickly display your dashboards on the screens around your workplace without even having to leave your desk, and you can do it all without having to risk any of your sensitive business data by keeping your Salesforce credentials on an external device that can be lost, remotely accessed, or stolen, and without having to create a URL that just about anybody can come along and view.

Fugo handles the integration with third-party dashboards in a pretty unique way; recording the steps you take during the login process, encrypting them, and keeping them on a private Cloud server. Then, when Fugo fetches your most recent dashboard, the Cloud server runs through those steps, encrypts a screenshot of the dashboard, and sends it back to your CMS. This means your access credentials and business analytics are kept safe and sound from anybody trying to snoop on them.


Best practices for using Salesforce with Fugo

We’ll get to the walkthrough in just a second - but first, let’s go over a couple of best practices that we recommend following whenever you’re connecting any third-party dashboard service with your Fugo CMS account:

1. Create a service account:

We've worked hard to develop the TV dashboards feature so that your sensitive data is completely secure. But as an extra precaution we highly recommend using a 'least privileged' service account when setting up your dashboards - this is usually an account that has read-only permissions for the dashboards you want to display on your screen(s.) You can read more about how to set up a service account with Google here.

2. Have your dashboard URL(s) handy

Because Fugo is going to record & repeat the steps you take to access your dashboard, we want to eliminate any unnecessary steps in the process that will slow Fugo down when accessing your dashboard, such as starting from the homepage of your platform and navigating to your chosen dashboard.

You'll need the URL of your specific dashboard that you want to display on screen ready when you start the process of capturing it with Fugo. Copy that URL and have it ready to paste into Fugo's dashboards step recorder.

3. Set your Salesforce password expiration policy to "Never expires"

You may notice that your dashboard fails to capture when you are prompted by Salesforce to change your password - this is because Fugo can not bypass this prompt. If frequently expiring passwords are an issue blocking the stability of your TV dashboards in Fugo, you may want to update your password expiration policy so that your password never expires - this way you can avoid having to recapture your dashboards in Fugo after each time you've changed your password. You can find Salesforce's instructions for that in this guide.


Connect your screens to a Fugo account

1. Log into your Fugo Account. If you don’t have an account yet, you can start your 14-day free trial here.

2. Make sure your screen(s) are connected to Fugo CMS. If you haven’t connected your screen(s) yet, you can find the instructions for your preferred device in our hardware collection.


Connect your Salesforce service account to 2FA authentication

For Fugo to access your Salesforce account in a secure and stable way, you will need to set up a 2FA One-Time Password Authenticator app for your Salesforce Service account (see instructions below 👇 ) to generate an alphanumeric code called a secret key that allows Fugo to act as a trusted authenticator into your Salesforce account.

You'll use this secret key later when prompted to paste it into Fugo after capturing your dashboard.

How to set up a 2FA One-Time Password Authenticator app & get the secret key

  1. Go to Advanced User Details under My Personal Information in the right hand pane of your Salesforce account.

  2. Next go to App Registration: One-Time Password Authenticator and click Connect.

  3. Now you need to verify your identity in order to connect a one-time password generator: At this stage you should receive an OTP code on your email. Enter the code in the box below and click verify.

    Salesfore TV Dashboard Configuration 2Fa

  4. Follow the instructions on the next page to complete the authenticator app setup. Click on the I can't Scan the QR Code link in order to get the Secret Key.

  5. On the final page you will see the Secret Key. First copy and securely save the key somewhere, and then enter the verification code generated by your newly set up authenticator app into the corresponding box. This should complete the Authentication App connection setup.

🌟 Paste the secret key in Fugo later

Now that you have the secret key from your Salesforce account, you'll be prompted to paste it in Fugo TV Dashboard as shown in step 14 of the next section so that Fugo can securely 2FA authenticate with your Salesforce account.


Configure your Salesforce dashboard in Fugo

With your secret key saved, you're ready to connect your dashboard in Fugo!

1. Click Dashboards in the top navigation bar to go to your Dashboard library. If you have not created any dashboards yet, this page will be empty.

Click Create Dashboard to get started.

2. This will launch a New Dashboard window.

3. First, you’ll need to enter the URL of your Salesforce dashboard in the URL field and click Open Dashboard

4. If you're creating a TV Dashboard for the first time, you'll be prompted to configure your Chrome browser to allow our recorder extension to run in incognito mode.

If you’ve done this before you can skip to step 11.

5. First, you'll need to install the Fugo Dashboard Recorder Chrome Extension.

6. This will open the Chrome Web Store in a separate tab. Click Add to Chrome to install the extension.

7. Go back to your tab with Fugo CMS. You will see a little blue checkmark on this step once you complete it.

8. Now you'll need to enable the extension to run in Incognito mode. Click Enable Allow In Incognito.

9. This will open the Extensions manager. Toggle on the Allow in Incognito option.

10. Back in your tab with Fugo CMS, you'll see both blue checkmarks now completed. Click Continue.

11. A pop-up window with our recorder will appear and prompt you to log into Salesforce. Enter your login credentials as you normally would.


12. Enter the verification code generated from your authenticator app.

13. Once you’re signed in to your service, your dashboard will load. It's at this point that you'll instruct Fugo how to take the screenshot of your data. You have three options:

Option 1: Capture Dashboard

Clicking Capture Dashboard will take a full screenshot of everything in your dashboard.

Option 2: Element Eraser

Use the Eraser tool to get rid of certain elements on your dashboard that you don't want crowding your screenshot.

💡 Make sure to hit Finish Erasing when you're done.

Option 3: Element Screenshot

Use the Element Screenshot tool to take a screenshot of isolated elements, such as particular charts or graphs, that you want to display.


💡 You have to be a bit careful when selecting an element of the page with this tool: it might not always be intuitive. We are still working on a better way to implement capturing dashboard elements in the future. If this is a priority for you, please get in touch with us at support@fugo.ai.

If the element capture feature isn't working with your dashboard, don't worry - you can always use the cropping tool in the Design Studio to achieve the same isolation of the element. Check out how here.


14. You'll be prompted to enter your secret key before the recorder can stop recording and try to fetch your dashboard using the steps it’s logged.


15. You’ll see a “loading” screen while Fugo runs through your steps (logged in the right-hand panel) and captures a preview of your dashboard. It can take some time depending on how many steps were involved - so don’t sweat it if it takes a minute or two!


15. Voila! Your dashboard should appear in the preview area.

💡 Note: If you see an error message you can read the reason for the error and see the screenshot of the last step where the recording process failed.

💡 Note: If you see a “loading” screen inside the preview area instead, we recommend you navigate over to the Advanced Settings tab and use increase the number in the “PAUSE” box before coming back to the Home tab and selecting Retry on the right-hand side. This tells the Fugo recorder to wait before taking a screenshot, giving your dashboard plenty of time to load in!

You can find more helpful tricks in the Advanced Settings section here.

16. If it all looks good, you can go ahead and publish it, or save it for later using the Publish or Save buttons in the bottom right corner.

You can publish it directly by choosing a screen, screen group, channel, or playlist to publish to.

💡 Note: a dashboard screenshot won’t be updated until it’s published to a currently active screen. So if you're seeing that your dashboard isn't being refreshed, double check to make sure it's published to an active screen.

In essence, our system does not capture dashboards that aren’t being viewed. This helps us ensure efficient use of our dashboard service 🙂


How to connect a Salesforce dashboard using Google SSO

If you are using a third party tool such as Google SSO to access Salesforce, you'll need to follow our guide on how to set up a Google Service account and Google 2FA to allow Fugo to access your Salesforce account.


Advanced dashboard settings & troubleshooting

In order to help your dashboards connect & display correctly, you'll find a few helpful settings in your dashboard's Advanced Settings tab:


Pause: Tell Fugo how many seconds to wait before taking the screenshot of your capture. This is helpful if your dashboards is slow to load & you frequently see loaders in your screenshots.


Scroll: Tell Fugo what Pixel length to scroll to on screen. This is helpful if you have particularly long dashboards that get cut off at the bottom of the screen.

Memory: Some memory intensive dashboards will need to be captured on a higher memory server in order to run & display successfully. If you're noticing that the system is failing to capture your dashboard, try setting this option to High.


Re-use cookies: Because some platforms flag multiple authentication requests as suspicious, you may start to notice that your dashboard is not being accessed & captured. To help make sure this doesn't happen, we recommend toggling on the Re-use cookies setting so Fugo can re-use the cookies from the first authentication request.



Customizing your dashboard display In the Design Studio

💡 Note: In our example images below, we use a Tableau dashboard, but the cropping & customizing features can be used with your Salesforce dashboard, or any other dashboard you save to your Fugo account.

Cropping your dashboard

Not all dashboards are necessarily screen ready or "screen friendly" as we say at Fugo. Some may be quite long, have several small elements that aren't visible from a distance, or overwhelm the viewer with too much data at once.

You can use the cropping tool in Fugo's Design Studio to crop dashboards into more digestible pieces or otherwise satisfy your requirement for displaying it nicely on screen.

Here's how:

1. Add your dashboard to the canvas on your slide from the Dashboards library in the left hand panel.

2. We suggest zooming out a bit to give you more space to work with when cropping. There is a zoom setting in the top navigation bar, and you can also use the trackpad on your laptop to zoom in & out.

3. Select the crop icon from the top tool bar.

This will reveal two crop box outlines around your dashboard that enable different cropping functions.

The blue crop box can be used to crop out elements of your dashboard & set the frame for the image:

The purple crop box can be used to stretch and shrink your dashboard image and move it around to set its position within the frame:

Cropping is a great way to make your dashboards more digestible on screen without reconfiguring them or saving new dashboard views inside your data platform!

Check out the slideshow we created, showcasing each cropped chart individually 👇

Customizing your dashboard display

You can use any content source or setting available inside the Design Studio to further customize your dashboard display!

Just a few ideas are:

Add your company logo to your dashboard slides:

💡 Hint: You can easily upload your company logo to Fugo from right inside the Design Studio! Just drag and drop it onto your canvas or into Uploads in the left hand settings panel.

Incorporate other apps & integrations into the display, such as the World Clock app or CNN app to grab attention with live updating headlines:

💡 Hint: Each app can be configured in the settings panel that appears when you select the app. In our example above ☝️ we've cropped the World Clock app and given it a transparent background to better fit into the display. We've also added the CNN app at the bottom of the canvas and set its colors to match our brand.

Add QR codes to your display to create calls to action for your colleagues pertaining to your dashboards or workflows:


Add text boxes with important messages, reminders, or requests pertaining to your dashboards or data initiatives:

💡 Hint: You can easily create scrolling ticker texts using the animation settings in the left hand panel. Just make sure set the width of your text box to match the dimensions of the screen you'd like it to crawl (in our example above ☝️ we fit our text box to the width of our screen.)


Salesforce dashboard design tips

When it comes to business intelligence dashboards, especially ones that can potentially get as complex and in-depth as Salesforce dashboards, there are a few important things to consider that can help elevate your dashboard and make it really helpful. On top of that, there are extra things to think about when displaying a lot of information on a screen that’s far away from your intended viewer, or isn’t directly within their control.

So, here are a few things to bear in mind when building your dashboard:

  1. Clarity is crucial. The people viewing your dashboard are most likely going to be across the room from the screen - which means they’re going to need to squint if you’re cramming information in. Nobody can use all of the data you’ve worked to compile if they can’t read it, so it’s best to round your numbers to the fewest number of decimal points possible, keep plenty of space in your layout, make sure your fonts are big enough to be read without causing headaches or eye strain, and try to use colors that don’t clash.

  2. Only use your key metrics. Before building out a dashboard, sit down with the team or the people that will be viewing it and using it to understand how they’re performing and figure out exactly what information they need to see. This can help to give them some control over what they’re viewing, something that’s important if they don’t have direct access to filter or update the dashboard themselves. It also means that your dashboard is always useful - it’s easy to go back and update a Salesforce dashboard, and have those updates show through Fugo, so don’t worry about re-evaluating what metrics you’re using after a week or so!

  3. Guide the eye. When you’re creating your layout, see if you can figure out what information is the most important and have that display bigger than the other information. For instance, if you’re creating a sales dashboard, you might want to display a figure like “Profit compared to last month” in a prominent place on the screen, and in a bigger font. This gives a neat summary of what the dashboard is showing and implies a hierarchy of the information which can help your team make sense of what they need to take a look at. Use colors, font sizes, and positioning to help your team understand quickly where they need to look.

Salesforce has amazing and comprehensive documentation for its platform. We think a good place to hop in to their Dashboard documentation is their “Build a Dashboard” guide, which you can click here to view.


Need more help?

Did this guide answer all of your questions? If not, or if you have any feedback for us, feel free to drop our support team an email at support@fugo.ai - we're always happy to help out.

You can also book in a dashboard support call with our engineering team here if you need some help getting this feature set up.

Happy publishing!

Did this answer your question?