UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to...

22
Building your A guide to SmartHub Pages

Transcript of UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to...

Page 1: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Building your

A guide to SmartHub Pages

Page 2: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Where to go in Reward ManagerEditing your SmartHub Pages

2) SmartHub Pages

1) Smart Products

Page 3: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

A quick guide on how to create your pageAdding brand new content

Choose the contents you want here, then drag and drop

them to the middle of the page

Create a custom menu with links to more content on your site (this will apply to all Pages)

Always save your changes when you’re ready for employees to see them!

Type as much text as you like in the middle column -

Pages have endless scrolling

Add a custom title (font colour and style are fixed)

Discover more contents you can add on the right hand side

Page 4: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Adding brand new content

•Drag and drop to the middle of the page

•Add as many of these blocks as you want to each page

Drag-and-drop blocks and central column

Page 5: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

More about adding blocksEditing the width of your blocks

• All the blocks you drag and drop can take up the full width of the middle column, or just half the width

• To change the width, drag your block on the screen until it changes size

Page 6: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

More about adding blocksEditing image height

• Hover over the bottom of your image with your mouse, and click on the green bar

• Drag the green bar up and down to make your image taller or shorter

• This only applies to Image and Background + Text blocks

Page 7: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Adding text to your pageType as much text as you like in the middle column!

Page 8: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Can be linked to: pages on the site; external URLs; downloadable files; email addresses

How to use this block:

• Quotes can help you highlight important parts of the content you’re sharing

• You can write as much text as you like; size, font and style are fixed

• The inverted commas will show in one of your brand colours (the same as your top menu bar)

• If your quote is part of a larger piece of content you don't plan to include in the page, you can link the block to a web address or downloadable file, so users can click through to the full text.

Adding quotes to your page

Page 9: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Can be linked to: pages on the site; external URLs; downloadable files; email addresses

How to use this block:

• Upload an image; 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 page

• Upload image files at the highest resolution available - maximum file size is 5MB

Image-only block

Page 10: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use this block:

• Pick your video from your computer, or copy and paste a link from a hosting site like Youtube or Vimeo

• When you upload a video from your computer, you can choose which frame to use as a preview

Adding videos to your pages

Page 11: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use this block:

• Maps can help you give visual directions to your employees - for example, to another office, or a social event you’re promoting on your page

• Enter the postcode of the location you want to display, and it will automatically show in a map

• Users have the ability to zoom in and out of the map on the page

• If you want to show more locations, add more map blocks to your page, and enter a different postcode in each

Adding maps to your pages

Page 12: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Can be linked to: pages on the site; external URLs; downloadable files; email addresses

How to use this block:

• Upload a background to your tile (i.e. a block colour, photo, illustration or branded artwork)

• You can zoom in or out of images, or move them within the space

• 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 colour. Font is fixed

Background + Text block

Page 13: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Can be linked to: pages on the site; external URLs; downloadable files; email addresses

How to use this block:

• Type in your call to action and add your link - it’s that simple!

• The height, colour and style of the button are fixed

• If you want a call to action box that is taller, or a different colour, use a Background + Text block instead

Call to action buttons

Page 14: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Linked to user profile pages and recognition options by default

How to use this block:

• 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

User tiles

Page 15: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

Adding content to your page

•Click on the options to add more content in the right-hand column of your page

•You can add one block per type, per page

•Colour and structure of the blocks are fixed

•You can customise the titles of the blocks

Right hand side blocks

Page 16: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How does the Useful Links block work?

• Create a list of links for employees to click - external URLs, pages within the site, email addresses

• You can rename each link to explain what it’s about

• Drag and drop the links to change their order

Useful links and downloadable files

How does the Downloads block work?

• Add files from your computer, so employees can download them from the page

• Once uploaded, you can rename each file description

• Drag and drop the files to change their order

• Maximum file size is 100MB

Page 17: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use this block:

• Add the contact details of an individual or team. You can enter as much information as you have available

• Email links are clickable, and open a pop-up window where the user can write their message

• You can add one Page Owner box per page. Use the other features in the content editor to share more contact information!

• Once you add a contact to one page, the details will be stored, so you can add them to more pages with just a few clicks.

Contact details

Page 18: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use this block:

• Customise 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 colour as your site’s top menu bar; fonts are fixed

• Publish the poll straight away, or schedule it for a later date

• Poll results (total responses and % of answers for each option) are stored in Reward Manager

Collecting quick feedback through polls

Page 19: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use this block:

• Add any retailer available on your platform: start typing the name, and choices will appear in a dropdown

• You can add as many retailers as you want

• Retailer logos link directly to the relevant offer pages on the site

• Logos are displayed in a fixed order

Promoting retailer offers on your page

Page 20: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use this block:

• You can display any Twitter feed, provided it’s public

• Simply input the Twitter ID of the account you want to use (e.g. @Rewardgateway)

• Updates are automated, so new tweets will appear in real time

• You can show one Twitter feed per page

Adding a Twitter feed to your page

Page 21: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use these blocks:

• Facebook: display the feed from any public page (personal accounts, or pages with age or location-related restrictions, won’t be supported). Simply input the page’s Facebook username (e.g. https://www.facebook.com/RewardGateway)

• Instagram: display the feed from any public page. Simply input the Instagram handle (e.g.https://www.instagram.com/rewardgateway) of the account you want to use

• Updates are automated, so new posts will appear in real time

• You can show one Facebook and one Instagram feed per page

Adding a Facebook or Instagram feed

Page 22: UK - Guide to SmartHub Pages...Instagram feed per page Adding a Facebook or Instagram feed How to use this block: • If you want to display the latest posts from a website of blog

How to use this block:

• 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. Click here to learn more about RSS feeds.

• Simply input the link to the RSS feed of the site you want to promote. This is different from the site URL - click here to learn how to find it.

• Updates are automated, so new posts will appear in real time

• You can show one RSS feed per page

• Websites that don’t have a RSS feed can’t be promoted through this block. Use the other features in the content editor to link to them!

Adding a RSS feed to your page