Tagboard Producer is a storytelling suite that gives you a cloud-based control room to build your playlist, edit your graphics & themes on the fly, and control every piece of content in real time.

Getting Familiar with Tagboard Producer

There are four main quadrants of Tagboard Producer:

  1. Content Panel: In the upper left quadrant, access your Themes (customized social visualizations), Tagboards of featured real-time content, Smart Panels, and Graphics templates, if applicable.

  2. Output Window: In the upper right quadrant, see a preview of what content is currently live.

  3. Playlist: In the lower left quadrant, drag and drop individual pieces of content to queue them up in a timeline.

  4. Layer Editor: In the lower right quadrant, edit your Themes and Graphics in real-time.

Accessing Producer

To get started, you can access Producer by going directly to producer.tagboard.com. Or if you are on your moderation dashboard, click "display" in the upper right corner.

This will bring up a list of your pre-built Themes to choose from. If you haven't built any Themes, you can get started by clicking here. Click 'Open Tagboard Producer' in the bottom left corner.

If this is your first time visiting Producer, you will be prompted to sign in to your Tagboard account. Once you sign in, you can click "New Production" or launch one of your pre-existing timelines.

NOTE: If you are a team member on multiple Tagboard accounts, be sure to select the proper team from the account dropdown.

Building your Playlist

Tagboard Producer uses a simple drag & drop workflow to queue up content in your playlist. You have four types of content to choose from in your content panel: Themes, Tagboards, Panels, and Graphics.

Themes:

You can drag and drop Themes onto your playlist, or use the '+' button on the right side to add a Theme to the bottom of your Playlist. You also have the option to select to add multiple Themes to your Playlist at once. Search your playlists by title or tag using the search bar at the top.

To delete a Theme from your Playlist, click the three dots on the far right side of your Playlist and select remove.

Tagboards

Once you've loaded Themes onto your Playlist, click the Tagboards tab in your content panel to access your featured social content. Drag & drop individual posts onto a display theme to queue up your story. You can also drag & drop an entire Tagboard onto your theme instead of individual social posts, if you want all content to populate on your display.

Once social posts are on your Playlist, you can customize and reorder your Playlist at any time by dragging & dropping individual posts.

TIP: To get a better look at posts on your Playlist, you can expand the height of your Theme by clicking the arrows on the right side of of the Theme on your Playlist. This will make every post larger and easier to see.

You can also minimize the entire content panel in the upper left quadrant to create more room for an expanded Playlist.

To delete a social post from your Playlist, click the three dots and select remove.

Panels

You can expand your visual storytelling capabilities with Smart Panels to include dynamic, interactive content not found on major social media networks. Panels include options such as Twitter Polls, Hashtag Polls, data-driven Leaderboards, Countdown Clocks, Vimeo, and YouTube.

Once you've created Smart Panels, click on the Panels tab in your content panel. Drag & drop Panels onto your Playlist to queue up your story. You can also edit existing Panels from right within Tagboard Producer by clicking on the three dots on the far right side of the Panel.

Graphics

You can expand your storytelling in Tagboard Producer using Tagboard's cloud-based graphics engine. This unlocks complete control to build customized graphic templates that match the look & feel of your production, plus the ability to edit and produce with those graphics on the fly.

If you don't have access to Tagboard's Graphics Engine but it sounds like a feature that you could make your life easier, reach out to your dedicated Client Success Manager and we'll get you setup!

When you click on the Graphics tab, you'll see a list of your Graphic templates. Haven't created any yet? Get started here.

Drag & drop graphic templates onto your playlist to queue up your story.

To edit your graphics template, click on the graphic on your playlist. This will open that specific graphic in the Layer Editor, but it won't take the graphic live.

TIP: Whatever element in your Playlist is currently open in the Layer Editor will be outlined in blue on the Playlist.

In the Layer Editor, you can update any of the editable fields in your graphics template, such as editing text or uploading a new image. You can also click on the eye to hide or show individual elements of the graphic.

Any changes you make in the Layer Editor are automatically saved. The goal is to save you time (and mouse clicks!), so no need to click save. However, it's important to note that once this graphic is deleted from your Playlist, any edits you've made to the template will be lost.

