TINTmix

In this article, we will be looking at: 

• TINTmix Overview
• How to create a TINTmix
• How to change the name of a TINTmix
• How to change the Layout
• How to add content
• How to edit the style of a zone
• How to display a TINTmix

TINTmix Overview

Social media is just one part of your overall content marketing strategy. TINTmix gives you the power to combine TINT with other digital assets (images, videos, URLs) all in one display. The ability to mix in advertising, sponsorships, and other content makes TINTMix one of the world’s first Dynamic Content Management Solutions (DCMS).

Here’s a few examples of TINTmix utilizing several digital assets at once:

Click here to view the full TINTmix live on your own screen.

 

There are three major elements of TINTmix that you’ll want to be familiar with before starting:

1. Layouts - Each Scene you create has a fixed Layout. There are a multiple of different layouts you can choose.

2. Scenes - A Scene is comprised of individual elements called Content

3. Content - Content are elements that are added to Zones. Content items can be:

• TINT Board
• URL
• Image
• Video
• YouTube
• Vimeo
• Facebook Live
• Twitch

 

How to create a TINTmix

To add your TINTmix, go to the TINTmix icon on the left hand side and click "Add a TINTmix" button.

This will load the following view and will automatically load scene 1 and the layout zone is set at 1.

 

How to change the name of a TINTmix

Click on the Untitled mix in the TINTmix or click on the ...  > Rename Mix in the list of the TINTmixes 

 

How to change the Layout

To change the Layout for Scene 1, click on Change Layout and then you would be able to choose from the following options. In order to optimize performance of TINTmix, there is a limit to the number of images, media, and TINTs that can be added to the mix so the maximum zones you can set it to is 3.  When using our API to build a TINTmix, you can choose to have as many zones as you like. If you want to visualize how the zones would look, use CSS grid template to get a better idea and have a play around.

How to add content

To add your content, click on "+Add Content" button and this should bring up the following options. Note: You can upload up to 100 images and 20 videos now.  If you are running the TINTMix on older hardware or hardware with limited resources and you run into performance issues, please try and reduce the number of images/videos to improve your experience. 

 

These are all the options that you will see each Content selection:

 

TINT:  Select TINT - Pick which TINT you would like to display Select Personalization - Choose which personalization you would like the TINT to have Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color
URL: Enter website URL - Type or copy the URL you want to use Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color
Image: Image Preview - This is where you will be able to see the image once it's uploaded Fit - the zone will fit the image, keeping its original aspect ratio. Fill - the image will crop to fill the zone Upload an Image - Click here to upload your image Remove Image - the button to remove the image you have uploaded Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color
Video: Video Preview - This is where you will be able to see the video once it's uploaded Fit - the zone will fit the video, keeping its original aspect ratio. Fill - the video will crop to fill the zone Upload a Video - Click here to upload your video Remove Video - the button to remove the video you have uploaded Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color
YouTube: Enter YouTube URL - Type or copy the YouTube URL you want to use Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color
Vimeo:  Enter Vimeo URL - Type or copy the Vimeo URL you want to use Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color
Facebook Live: Enter Facebook-Live URL Type or copy the Twitch URL you want to use - Type or copy the Facebook Live URL you want to use Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color
Twitch:   Enter Twitch URL - Type or copy the Twitch URL you want to use Content Label - type in what you want to label the content Duration (Seconds) - type in how long the content will be displayed for Background Color - type in the hex code to change the background color

 

To add another scene, you have two ways of doing this.  Click on the "+Add Scene" or you can click on the sign at the bottom of an already existing scene.

 

How to edit the style of a zone

Editing a Content by clicking on dark grey bar

Deleting an Item by hovering over the dark grey back to reveal the trash icon

Changing the Duration without going into the Editing a Content menu by click on the down arrow next to the time. 
Rearranging the order of the Content Items by simply drag and dropping in the same zone or even moving it to a different zone.

 

How to display a  TINTmix

When you’re ready for your TINTmix to be viewed click "Display" on the upper right-hand side of the screen, and then "View in New Tab". A new browser tab will open. The URL you see on this tab will be a static URL that you can share with others.

If you’re using Chromecast you can click "Display", and then "Cast to Chromecast". For more on Chromecast, click here.

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