Introduction
This article is intended to provide Clients reference information about the types of Tiles available in SmartHub Builder. Provided below are details such as the sizes of Tiles which are available, whether a Tile can be segmented, and information about how each type of Tile works.
Background
When you access SmartHub Builder, there are a number of pre-defined Tiles available for you to add into any Layout.
See this article if you need to learn how to get started creating SmartHub Layouts first: How to Open SmartHub Builder and Start Creating Layouts
Tiles and Sections
Tiles are separated into the Sections they are in on the SmartHub Builder. The Sections are:
- Simple
- Mixed Content
- Retail
- Social & News
- Special
- Feedback
- Recognition
See the relevant header below to see which Tiles are available in each Section.
Simple
Text
| Available sizes | All standard sizes |
| Supports Tile Segmentation? | Yes |
| Can be linked to | Pages on the site, external URLs, downloadable files, email addresses |
| How to use this Tile type |
Font type, color and size are fixed, as is the white background. You can change the style of the text (e.g. bold, italics, underlined) and add hyperlinks to it. You can change the text of the green button, or remove it altogether. |
Image
| Available sizes | All standard sizes |
| Supports Tile Segmentation? | Yes |
| Can be linked to | Pages on the site, external URLs, downloadable files, email addresses |
| How to use this Tile type |
Upload an image to your Tile. You will then be able to zoom in or out, or move it within the space. The image can be anything you want; a photo, an illustration, or even branded artwork! If you want text to appear on the image, you will need to add it offline, before you upload the file to your hub. Make sure you use an image with size and orientation that are suitable for the Tile size you want (e.g. avoid uploading a horizontal image to a 1x2 Tile). Upload image files at the highest resolution available - maximum file size is 5MB. |
Video
| Available sizes | No vertical sizes |
| Supports Tile Segmentation? | Yes! You can show different videos to different user groups |
| Can be linked to | n/a |
| How to use this Tile type |
Pick your video from your computer, or copy and paste a link from a hosting site (YouTube, Vimeo, DailyMotion, and Wistia). Livestreaming can be achieved by using a hosting site and pasting the link in the video Tile. When you upload a video, you can choose which frame to use as a preview and include call to action text with a link at the end. Supported video formats for uploaded videos include: MOV, MPG, AVI, MP4, WMV, MKV, DIVX and the maximum video file size is 2GB. |
Mixed Content
Image & Text
| Available sizes | All except 1x1 |
| Supports Tile Segmentation? | yes |
| Can be linked to | Pages on the site, external URLs, downloadable files, email addresses |
| How to use this Tile type |
Upload an image to your Tile. You will then be able to zoom in or out, or move it within the space. The image can be anything you want; a photo, an illustration, or even branded artwork! Hover over the bottom of the image with your mouse to make the image larger and the text area smaller. |
Icon & Text
| Available sizes | All standard sizes |
| Supports Tile Segmentation? | Yes |
| Can be linked to | Pages on the site, external URLs, downloadable files, email addresses |
| How to use this Tile type |
Font type, color and size are fixed, as is the white background. You can change text style. You can change the text of the green button, or remove it altogether. You can change the color of the icon to one of your brand colors. You can also remove the copy text, and have a Tile with a title, icon and green button. |
Video & Text
| Available sizes | No vertical sizes. Not available as 1x1 |
| Supports Tile Segmentation? | Yes! You can show different videos to different user groups |
| Can be linked to | n/a |
| How to use this Tile type |
Font, color and size are fixed, as is the white background. You can change text style. Pick your video from your computer, or copy and paste a link from a hosting site (YouTube, Vimeo, DailyMotion, and Wistia). When you upload a video, you can choose which frame to use as a preview and include call to action text with a link at the end. Supported video formats for uploaded videos include: MOV, MPG, AVI, MP4, WMV, MKV, DIVX and the maximum video file size is 2GB. |
Background Image
| Available sizes | All standard sizes |
| Supports Tile Segmentation? | Yes |
| Can be linked to | Pages on the site, external URLs, downloadable files, email addresses |
| How to use this Tile type |
Upload a background to your Tile (i.e. a block color, photo, illustration or branded artwork). A text box will appear on the Tile, so you can add text on top of your background. You can move and resize the text box, and change text size, style and color. You can add a color overlay on top of the image, to make the text easier to read. The overlay will be one of your brand colors. |
Retail
Individual Retailer
| Available sizes | 1x1 |
| Supports Tile Segmentation? | Yes |
| Can be linked to | Chosen retailer (automated) |
| How to use this Tile type |
Choose the retailer you want to promote and customize the Tile title. Font, images and background are both fixed. If any of the offers you promote change, these Tiles will update automatically. |
Featured Retailer
| Available sizes | 1x2 |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | Featured retailer page (automated) |
| How to use this Tile type |
Simply drag and drop the Tile you want to your homepage. You can add as many of these Tiles as you like; each will show a different retailer, chosen from the selection of each week’s hottest offers. Our Retail team updates these banners weekly across all our sites, so you don’t have to worry about changing them manually. |
Deal of the Week
| Available sizes | 3x1 |
| Supports Tile Segmentation? | No |
| Can be linked to | Featured retailer (automated) |
| How to use this Tile type |
Simply drag and drop the Tile you want to your homepage. The Deal of the Week Tile promotes one offer at a time (usually a link to our list of Deals of the Week). Our Retail team updates these banners weekly across all our sites, so you don’t have to worry about changing them manually. |
Retailer Slideshow
| Available sizes | 3x1 |
| Supports Tile Segmentation? | No |
| Can be linked to | Featured retailer (automated) |
| How to use this Tile type |
Simply drag and drop the Tile you want to your homepage. The Retailer Slideshow shows a selection of each week’s hottest offers. Our Retail team updates these banners weekly across all our sites, so you don’t have to worry about changing them manually. The retailer slideshow Tile will show up to 30 banners based on which offers were curated that week. |
Retailer Category
| Available sizes | 2x1 |
| Supports Tile Segmentation? | Yes |
| Can be linked to | Category page (automated) |
| How to use this Tile type |
Choose the category you want to promote and customize the Tile title. Font, images and background are both fixed. If any of the offers you promote change, these Tiles will update automatically. |
Social & News
X Feed
| Available sizes | All standard sizes |
| Supports Tile Segmentation? | Yes |
| Can be linked to | n/a links are content specfiic |
| How to use this Tile type |
You can display any X feed, provided it’s public. Simply input the X ID of the account you want to use (e.g. @Rewardgateway). Updates are automated, so new posts will appear in real time. You can update the Tile title. Text style, Tile structure and white background are fixed. To show more than one X feed on the same homepage, simply add more X Tiles. |
| Available sizes | Not available as 1x1 |
| Supports Tile Segmentation? | Yes |
| Can be linked to | n/a |
| How to use this Tile type |
Display the feed from any public page (personal accounts, or pages with age or location-related restrictions, won’t be supported). Edit the Tile, and under the Username simply input the bit of the URL that appears after the slash (/) E.g. for https://www.facebook.com/rewardgateway, input rewardgateway Updates are automated, so new posts will appear in real time. You can update the Tile title. Text style, Tile structure and white background are fixed. To show different Facebook feeds on your homepage, simply add more Tiles. You must be logged out of Facebook on the browser for the Tile to load. Check that the page is public. Check that the page is active (see Deactivate or reactivate your Facebook Page). Ensure there are no age and country restrictions (see Add or edit country and age restrictions for your Page). Ensure that Facebook is not blocked at your workplace. |
| Available sizes | Not available as 1x1 |
| Supports Tile Segmentation? | Yes |
| Can be linked to | n/a |
| How to use this Tile type |
Link your account to the Tile by following the guide: How to authorise your Instagram account with SmartHub. Updates are automated, so new posts will appear in real time. You can update the Tile title and text style. The Tile structure and white background are fixed. To show different Instagram feeds on your homepage, simply add more Tiles. If the Tile is not working, you should recreate the Instagram integration via the Integrations Dashboard. |
RSS
| Available sizes | All standard sizes |
| Supports Tile Segmentation? | Yes |
| Can be linked to | n/a |
| How to use this Tile type |
If you want to display the latest posts from a website of blog that has a RSS feed, you can add the feed to your homepage. See What is RSS? Simply input the link to the RSS feed of the site you want to promote. This is different from the site URL. See Find Your RSS URL. Updates are automated, so new posts will appear in real time. You can update the Tile title and text style. The Tile structure and white background are fixed. To show more than one RSS feed on the same homepage, simply add more RSS feed Tiles Websites or blogs that don’t have a RSS feed cannot be promoted through this Tile. You can still link to them through a different type of Tile though! |
SmartHub Blogs
| Available sizes | Not available as 1x1 or 2x1 |
| Supports Tile Segmentation? | Yes! You can show different Blog Feeds to different user groups |
| Can be linked to | n/a |
| How to use this Tile type |
Simply drag it to your homepage, and choose the blog you want to promote from the list of blogs on your site. Updates are automated, so new posts will appear in real time; employees will be taken straight to them when they click through. To show more than one blog on the same homepage, simply add more Blog Tiles. Text style and color are fixed, as is the white background. The Tile title feeds automatically from your chosen Blog’s title. This Tile is only available if you have at least one live SmartHub Blog on your programme |
Special
Quick Links
| Available sizes | All standard sizes |
| Supports Tile Segmentation? | Yes! You can show different lists of Quick Links to different user groups |
| Can be linked to | Pages on the site, external URLs, downloadable files, email addresses |
| How to use this Tile type |
The Quick Links Tile is ideal to display different links with a common topic (e.g. benefits, HR policies), all in one place. You can add as many items as you like to your list; each can have its own icon in one of your brand colors. You will need to link each item individually, to point them to different URLs, files or email addresses. Text style and color are fixed, as is the white background. |
My Account
| Available sizes | 1x1 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | My Account page (automated) |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Each employee will see their total savings on their homepage, updated in real time. When you add the Tile, you can choose to display total savings across all types of offer, or just the amount saved in store or online. Image, colors and text style are all fixed. |
Birthdays
| Available sizes | 1x1, 2x2 |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Image, colors and text style are all fixed. The Tile will show up to 20 birthdays of registered users who have a birthday in the next 7 days. If there are not any birthdays in the next 7 days, it will show those coming up in the next 30 days. The order is based on the dates of birth you have uploaded to our system, followed by the moment the user account was created. Year of birth and age will not be displayed. Birthdays are hidden by default when employees first register. To be visible on the Tile, they can opt into sharing them from their Profile on the site. |
User Tile
| Available sizes | 1x1 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
The user Tile will include the registered user's full name, and profile picture/avatar (if the user has uploaded one). Only registered users will be searchable and available to add to user Tiles. The Tile will show a Send recognition button in platforms that have eCards enabled, (with or without Social Recognition), to invite other users to send an eCard. All names within the platform are clickable and will lead the reader to the users' profile page. |
Feedback
Polls
| Available sizes | 1x2 only |
| Supports Tile Segmentation? | Yes! You can show different Poll questions to different user groups |
| Can be linked to | n/a |
| How to use this Tile type |
Customize the Poll title, add question, and create a list of options your employees can choose from (one answer per user, pre-set answers only). The header will be the same color as your site’s top menu bar but fonts are fixed. Publish the Poll straight away, or schedule it for a later date. Poll results (total responses and percentage of answers for each option) are stored in Reward Manager. |
Recognition
Work Anniversaries
| Available sizes | 1x1, 2x2 |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Image, colors and text style are all fixed. The Tile will show today's anniversaries with a Recognize button and a See More button for the upcoming ones in the next 30 days. The order is based on the start dates you have uploaded to our system, followed by the moment the user account was created. |
Social Recognition
| Available sizes | 2x2 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
The Tile will show the 3 most recent recognition moments sent on your programme. By clicking through, users can go straight to their chosen recognition moment on the Social Wall, to react and comment. This is only available if the recognition moment has been shared by the sender. They will also find a link to the full feed on the Social Wall. You can customize the title of your Tile but its layout and white background are fixed. This Tile is only available if Social Recognition is active on your programme. Profile pictures will only show for those employees who have added a photo in their My Account section. |
Recognition Leaderboard
| Available sizes | 2x2 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
You can choose to display: top eCard senders, top eCard recipients, top Recognition senders, top Recognition recipients, top Blog Authors, top Reactions, top Commenters, top Activity (combining all elements in the list). You can organize the leaderboard as a top 5, top 10 or top 25 (the See More link will open a pop-up to see the full rankings). You can also choose a timeframe: last week, last 30 days, last 90 days, this quarter, last year. If you’d like to display different types of stats on your homepage, simply add separate leaderboard Tiles. The user looking at the Tile is always shown in their up-to-date position on the leaderboard, to help them track their ranking. |
My Recognition Stats
| Available sizes | 1x1 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Image, colors and text style are all fixed. The Tile shows the total count of eCards and awards sent or received by each employee. You can also choose a timeframe: Last 30 days, this quarter, last year, last 90 days. For employees who haven’t yet sent or received recognition, the Tile will display a prompt to send some. |
My Awards
| Available sizes | 1x1 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Image, colors and text style are all fixed. The Tile shows the total amount available in the employee’s recognition balance (i.e. monetary awards they have received and not yet spent). |
Award Pot Balance
| Available sizes | 1x1 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Image, colors and text style are all fixed The Tile shows the total amount available in the Instant Award pots the employee is owner of, so they’re aware of how much they have left to send monetary recognition. For employees who are not owners of an Instant Award pot, the Tile will display a message explaining they don’t have a balance to send. |
My Recognition Moments
| Available sizes | 3x1 only |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Image, colors and text style are all fixed. You can choose whether the Tile should show the latest recognition moment for each employee, or a random recognition moment the employee has received. This Tile is only available if Social Recognition is active on your programme. As long as this is the case, eCards, Instant Awards and Nominations sent privately can all appear. For employees who haven’t yet received recognition, a prompt to send some will appear. |
My Recognition
| Available sizes | 1x1, 2x2 |
| Supports Tile Segmentation? | Not supported |
| Can be linked to | n/a |
| How to use this Tile type |
Simply add it to your homepage - it’s all automated! Image, colors and text style are all fixed. The Tile will show the latest 3 recognition moments each employee has received, and a link to see past recognition moments. For employees who haven’t yet received recognition, a prompt to send some will appear. |