TIP: If you are creating graphics that you do want to save to reuse even after the Playlist is cleared, choose the 'Saved Graphics' tab in the upper left content panel. Click the blue 'Create' button and select the template you'd like to use. This will add a Saved Graphic to your content panel that you can drag & drop onto your timeline. Saved Graphics will be marked with a blue icon. Any saved graphics can be accessed again by clicking on the 'saved' tab in your content panel.

Producing with your Content

Once you have queued up content on your Playlist, click the 'ON-AIR' camera button to the left of the content you want to take live. The ON-AIR camera button will be red to indicate what element is currently live in your output window. If you want to take an individual social post live, you can also click directly on that post.

You can choose between two master transition options, cut and dissolve, in the upper right corner of your Playlist. Also at the top of your playlist, you'll find the total run time and elapsed time for videos, so you know exactly where you are in your content.

At the bottom of your Playlist, you'll find additional controls. From left to right:

  1. Background Color Picker: Select the background for overlay displays (ie. lower third or side slab). By default, the background will be transparent. If you are using a chroma key, you can change the background to a green screen or any custom color.

  2. Lock your production: Tagboard Producer allows you to produce in real time, even while the timeline is live. When your production is locked, you will be able to advance between existing posts, but you will not be able to add new posts to your timeline or reorder your content.

  3. Audio controls: Mute and un-mute your entire timeline

  4. Loop Timeline: If selected while the playlist is in 'Play' mode, the playlist will automatically restart from the beginning after the final piece of content

  5. Go Back: Go back to the previous post, without auto-playing video

  6. Play: Automatically cycle through your timeline without clicking through posts. Videos will play out entirely before advancing to the next post. You can control the cycle speed for images. When the timeline is in "play mode", the timeline is automatically locked.

  7. Go Forward: Advance to the next post, without auto-playing the video

  8. Clear Playlist: Click to clear all elements on your Playlist. (NOTE: this will clear all Graphics and Themes that have been updated on your timeline)

Making Real-Time Updates while Live

You can access your Layer Editor to make real-time edits to your content, even while you are live. Click on any Theme or Graphic you want to edit, to open that element in the Layer Editor.

In the Layer Editor, you have full control to update everything for a Theme including the Title (seen on your Playlist), the CTA, animation, cycle speed, background color, and background image.

If you make changes to a Theme or Graphic in the Layer Editor while that element is currently ON-AIR , click on Update Live Screen in the bottom right corner to see your edits immediately.

If you make changes to a Theme or Graphic in the Layer Editor while that element is OFF-AIR, there is no need to click save. Your edits will automatically take effect the next time that element is taken live. Note: if you are making changes to a Saved graphic that you want to access again later, you will need to click save changes.

Connecting a Screen

To generate a display URL for your output, click on the monitor button in the upper right corner or Tagboard Producer.

Name your screen (ie. studio main screen or center field display) then click on create display URL. This will automatically create a URL that you can copy & paste into another screen as your live output.

Alternatively, you can connect your screen using a code on your display device. Click on the 'Connect using code' tab. Name your screen and visit tagboard.tv on your display device to generate a custom passcode unique to this screen.

Enter the unique code into Tagboard Producer to automatically connect your screen.

Your connected screens will act as a mirror of the output window you see in Tagboard Producer. Any changes you make to your timeline will automatically be synced with your connected screens. Once your screens are connected, you can control everything remotely from Tagboard Producer. There is no need to refresh your connected screen display.

Tagboard Producer will remember the connected screens, so the next time you are ready to go live just click manage screens to bring the appropriate screen online.

Have questions on how to get your Tagboard story live on your screen? We've got you 💪🏼 Check out our live display technical requirements.

Final checklist before you go live 🎬

  • Check your Internet connection - the faster the better! Tagboard is all cloud-based, so we recommend at least 20mbps

  • Set the computer you are using to run your display to never go to sleep or show the screen saver

  • Enter "do not disturb" mode and disable any popups

  • Chrome is our browser of choice. If you will be using any audio from your display, configure your browser to make sure you get sound. Go to chrome://settings/content/sound. Add these websites to allow audio to play by default: https://live.tagboard.com, https://display.tagboard.com, https://producer.tagboard.com

  • Enter fullscreen mode so you don't see the toolbar. Click "View" in the top toolbar, then "Enter Full Screen". Make sure the option to "Always Show Toolbar in Full Screen Mode" is not checked.

  • Have a great show!

Have additional questions? Contact your Account Manager directly or email Support@tagboard.com.

Did this answer your question?