Overview
Courier’s Brands feature enables you to create and maintain a consistent visual identity for your email and inbox notifications. Whether you’re sending notifications under your own brand or white-labeling them for your customers, Brands provides tooling and options for configuring logos, colors, headers, and footers. In this tutorial, you’ll learn how to create and customize your first brand in Courier.
What You’ll Build
We’ll create a brand that includes:- A custom logo
- Your brand colors
- A styled header and footer
- Social media links
What is a Brand?
A Brand in Courier is a reusable configuration object that defines the visual styling and templating rules to apply to an email or inbox notification. Each Brand contains a set of customizable attributes that determine how your emails and inbox messages appear to recipients, including visual elements, styling rules, and reusable code components.Understanding Email Brand Templates
Courier offers three types of email brand templates:Standard Template (We'll use this today)
Standard Template (We'll use this today)
- Perfect for most use cases
- Easy to configure with a visual interface
- Includes pre-built header and footer layouts
Handlebars Template
Handlebars Template
- Offers more control over header and footer
- Uses Handlebars templating language
- Good for custom layouts while maintaining ease of use
Custom MJML/Handlebars Template
Custom MJML/Handlebars Template
- Complete control over email layout
- Requires MJML and/or Handlebars knowledge
- Best for highly customized designs
Step-by-Step Walkthrough
Prepare your brand assets (logo, color codes, social media links) before starting this tutorial. Having these ready will make the process much smoother!
1
Access the Brand Designer
- Log into your Courier account
- Navigate to the Designer section
- Click on “Brands” in the top menu
- Click “New Brand”
2
Set Up Your Brand
- Enter a name for your brand (e.g., “My Company Brand”)
- (Optional) Add a brand_id if you plan to manage the brand via API
- Click “Create Brand”
3
Upload Your Logo
- In the Brand Designer, locate the Logo section
- Click “Upload Logo” or drag and drop your logo file
- Your logo should be:
- JPEG, PNG, or GIF format
- Maximum 5MB in size
- Ideally 140px wide (height is flexible)
4
Define Your Brand Colors
- In the Brand Designer, locate the Brand Colors section
- Set your Primary Color - this will be used for buttons and important elements
- Set Secondary and Tertiary colors - these create accent elements
- Set your Header Color - this appears at the top of your emails
5
Configure Your Footer
- In the Brand Designer, locate the Footer section
- Add your company name and a copy right declaration using the current year variable
© {datetime.year} - You can also include other built-in variables like
{urls.unsubscribe}and{urls.preferences} - Add a social media link - for testing purposes you can use Courier’s Linkedin Page
https://www.linkedin.com/company/trycourier/
6
Preview Your Brand
- Click the “Preview” button
- Review how your brand looks in a sample email
- Make any adjustments needed
7
Publish Your Brand
- Click the “Publish” button
8
Configure notifications to use your brand
Set as Default (Optional but Recommended)
Set as Default (Optional but Recommended)
Setting a brand as default is important because:
- It becomes the fallback brand for all notifications that don’t specify a different brand
- Any new email templates you create will automatically use this brand
- It ensures consistency across your communications
- Open brand settings
- Click “Set as Default”
Configure a notification to use your brand (Optional if default)
Configure a notification to use your brand (Optional if default)
If you’ve set your brand as default, you can skip this step. Otherwise, to use this brand in specific notifications:
- Open the notification you want to brand
- Go to Template Settings
- Select your brand from the dropdown menu
9
Test Your Brand
Option 1: Test via Template
- Open any email template that uses your brand
- Click the “Send” tab at the top
- Fill in the test recipient details
- Send a test notification
- Use the Send API and include your brand_id in the request body:
POST /send
Advanced Options
While we used the Standard email template in this tutorial, remember that Courier also offers:- Custom MJML templates for advanced email layouts
- Handlebars templates for dynamic content
- Custom CSS styling
Next Steps
Now that you’ve created your first brand, try:- Creating multiple brands for different use cases
- Testing your branded notifications
- Exploring the Brands API for programmatic management of Courier Brands