Creative Customizations

Overview

Our Campaign Editor provides you with rich templates for each of the creative elements of your program. Each call to action, outbound email, and program experience template is set up according to our best practices with sensible defaults and has customizable variables for copy, styling, images, and behavior.

In particular situations, we can help you customize specific creatives beyond the options available in the Campaign Editor. If your program would benefit from these more rigorous customizations, please contact your Implementation or Customer Success Manager to discuss your options.

Required Assets and Formats

We aim to get your creative elements as close to your vision as possible. Whether you’re customizing your program microsite or any other creative, we will need you to provide assets for both mobile and desktop in an acceptable format.

Assets for Mobile and Desktop

The tables of assets below are split up based on tabs of our Campaign Editor that are visible for a standard Refer a Friend program: Overview, Advocate, Friend, and Marketing.

See a [more detailed breakdown of creative images here](https://success.extole.com/hc/en-us/articles/350793714954 ).

Overview

CreativeAudienceVariable nameRecommended Image Size (width x height)Notes
AllAllCompany Logo450 px wideTransparent image
AllAllCompany Icon96 x 96 pxThis is usually your logo used for the icon on new tabs to make the experience branded.

Advocate

CreativeAudienceVariable nameRecommended Image Size (width x height)Optional copy to add on top of imageNotes
MicrositeAdvocateMicrosite Banner Image for Desktop2800 x 800 pxShare CLIENT, Give 20% off, Get 20% off.Image Required: this is used for the share experience microsite.
AdvocateMicrosite Banner Image for Mobile1080 x 900 pxShare CLIENT, Give 20% off, Get 20% off.Image Required: this is used for the share experience microsite
Share ExperienceAdvocateShare Experience Vertical Image for Desktop790 x 1300 pxShare CLIENT, Give 20% off, Get 20% off.Image Required: this is used in your onsite share experience overlay when viewed in desktop
AdvocateShare Experience Horizontal Image for Mobile1080 x 660 pxShare CLIENT, Give 20% off, Get 20% off.Image Required: this is used in your onsite share experience overlay when viewed on mobile or tablet
FriendSocial Share Image for Pinterest1000 x 1000 / 1000 x 1500 pxLogo/Get 20% off now!
FriendSocial Share Image for WhatsApp1200 x 630 px
FriendSocial Share Image1200 x 630 pxLogo/Get 20% off now!Image Required: This is used for all social, SMS, WhatsApp shares. Remember, the audience is the friend, this asset should call out the friend offer.
Welcome EmailAdvocateEmail Banner Image1200 x 700 pxThanks for Sharing CLIENT!Image Required: These can be the same image but with a different text overlay.
Stats EmailAdvocateEmail Banner Image1200 x 700 pxShare more to earn more!
Reward EmailAdvocateEmail Banner Image1200 x 700 pxIt pays to be CLIENT!

Friend

CreativeAudienceVariable nameRecommended Image Size (width x height)Optional copy to add on top of imageNotes
Landing ExperienceFriendFriend Landing Experience Vertical Image for Desktop790 x 1300 px
FriendFriend Landing Experience Horizontal Image for Mobile1080 x 660 px
Share EmailFriendEmail Banner Image1200 x 700 pxGet 20% off CLIENT!Image required

Marketing

CreativeAudienceVariable nameRecommended Image Size (width x height)Optional copy to add on top of imageNotes
Mail After Purchase Email (optional)Purchasing CustomersEmail Banner Image1200 x 700 pxRefer and earn 20% off!Image required: This optional email is sent to customers after they make a purchase on your site to encourage sharing.

Accepted Formats

We accept designs and assets for your creative customizations in the following formats. If you have any questions, please reach out to your Implementation Manager.

Figma file (strongly recommended)

Files exported or shared with us via Figma are ideal. We also accept files generated from other design software such as Sketch or Zeplin.

Screen

Exact HTML/CSS

If your team does not have design software available to you, this is the next best option. In addition to the code files, you must also send us all copy and images in high-resolution SVGs.

Detailed PDF Mockup

If the above two options are not accessible to your team, please create PDF mockups that include as much detail as possible. In addition to the mockups, you must also send us all copy and images in high-resolution SVGs.

Group

Process and Timeline

Extole Turnaround

Once you have submitted your design and all required assets to your Implementation Manager, you can expect a turnaround time of about two weeks. This timeline is subject to change depending on the overall complexity of your designs and how much they deviate from our templates.

Review

Once we’ve completed the customizations, you will be able to see the changes reflected in the specific creatives within your My Extole Campaign Editor. Please note that while you can see the changes in the editor, they may not be exact until your Extole team has access to your staging environment. Most styling discrepancies occur because Extole’s templates inherit CSS from your website, and that inheritance doesn’t happen in the editor.

Staging Environment Testing

Having access to your staging environment is crucial for testing purposes. We need to be able to run through your program flow and ensure all of the changes are functioning as expected as well as address any remaining design issues. If possible, please plan accordingly to give your Extole team access to your staging environment at the same time as you are sorting out your Technical Implementation with Extole. This is typically around two weeks prior to your scheduled launch date.