SaaSquatch Help Center

The Referral SaaSquatch theme engine lets you customize your referral program's widget and emails to match your brand.

Custom theme example

Getting Started with Custom Themes

Each of our Pro and Enterprise plans include the abilty to customize your referral program's theme to match your brand.

Our Success Team will work with you and your designers to create a customized referral experience for your customers.

Widget Design Information

There is a wide range of customization that can be made to your referral programs's widget and emails.

The following sections outline the types of customization options, and the requirements, that go into cusomtizing a referral program.

Asset requirements:
Element Options Example
Images
  • 4:1 - 3:1 ratio image.
  • Seperate images for mobile and desktop should be optimized for their size
header-example
Icons
  • SVG file format
  • Icon dimentions with 1:1 ratio
Email Facebook Twitter
Fonts
  • Font file required if not free on Google Fonts
  • .ttf and .otf format files required
Messaging
  • Widget: Heading, Body, CTA
  • Share: Default email, Facebook, and Twitter messaging
  • Email: Subject, Header, Body, CTA, Footer
Colour
  • HTML Hex Color Code e.g. #008000
  • Please make sure to include any custom highlight, and hover option colours
  • Note: Social Media icons must comply with design standard from the social media platform
Buttons
  • 3 or 4 Share buttons
  • Share buttons with or without text
Dimentions
  • Standard popup and embedded widgets are 500px wide
  • Width can be configured for custom size
  • Fully responsive and scale seamlessly onto mobile devices
  • Mobile layout configured to display at 499px and below by default
Widget Mockups
  • Include mobile and desktop views if required for widget
  • Include details about hover view customization requirements
  • Assets in mockup should be 1:1 scale, production-ready, assets
  • Copy of brand style guide
  • .sketch Sketch format files
  • .ai Adobe Illustrator format files

  • A reference .ai template for our default theme is available from our support team upon request.

Email Templates
  • Can match to existing email designs using source HTML/CSS template for existing email

Widget Design Examples

Looking for some inspiration for your own referral widget customization?

Take a look at what some of our other customers have done to create a customized referral experience:

Want to make your own Customizations?

At it's core, every Referral SaaSquatch theme is a git repository containing the templates and assets that make up your program's theme. Changes to themes simply involve changing those files, committing them to your custom theme's Github repository and then publishing those changes into your test or live tenant.

To get started making your own changes to your custom theme, check out our guide on using your program's theme Git Repository.