How to display the World Clock app for digital signage with Fugo CMS

A good way to create an international feel in your workspace and bring your worldwide teams closer together is to display world clocks. Fugo's World Clock app can help you manage your far-flung team members, no matter where they are in the world, by keeping up with the time in several different locations.

You don’t have to Google “time in New York” ever again.

Your World Clock dashboard is remarkably easy to set up and customize. On top of that, our app offers some really neat features for personalization.

With Fugo’s World Clock app you can:

  • Choose from 150 languages to set your clock to

  • Display multiple clocks (by selecting multiple cities)

  • Switch between analog and digital clock formats

  • Arrange multiple clocks into rows manually (or select the ‘auto’ option, which will arrange your clocks in an optimal layout automatically)

  • Choose to show or hide seconds

  • Switch between 12 and 24-hour formats (for digital clock format)

  • Add your own background image

Here’s how to get started

Note: there are two ways to add content with Fugo - via our playlist builder and in our design studio. We’ll cover the steps for both methods in each section.

1. Using the playlist builder

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

1.2 Click Apps in the top navigation bar to get to our app store.

1.3 Scroll to find the Timezone app in the store. To find it even faster, you can search for it via the search bar at the top of the store.

1.4 Click Try App to create a new playlist with the app.

1.5 A window will appear where you can customize the app’s settings.

1.6 First, select your language.

1.7 Next, select the cities you want to display the time for by clicking Add Cities.

1.8 Choose whether you want your clocks to display in analog or digital format.

1.9 If you’re adding more than one clock, Fugo automatically optimizes their format for your screen. But if you want to set this yourself you can choose how many rows to format them into from the drop-down menu under Rows.

1.10 Next, choose whether you want to display the time in 12 or 24-hour format and whether you want to display the seconds.

1.11 Next, set the app’s duration (this refers to how long an app will play inside a playlist.)

1.12 If you want to customize your clock’s appearance further, you can add a background image or change the background color.

1.13 Finally, you can turn on Ken Burns animation for a subtle background effect.

1.14 Once you’re all done, click Save Changes in the bottom right corner.

To continue on to publishing instructions from here, you can skip to section 3: build out your playlist.

2. Using the Design Studio

2.1Click Studio in the top navigation bar. Then click Create in Studio to start a new design.

2.2 This will open up a blank canvas for you to start adding content to! To add the Timezone app, either scroll to find it in the Apps menu to the right or search for it to find it faster.

2.3 Drag and drop the app onto your canvas from the menu. Or simply click on it and it will be added to your current slide.

2.4 You can drag the sizing handles of the app around to change the size. Make it smaller so you can split your screen and add other content, or make it full screen - that’s totally up to you!

2.5 Customizing the World Clock app settings works the same way in the design studio - all settings will be found in the panel to the left. To bring up the panel, click on the app from the canvas.

You can continue to customize your content however you wish in the studio! Add media from one of our integrations, add stickers, use frames to create unique media stylings. Add slides with extra or duplicate content. You can even split your screen into zones and add a clock in each one.

In my example, I've customized Fugo's Daily Dashboard template to include a small, transparent World Clock app tile across the top of the screen.

2.6 When you’re satisfied with how your content looks, click Save and Close. This will close out the design studio. To publish this content, you’ll need to add it to a playlist, which we’ll cover in the next section.

3. Build out your playlist

Note: If you want to add content you created in the studio to a playlist. You’ll need to navigate to the Playlists page by clicking Playlists in the top navigation bar and Create Playlist to start a new playlist.

3.1 Give your playlist a name (we suggest making it something relevant to distinguish it from other playlists later on down the road.)

3.2 Click Select Screens to choose where to publish your playlist.

3.3 You can also add more content to your playlist by clicking Add More Content and choosing other apps, uploading media, or from the content that you created in the studio.

I want to add the content I created in section 2 above, so I'm going to find it by clicking Studio Content and searching for it in my content library.

3.4 When you've selected all the content items you want to add to this playlist, click Add Items in the bottom right corner.

3.5 Finally, you can change the schedule of your content by setting the start and end date and clicking Week Schedule to edit the days and times your content will run.

3.5 Once you’re all done setting up the playlist, click Publish in the bottom right-hand corner of the screen to publish or schedule your content.

3.6 If you don’t want to publish just yet, you can click Finish Later and come back to your playlist at any time.

And there you have it! If you find yourself still scratching your head, you can contact our team for help any time at support@fugo.ai.

Did this answer your question?