How to display your TINT board

In this article, we will cover:

• What we recommend to display your TINT board
• How to display your TINT board through the TINT editor
• How to preview a Website Embed personalization? 
• How to remove the Click to enable full-screen button

To display your TINT board, you’ll need a display screen, and an internet-connected device that is connected to your display screen. The most simple and effective setup is a laptop computer that is connected to the internet (preferably hard-wired by ethernet), which has a secondary screen connected via a HDMI cable or displaying it via a Chromecast. Click here on how to display your TINT board on your Chromecast.

What we recommend to display your TINT board 

• A hard-wired internet connection will always be more stable than wifi. Whenever possible, use a hard-wired internet connection for the device you’ll be using to connect to your display screen.
• We recommend a minimum of 5Mb/s download speed on your internet connection.
• Make sure that you have at least 20 public posts on your TINT board before displaying it. Having less content on your TINT board when you display, it will likely result in performance issues and blank space.
• Use an up-to-date web browser to display your TINT board. TINT relies on modern HTML5 and CSS features to be displayed correctly.  Proprietary web browsers, like those that are built into Smart TVs, likely won’t render a TINT board well as they are not updated very often unlike your standard web browser.
  • Compatible version of web browsers:
    • • Edge: 84+
      • Firefox: 78+
      • Safari 14+
      • Chrome 72+

How to display your TINT board through the TINT Editor

You can display directly through the TINT Editor by clicking "Display" on the bottom left-hand side of the page:

1. Select or search for your personalization on the right hand side panel.  Different personalizations will give you different options. The display options are
         * Signage
   If it’s an old personalization before hyper personalization, then it will ask you to choose Website Embed or Signage Display as in the picture below.  For displaying your TINT board, choose Signage Display.
   
2. Then click next
3. Here it will give you three options, Standard Connection, Chromecast and TINTmix.

• Pick Standard Connection for the URL version of your board, follow the instructions and click Open In New Tab
• Pick Chromecast if you want it directly beamed to your Chromecast, follow the instructions and click on Open In New Tab  
• Pick TINTmix if you want to create a TINTmix with this TINTboard. Do this, click on Create TINTmix.

For the Standard Connection option, your TINT board will be displayed in a new browser tab. The URL you see is a static, public URL for your TINT board, so feel free to save it for easy recall later. It will look something like this:

https://www.tintup.com/t/my_event_tint?personalization_id=830628&fullscreen=true 

If you’re displaying to a secondary screen using an HDMI cord, simply drag the TINT board to the other screen, and select "Click to enable full screen":

Your TINT board will be displayed in a new browser tab. The URL you see is a static, public URL for your TINT board, so feel free to save it for easy recall later. It will look something like this:

https://www.tintup.com/t/my_event_tint?personalization_id=830628&fullscreen=true

If you’re displaying to a secondary screen using an HDMI cord, simply drag the TINT board to the other screen, and select "Click to enable full screen".

How to preview a Website Embed personalization? 

If you want to preview on how your TINT board looks when you have an Website Embed Personalization, do the following:

1. Select or search for your personalization on the right-hand side panel and select your Website Embed personalization.  These Website Embed personalizations are

• Website Embed
• Mobile App
• Live Event
• Shoppable Instagram

2. Click Next
3. Fill in General and Advanced Filters to style how you want your TINT board to look
4. Click open the Embed code option and click on Open in New Tab

The link will look something like this depending on which options you pick in General and the Advanced Filters.

https://www.tintup.com/app/tints/article_board/preview?id=article_board&personalization_id=1084650&expand=true&infinitescroll=true 

How to remove the Click to enable full-screen button

If you’re using your own digital signage software, and can’t remove the Click to enable full-screen button, you can remove the button by deleting the last URL parameter at the end of your TINT board’s public URL (&fullscreen=true). Your TINT board’s URL would then look something like this:

https://www.tintup.com/t/my_event_tint?personalization_id=830628

If you’re wondering how your TINT board may look at your event, make sure to click here to view a few examples. 

If you have any questions or concerns regarding displaying your TINT board, please don’t hesitate to contact Technical Support at support@tintup.com.