Social
      Back to home
      1. Knowledge Base
      2. Create
      3. Social

      Social Displays 101

      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

      1. Select "Social" on the left nav menu from your Creator Workspace
      2. Followed by choosing "Displays" from the tabs towards the top left

      Accessing Social Displays 1

      If not in your Creator Workspace, access Social Displays by

      1. Clicking the product menu [top left in the mega menu]
      2. Selecting "Social"
      3. Followed by choosing "Displays" from the tabs towards the top left

      Accessing Social Displays 2

      Creating a New Social Display

      To create a new Social Display

      1. Click on "+ New Theme" in the top right corner within Social Displays
      2. Select "From Scratch"
      3. Choose a Social Display type [outlined below]
      4. Click "Create" to open your display in the builder to begin customizing

      Creating New Social Display

      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.Theme Info - Social Displays

      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.Styles - Social Displays

      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.

      Styles 2 - Social Displays

      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.Animation - Social Displays

      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.CSS - Social Displays


      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.Add Snippets

      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. Remove Snippets

      Tags

      Utilized to help you easily find designs as more and more are created. Tags are searchable from the Social Displays menu.Tags - Social Displays

      Save

      Remember to save [upper right corner] once you're done or along the way!