How To Build A Referral Program That Is 100% On Brand

Referral Factory allows you to customize your referral campaign to look and feel just like your brand.

Simply use the drag-and-drop builder to change your referral campaign layout and the campaign editor to change the color, logo, background image, and branding so your referral campaign looks and feels 100% on brand.

This guide will show you how to do the following:

1. Upload a logo

2. Choose the shape of your logo

3. Style the background

4. Edit your font settings

5. Customize the color settings

6. Add more blocks

7. Customize the button

8. Preview and save your settings

9. Examples of referral campaign branding

 

To get started, go to the Pages for Person Referring in your campaign builder. Here you will be able to:

1. Upload a logo

 

Click on the Brush icon from the right and a you will see a small pop-up where you will be able to design your campaign. The suggested specs for this image are 500 px x 500 px.

 

Upload_Logo_To_Referral_Factory_Campaign

Upload_Logo_To_Referral_Campaign

 

2. Choose the shape of your logo

 

You can choose whether you want the shape of your logo to display as a circle, a square or a rectangle.

Change_Shape_Of_The_Logo_In_Referral_Factory

 

3. Style the background

 

To style the background, you will need to go the "Advanced" section.

Here you can choose a color for the background of your campaign, or you can upload your own background image. 

The recommended dimension for this image is 1200px X 800px

 

Choose_Campaign_Background_In_Referral_Factory

Change_Background_Color_Of_Referral_Factory_Campaign

4. Edit your font settings

 

Here you can select which fonts you want for your Title blocks, body text, and your form fields. Plus, change the color and size of the fonts, and make them bold or in italics.

*You can also upload custom fonts on our Pro plan.

 

Add_Custom_Fonts_To_Referral_Factory

Add_Custom_Fonts_To_Referral_Factory

5. Customize the color settings

 

 Here you can edit the various colors inside your referral program. This includes

  • Changing the main box color. You can make it more opaque - you can also use the 'Radius' settings to change how round or sharp you want the edges of the box to be.
  • Editing the button and button text color.
  • Changing the link color
  • And, altering the form field, and form field stroke colors. 

Change_Campaign_Colors

 

6. Add more blocks

 

You can either edit existing content in your campaign or you can add more content by adding more blocks. You can add the following to your referral campaign:

  • Title blocks
  • Copy blocks
  • Images 
  • Videos
  • Input fields
  • Select Field
  • Hidden Field
  • And buttons

Add_Block_To_Referral_Factory_Campaign

 

7. Customize the button

 

The text in the button can also be edited so you can change the call to action to suit your campaign.

 

Customize_The_Button_In_Referral_Factory

 

8. Preview and save your settings

 

Once you’ve completed the styling for your campaign, you can preview what your users will see when viewing your campaign on mobile, desktop or tablet. 

If you’re happy with your styling, you can save these settings by clicking the save icon. 

 

Preview_And_Save_Referral_Factory_Campaign

 

9. Examples of referral campaign branding

 

Here are some examples of referral campaigns that have been built and styled using Referral Factory.