Charts – Personalized for Email Marketing

No comments

 

Creating personalized charts will allow your email subscribers to get a more visually engaging representation of their personal data, compare their data to larger trends and quickly grasp the meaning of this data without analyzing their numbers.

Charts have always been a challenge to include in emails due to the complexity of the design and challenges that come with the multitude of options… until now!

 

Design Options

NiftyImages offers a variety of charts that can each be modified to accurately represent your brand and display your user data in way that visually enhances your emails.

Chart Options.png

 

Each chart option will allow you to specify custom labels, chart or segment colors, how the values are represented, legends, chart titles and more.

 

ezgif-3-96dfadde2403.gif

 

Customization also allows you to specify a background color if you wish, modify the image size, image padding, hide/show your X/Y axis, all depending on the type of chart you create.

 

7vnh.png

 

Chart Values

While designing your chart you may enter temporary values to see examples of the chart.  Once saved though, you will see that each chart offers a MERGE_TAG option for entering subscriber values.

?values=MERGE_TAG

 

This is where you enter each subscriber’s data using your ESP’s merge tags, exactly as your ESP requires them.  Here is an example using the syntax {{ EXAMPLE }}:

?values={{Data1}}, {{Data2}}, {{Data3}}

 

The charts will then reflect this data when it renders in your client’s inbox.

 

?values=81,67,74

Value1.png

 

?values=94,96,12

Value2.png

 

?values=21,62,104

Value3.png

 

Dynamic Options

Values can also be passed in to change the colors, labels, Progress/Gauge Charts that have maximums and minimums, different lines values in Area/Line Charts and much more.  With each chart that you create, and depending on the design features, you will get more options.

In this example the Value, Maximum and Title are changed for each subscriber.

 

?val=85&max=100&title={{Name}}’s+Progress

5vnh.png

 

 

?val=150&max=300&title={{Name}}’s+Progress

5vnh.png

 

Each chart will also have Dynamic Options to manipulate a particular value in a set, if that is the only value that needs to be personalized.  In the example below we don’t pass in an array of numbers, we only specify that Val4 = X.  This will keep the other chart values exactly what they were when you created the chart.

 

?val4=MERGE_TAG

Bar Graph GIF.gif

 

This can also be done to change specific Labels, Colors and Lines.

 

 

Charts using Data Sources

Charts can also be built in real time, using them in combination with our Data Sources.  This allows you to sync data from an API, Google Sheet or CSV file to update the chart each time it is viewed.

Click on the  DS.png  option next to any Value or Labels field to pull from your Data Sources.

Data Source in Charts.png

 

One example is a Progress Bar that shows the total towards a fundraising goal.  By syncing the Value to a Data Source, this progress bar will update each time the image is viewed.

ezgif-3-738bd877d8f5.gif

 

Another example is pulling in customer Values and Labels to show spending habits.  Any API that you have access to, internal or third party, can be used to customize our Charts.

ezgif-3-b7ef69a658b0.gif

 

If you have any questions or would like to see a demo of this feature, please Contact Us.