General and branding

Learn how to customise and brand your portal as well as advice and tool recommendations

There are lots of ways you can customise your portal. If you've not already, head over to Settings from the main menu to get started.

Managing your portal settings walkthrough

🪖 General

General is where you can customise the high level things on the portal. Keep in mind the Portal name is used in all email correspondence to your users. You can't change your portal URL from here but leave a message using the chat widget and one of our support team will be happy to assist

Mobile app

When enabled users can have access to Synap's iOS and Android mobile apps. Users will be able to download these apps from their profile pop up.

Mobile App access is avaiable on Business and Enterprise plans

Synap Mobile Apps

Footer options

Choose whether or not to hide / show Synap's default footer to students (note this will always need to show for admins). Decide whether or not to use our Terms & conditions and Privacy policy or add in your own. This can either be a external link (Custom URL) or create your own using a note on Synap.

Notes

🐴 ➡ 🦄 Branding

Customise the portal with your own branding, add logos, colours and a default card image. Upload clear, high quality images in the recommended sizes (see below)

• Logo - Used across the platform, in emails & generated certificates - 300x100px

  • Recommend a PNG with transparent background

• Square logo - Used in the top left corner home button throughout the portal - 100x100px

  • Recommend a PNG with transparent background

• Favicon - Used in web tabs - 30x30px

  • Recommend a PNG with transparent background

• Default card - Used when custom covers aren't provided for exams, collections, collection items, courses & assignments - 490x300px

  • Recommend not including too much text on covers as they are not responsive, default cards and cards are the same size. If users are going to have lots of content we recommend making the top level cards (courses & collections) different so they can easily navigate through them, then having a default card for each bit of content works well.

Using different cards for different content

• Primary colour - A hex code that will set your menu icon colour as well as all titles

• Secondary colour - A hex code to set all the secondary colours on platform (card buttons)

• Primary & Secondary button colour - will be inferred from Primary and Secondary so leave blank if you want them to be the same.