How to customize the look and feel of Recognize (ie Theme/Whitelabel) – Recognize

Recognize's look and feel can be customized throughout the platform. There are several parts of Recognize that can be customized:

Website Theme
Email Theme
Mobile Theme
Award Certificate
Welcome Video
End User Guide
Labels

Customizations Through the Admin Portal

Certain customizations can be made by any admin on the settings page in your admin portal. These include:

Top toolbar logo
Stream page logo
Recognition certificate
End User guide
Welcome video
Email styles
Mobile styles

To edit these customization features:

Select 'Menu' from the upper right corner of the page
Open your 'Company Admin' portal from the drop-down menu
Select 'Settings' from the left navigation panel
Select 'Theming' from the right side navigation panel for a quick scroll the 'Theming' section.
Select 'Theme Customizations' on the setting page under the 'Theming' section.

Customizations

To edit the Top toolbar logo, select 'choose file,' upload your image, and select 'save'.
Note: See instructions for logo specifications under 'Theme Specifications' below.
To edit the Stream page logo, select 'choose file,' upload your image, and select 'save'.
Note: See instructions for logo specifications under 'Theme Specifications' below.
To edit the default Recognition certificate, select 'choose file,' upload your image, and select 'save'.
Note: See instructions on specifications under 'Theming Award Certificates' below.
To upload your own YouTube video for "Getting Started with Recognize", add the link to your video under 'Edit user instructions' and select 'save'.
To upload your own "Getting Started Guide", select 'choose file' under 'End user guide' and select 'save'.

Note: Your personalized Getting Started video and guide will show up in the 'Introduction' section of the welcome message that users see in the Stream Page when they log in for the first time. It will also show up on the Help Page located under 'Menu' > 'Help'.

Email Styles

Select colors and a font to customize the emails sent to your users from Recognize.
Select 'choose file' to add an image for your emails header logo.
Preview your customizations to the right of your selections.
Once you are happy with your email style, be sure to 'Save' your changes.
Note: You can always 'reset to defaults' here as well

Mobile Styles

Select your desired colors for your mobile application.
Select 'choose file' to add an image for your mobile application.
Once you are happy with your mobile style, be sure to 'Save' your changes.
Note: You can always 'reset to defaults' here as well

Website Theme

Website Theming is done by the Recognize Support Team with a 5 business day turnaround. Recognize changes one primary color and shades of that color are used through the whole site. You will provide a selection of colors in hexadecimal for the following:

Toolbar color - Required. A dark color for the white text in the toolbar. This is the primary color that cascades through the whole site
Gray text - the shade of gray to be used in gray text throughout the site
Links
Primary action button

Theme Specifications

Logo in tool bar:

White transparent PNG

max height: 38px

max width: 176px

Logo in Stream page:

Color transparent PNG

max height: 60px

max width: 180px

Award Certificate:

We recommend going to a recognition page, clicking "View certificate" and download the background image. Use those dimensions to create your own certificate. Find the default template here.

The image dimensions are 1,510px x 1,141px.

Customizing Labels

Recognize supports customizing labels and copy throughout the application for members of our Enterprise package and above. Contact Recognize Support Team to get the latest available options.

Here is an example list of labels that can be customized:

Default Email Sender: The label of the sender when emails are sent from Recognize.
Recognition Email Subject: The custom subject line of emails to recognition recipients.
Recognition Tags: The label of how tags appear in the send recognition form.
Task Tags: The label of how tags appear in the task submission form.
Top users: The label of the heading of the top users section on the Stats page

New Recognition Recipient: The label of the recipient selection box on the send recognition form.
View Your Recognition: The label for the button in the recognition recipient email to view your recognition.

Welcome Page Tagline: The tagline to shown to new users in Recognize on the Welcome page

Welcome Page Description: Additional description to the new users who join Recognize on the Welcome page

Welcome Page Recognize Button: The button label to send a recognition shown to new users

Badges Index Welcome: The heading for all the badges on the badges index page

Examples for a customer that called their program "Kudos"

Default Email Sender: "Kudos"
Recognition Email Subject: "%{name} sent you a kudos"
Recognition Tags: "Customers"
Task Tags: "Categories"
Top users: "Top all stars"

New Recognition Recipient: "I'd like to send a kudos to"
View Your Recognition: "View your kudos"

Welcome Page Tagline: "Send a kudos to a well deserving teammate or team"
Welcome Page Description: " "
Welcome Page Recognize Button: "Send a kudos"

Badges Index Welcome: "Kudos badges"

Header New Recognition Link: "Kudos"
Recognition New Recipient Placeholder: "Choose a coworker that's doing great"
Recognition New Message Placeholder: "Why this person did great work"

Additional Fees

Free customizations are limited to customers on the Mid-Market or Enterprise package with a yearly commitment. Customizing labels are limited to customers on the Enterprise package or above with a yearly commitment. If you are on our Start-Up package, you will need to pay an additional fee. Please contact support@recognizeapp.com for pricing.

certificate (1).png
700 KB Download

{[{category.name}]}