Create customized dynamic visualizations to tell your story with real-time social content.
Social Displays [previously "Themes"] offers a visually appealing way to showcase real-time social content on any connected screen. To access Social Displays, simply
- Select "Social" on the left nav menu from your Creator Workspace
- Followed by choosing "Displays" from the tabs towards the top left
If not in your Creator Workspace, access Social Displays by
- Clicking the product menu [top left in the mega menu]
- Selecting "Social"
- Followed by choosing "Displays" from the tabs towards the top left
Creating a New Social Display
To create a new Social Display
- Click on "+ New Theme" in the top right corner within Social Displays
- Select "From Scratch"
- Choose a Social Display type [outlined below]
- Click "Create" to open your display in the builder to begin customizing
Social Display Types Explained
There are currently 9 theme layouts available for you to choose from. Each layout has its own unique features and style. By selecting a layout, you can open the Theme Builder to customize and edit your theme according to your preferences.
Type | Post(s) Displayed | Description |
Isolated | Single | Show a single post at a time, with a customized background, header, and sponsor or company logo |
Lower Third | Single | Keyable display optimized for broadcast and live streams with responsive text for the lower third area of the screen. |
Lower Third Scroll | Single | Similar to Lower Third, text in this layout scrolls up and down, ideal for viewers on second screens. |
Cinematic | Single | Fullscreen display for media |
Ticker | Single | Keyable text display for broadcast and live streams. |
Grid | Multiple | Multi-post display with customizable grid options for media posts. |
Waterfall | Multiple | Multi-post display for media and text that runs to the bottom of the screen. |
Carousel | Multiple | Multi-post display in vertical or horizontal carousel. |
Mural | Multiple | Multi-post display that will stitch together all of your social content into one cohesive mural |
Customizing Your Social Display
Once you have selected your Social Display type and are in the builder, you will see tooltips in each section when you hover over the "?" icon. These tooltips provide information about the purpose and intent of each section. Thus making it easier for you to customize your theme quickly.
Theme info
Allows you to give your design a title for easy future reference. You can also preview your theme layout by applying a tagboard, which showcases the real-time social content you have curated.
Styles
Upload your background image and add your sponsor or company logo. You also have the option to customize the font style and color of your call-to-action text as well as the text.
By clicking on the "+" icon next to each section, you can access dropdown options to make edits and further customize your design.
Note
Multiple post displays [Grid, Waterfall, and Carousel] have additional style options. A QR Code can be inserted into the design using a toggle on/off feature.
Animation
This section controls the frequency at which your real-time content transitions between posts ["cycle speed"]. You can also control how the posts animate from one to the next.
CSS
More personalized visualization that goes beyond the standard options available in the builder. Our design team is here to help with any custom requests you may have. When creating visualizations, it's important to adhere to the social network's redisplay requirements. However, beyond those guidelines, there are endless possibilities for design creativity.
If you have previously collaborated with our team to create personalized visualizations, the CSS section is the designated area for applying those customized Snippets to your Social Display.
Select 'add snippets' to access a tailored dropdown menu personalized for you. Here, you will find a collection of custom designs created by the Tagboard team within your account. Choose the specific look you wish to apply to your Social Display from this selection.
When you choose a Snippet, you're adding personalized code to your design. Snippets are versatile and can be used to customize Interactive content, Social Displays, and Graphics. For Social Displays, make sure to select a Snippet created specifically for that Specific Social Display to ensure the CSS functions correctly.
It's worth noting that you have the option to remove a Snippet, which will delete the custom code from your design.
Tags
Utilized to help you easily find designs as more and more are created. Tags are searchable from the Social Displays menu.
Save
Remember to save [upper right corner] once you're done or along the way!