Skip to main content
All CollectionsOkendo ReferralsGetting Started
Customizing emails for Okendo Referrals
Customizing emails for Okendo Referrals

Customize your referral email templates to reflect your brand's identity.

Simon Mainwaring avatar
Written by Simon Mainwaring
Updated over 2 months ago

Email communication is key to engaging customers in a referral program. Okendo allows you to customize your referral emails to reflect your brand's style and effectively communicate your message.

In this guide, we will provide an overview of how to personalize Okendo Referrals emails. We’ll explore the different types of emails and provide some tips for crafting compelling content that encourages customer participation in your referral program.

💡Okendo Referrals supports the sending of emails via a marketing automation platform. Learn how to disable sending via Okendo and configure sending via your current platform.

In this article, you'll learn about:

To begin customizing emails for Okendo Referrals, follow these steps:

Locate the Referral emails under the Referral header.

Select the email you want to customize.

Customizable emails

Type

Purpose

Sent to known recipients when a referral sender provides the recipient's email.

Sent to anonymous recipients when they sign up for Referrals via a referrer's unique shareable link.

Sent to referrers and recipients when a referral is rejected either manually or through fraud detection.

Sent to referrers when a referral recipient makes an order using their unique shareable link.


Styling emails

After selecting the email, use the styling controls to customize the look of various elements within the email.

Toggle on Override Global Styling to control style options used on this email only or toggle off to inherit Global Styling (located under Settings > Mail > Styling).

Configurable options

Description

Override Global Styling

Select this to control style options used on this email only.

Font Family

Select a base font for the email. Defaults to Helvetica.

Email Background Color

Color used on the outer background of the email.

Card Background Color

Color used on the inner background of the email.

Primary Font Color

Main font color used in the body of the email.

Button Background Color

Defines the color of the main button (call to action) on the email.

Button Text Color

Defines the button text color.


Header

The header image is an important part of any email as it's the main thing that grabs a customer's attention when they open an email. A header image replaces the store name, on the email.

To set a header image, open the Header section and toggle on Override Global Settings.

Select Click or drag to upload to upload your image. Once uploaded, you can tweak the width of the image so that it shows at the right size.

If you wish to choose another image, select against the existing image and re-upload another image.

💡 if you plan on using the same image in the header for most of your emails, it's better to set the image up as a global default Settings > Mail > Styling.

Configurable options

Description

Accepted image formats

These include JPG, JPEG, PNG and GIF.

Recommended width

The recommended width should be nor more than 1200px

Header image width

Adjust the width of the image, between 50 and 600px.


Personalizing content

Content in the email body, will be replaced with a real value when the email is sent. For example, {{customer.first_name}} would be replace with "Jane" if the customer's full name was "Jane Smith".

By using this, you can greatly improve email personalization. A list of available substitutions can be found at the top of the "Body" section for each email.

Other content that can be changed include:

Configurable options

Description

Subject Line

Subject line of the email.

Preview Text (optional)

Summary text shown with the subject line by some email clients.

Salutation

Greeting text, shown below the header image or store name.

Body Content

Main content within the body of the email.

NOTE: Depending on which mail template is edited, certain body content may be protected from editing. For example, coupon codes.

Primary Button Title (optional)

Edit the text on the main call to action button.

Primary Button Link (optional)

Edit where the call to action button links out to.


Footer

You can also edit the content in the Footer section. Place links to terms and conditions or other policies. This content is optional.

Email variables

Each email template can be used with several variables to improve personalisation and create a more engaging customer experience.

Variables

Description

{{ store.name }}

Displays the store's name.

{{ coupon.code }}Coupon Code

Displays the coupon code.

{{ coupon.description }}

Displays a description for the coupon.

{{ referrer.first_name | "you" }}

Referrer's first name. Will fall back to "you" when unavailable.

{{ referrer.first_name | "Your friend" }}

Referrer's first name. Will fall back to "Your friend" when unavailable.

{{ recipient.first_name | "you" }}

Recipient's first name. Will fall back to "you" when unavailable.


Preview pane

Preview the look and feel of the email template in the preview pane.

Select to preview the email on desktop email clients or to preview the email on mobile clients.

Select the three dot ellipses menu to send a test email, rename, duplicate or delete the email template.

⚠️ The default recipient of the test email will be the Shopify store owner. Additional email addresses can be inputted in Settings > User. Type the email address, press enter, and then save at the bottom.

Did this answer your question?