1. Happeo Help Center
  2. Getting started
  3. Getting started for administrators

Email Branding

This article outlines the ways in which you can customise the look and feel of your Happeo email notifications

Note: Only available for custom package and accessible only to admins

What is it?

In Happeo’s admin settings, you can customise the look and feel of Happeo’s email notifications, whether it’s for new articles, new posts, announcement reminders, etc. Below, you can find all the types of email notifications you may receive from Happeo, all of which can be customised:

  • Announcement reminder
  • Channel ask to join
  • Channel inform join
  • Channel promote to editor
  • Channel shared
  • Comment mention
  • Daily digest
  • Ghostwriting new post
  • Ghostwriting permission approved
  • Ghostwriting permission request
  • New article
  • New comment
  • New post
  • Organisation invite
  • Post mention
  • Post review new comment
  • Post review new reviewer
  • Post review post approved
  • Post review post unapproved
  • Post review post updated

How to customise email branding

To customise the way Happeo email notifications look, as an admin, you can navigate to:

  1. Admin settings
  2. Branding
  3. Email branding

By default, on the right, you will be presented with a template preview of what new article email notifications look like. 

In this article, we will outline what it looks like to customise a new article email notification.

On the left, you can find all the customisable features of the email notification.

Email branding

  • Font family – The font of the title of the article and body text
  • Font colour – The colour of the title article and body text
  • Link colour – The colour of hyperlinks included in the article
  • Background colour – The background colour of the email notification

Header styles

  • Header background colour – The background colour of the header
  • Header text colour – The colour of the header text
  • Header text alignment – The positioning of the header (left, centre and right)
  • Header border radius – The rounding of the header’s corners
    • You can adjust the border radius either by typing in pixels (e.g. 6px) or percentages (10%)
      • Pixels – 0 pixels is the lowest whereas 10 pixels is the highest, rounding the edges of the header
      • Percentages – 0 is the lowest percent while 50 is the highest, creating an oval-like shape of the header
  • Upload logo for email – When you upload a logo for the email, the image will be resized to fit in the middle of the header
    • Recommended size – 140 x 26 pixels
    • Uploading a logo for the email will replace the header text
  • Upload header image – When you upload a header image, the image will take up the header space
    • Recommended size – 670 x 100 pixels
    • Uploading a header image will replace the header text
  • Header images will be displayed for… – When displaying images in emails, a public link to the image is required (with an expiration date; for security reasons). This option allows you to choose for how long the header image will be visible
    • By default, the header image is set to display for 0 days
    • The reason for this setting is that all images in emails are public to the rest of the world. To ensure they do not end up being available to the world forever, a constraint is set after which they become inaccessible

Note: If the header image is set to display for 0 days, the header image of the article will not be displayed in the email notification. If you set the header image to be displayed for 3 days, for instance, after 3 days the header image will no longer be visible.

Button styles

  • Main button background colour – The colour of the button that takes you to the article in Happeo
  • Main button text colour – The colour of the text displayed in the button that takes you to the article in Happeo

Footer styles

  • Footer text – Here, you can text in what you would like as the footer. The footer is visible at the end of the email notification below the main button

Send test email

This option sends a test email. When you press Send test email, you can enter the email addresses to whom the test email will be sent. Please make sure to add commas between the emails if you want to send test emails to multiple users. 

You can also click on Send to myself to send a test email to yourself.

Email template settings

In this section, you are given the ability to reset the template settings by clicking on Reset styling to default settings.

Saving your email template settings

Once you have adjusted the settings to your liking, please make sure to save your settings by clicking on Save on the bottom right corner of the page.