Getting started with External feeds
Here you can get to know about the working and handling the external feeds. Below are some methods to include an external feed in your emails.
Working with External feeds
You can create an external feed using the API endpoint in the public API reference.
There are two ways to connect the external feeds with the email templates which are:
Html editor
To add in html code, use this code below, before the html body.
<!--feed.myvariable : {{feed.get("feedname")}}-->
where myvariable is variable name used to access feed data and feedname is the name of the feed you have setup via the API endpoint.
Drag and drop editor
For the drag and drop editor, you should be in developer mode. Add the code mentioned below, at the start of the template in the developer mode.
feeds:
-
name: myvariable
source: feedname
where myvariable is variable name used to access feed data and feedname is the name of the feed you have setup via the API endpoint.
Accessing external feeds in email
To access the data from the external feeds, you have to utilize the code below:
{{ feed.myvariable.field }}
{{ feed.myvariable.field.0.item }}
field is any field in the JSON and to access any item we suffix a number which starts from 0.
Errors in external feeds
Errors may occur at various steps when using an external feed. If an error is encountered for a particular contact, that contact will be skipped from receiving the email campaign. If there is a general error that applies to all contacts, then all recipients will be skipped, and the reasons can be viewed in the email report.
Some common errors that can be encountered include:
- The external feed either does not exist or its definition is incorrect in the template.
- External feed placeholders are defined incorrectly in the template.
- An API issue prevents access to the external feed.
How to access external feeds with token authentication
When creating the feeds, bearer token can be sent as headers for authentication. When the feed is called the token will be passed into the headers and the API is called with all the information provided by the user. An example of how the token will be passed in headers is mentioned below.
headers : {
"token": "Bearer token"
}
Frequently Asked Questions (FAQ)
When sending out an email for a campaign, lets hypothetically assume 50,000 recipients. Does Brevo's servers send 50,000 http requests to the API specified in external feed, or one request and use the same response JSON for all emails?
for global feed:
for 'n' contacts server will send request 'n' times to API unless client has set cache: 'true' while creating feed.
When sending out an email for a campaign using personal emails with attributes, do Brevo servers send one request per user or once for the whole campaign?
In case of personalised feed:
As value is expected to be different for each recipient, we don't consider caching functionality, server will send request multiple times as per number of recipients even if caching is true.
If one request per user is sent, Do the http request to their external feed API send the attributes along as variables, either as POST variables or GET parameters?
As of now we support GET and we don't send any variable to API, we replace the variable value at our end and then send the request to API.
If one request is sent per campaign and personalization is based on attributes mapped to the response JSON,
How big is the response json file allowed to be?
There is no limit for response json as of now but yes we will suggest to have only required data, as more the response data more would be the latency.
Examples of Global and Dynamic feeds
Here we mention examples of implementing global and personalized external feeds
Global feed example
We will create an email campaign to share information about the top 5 trending cryptocurrencies. This is an example of a global feed, where all recipients will receive the same information.
Public API for this example is available at this url.
Step 1: Setup Feed
Here we have added a new feed by the name trendingcryptocoinsfeed.
curl --location --request POST 'https://api.sendinblue.com/v3/feeds' \
--header 'api-key: ' \
--header 'Content-Type: application/json' \
--data-raw '{
"name": "trendingcryptocoinsfeed",
"url": "https://api.coingecko.com/api/v3/search/trending",
"authType": "basic",
"username": "test",
"password": "test",
"token": "token",
"headers": [
{
"name": "abc",
"value": "1"
}
],
"maxRetries": 1,
"cache": true
}'
Step 2a: Connect external feed to the template (New D&D Editor)
Trendingcoins is the variable connected to the feed trendingcryptocoinsfeed.
Post this setup, Trendingcoins contains the entire data that can now be accessed in the template.
Step 2b: Connect external feed to the template (HTML Editor)
Trendingcoins is the variable connected to the feed trendingcryptocoinsfeed.
Post this setup,Trendingcoins contains the entire data that can now be accessed in the template.
Step 3a: Access feed data in the template (New D&D Editor)
We will set up repeat block in the template so that we are able to show first 5 crypto coins in the newsletter.
We will show following data from data feeds into the newsletter.
- Crypto coin image, Crypto coin name, Crypto coin symbol, Crypto coin rank (market cap wise).
First let us define For loop using Repeat block feature. [Read more about repeat block]
Next we add the variables in the template. Since we have setup variable alias Trending we will use it to access feeds variables.
Final email received shows top 5 trending crypto coins.
Step 3b: Access feed data in the template (HTML editor)
We will set up repeat block in the template so that we are able to show first 5 crypto coins in the newsletter.
We will show following data from data feeds into the newsletter.
- Crypto coin image, Crypto coin name, Crypto coin symbol, Crypto coin rank (market cap wise).
First let us define For loop using Repeat block feature. [Read more about repeat block]
Next we add the variables in the template. Since we have setup variable alias Trending we will use it to access feeds variables.
<!--
feed.Trendingcoins : {{ feed.get("trendingcryptocoinsfeed") }}
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Information on crypto coins</title>
<style type="text/css" emogrify="no">#outlook a { padding:0; } .ExternalClass { width:100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } table td { border-collapse: collapse; mso-line-height-rule: exactly; } .editable.image { font-size: 0 !important; line-height: 0 !important; } .nl2go_preheader { display: none !important; mso-hide:all !important; mso-line-height-rule: exactly; visibility: hidden !important; line-height: 0px !important; font-size: 0px !important; } body { width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; } img { outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; } a img { border:none; } table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } th { font-weight: normal; text-align: left; } *[class="gmail-fix"] { display: none !important; } </style>
<style type="text/css" emogrify="no"> @media (max-width: 600px) { .gmx-killpill { content: ' \03D1';} } </style>
<style type="text/css" emogrify="no">@media (max-width: 600px) { .gmx-killpill { content: ' \03D1';} .r0-c { box-sizing: border-box !important; text-align: center !important; valign: top !important; width: 320px !important } .r1-o { border-style: solid !important; margin: 0 auto 0 auto !important; width: 320px !important } .r2-c { box-sizing: border-box !important; text-align: center !important; valign: top !important; width: 100% !important } .r3-o { border-style: solid !important; margin: 0 auto 0 auto !important; width: 100% !important } .r4-i { background-color: #ffffff !important; padding-bottom: 20px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 20px !important } .r5-c { box-sizing: border-box !important; display: block !important; valign: top !important; width: 100% !important } .r6-o { border-style: solid !important; width: 100% !important } .r7-i { padding-left: 0px !important; padding-right: 0px !important } .r8-i { padding-bottom: 15px !important; padding-top: 15px !important } .r9-c { box-sizing: border-box !important; text-align: left !important; valign: top !important; width: 100% !important } .r10-o { border-style: solid !important; margin: 0 auto 0 0 !important; width: 100% !important } .r11-i { padding-bottom: 0px !important; padding-top: 15px !important; text-align: left !important } .r12-i { padding-bottom: 15px !important; padding-top: 15px !important; text-align: left !important } .r13-i { background-color: #eff2f7 !important; padding-bottom: 20px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 20px !important } .r14-i { padding-bottom: 0px !important; padding-top: 15px !important; text-align: center !important } .r15-i { padding-bottom: 0px !important; padding-top: 0px !important; text-align: center !important } .r16-i { padding-bottom: 15px !important; padding-top: 15px !important; text-align: center !important } .r17-c { box-sizing: border-box !important; text-align: center !important; width: 100% !important } .r18-i { padding-bottom: 15px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important } .r19-c { box-sizing: border-box !important; text-align: center !important; valign: top !important; width: 129px !important } .r20-o { border-style: solid !important; margin: 0 auto 0 auto !important; width: 129px !important } body { -webkit-text-size-adjust: none } .nl2go-responsive-hide { display: none } .nl2go-body-table { min-width: unset !important } .mobshow { height: auto !important; overflow: visible !important; max-height: unset !important; visibility: visible !important; border: none !important } .resp-table { display: inline-table !important } .magic-resp { display: table-cell !important } } </style>
<!--[if !mso]><!-->
<style type="text/css" emogrify="no"> </style>
<!--<![endif]-->
<style type="text/css">p, h1, h2, h3, h4, ol, ul { margin: 0; } a, a:link { color: #40464d; text-decoration: underline } .nl2go-default-textstyle { color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 16px; line-height: 1.5 } .default-button { border-radius: 4px; color: #ffffff; font-family: arial,helvetica,sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.15; text-decoration: none; width: 50% } .default-heading1 { color: #1F2D3D; font-family: arial,helvetica,sans-serif; font-size: 36px } .default-heading2 { color: #1F2D3D; font-family: arial,helvetica,sans-serif; font-size: 32px } .default-heading3 { color: #1F2D3D; font-family: arial,helvetica,sans-serif; font-size: 24px } .default-heading4 { color: #1F2D3D; font-family: arial,helvetica,sans-serif; font-size: 18px } a[x-apple-data-detectors] { color: inherit !important; text-decoration: inherit !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .no-show-for-you { border: none; display: none; float: none; font-size: 0; height: 0; line-height: 0; max-height: 0; mso-hide: all; overflow: hidden; table-layout: fixed; visibility: hidden; width: 0; } </style>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style type="text/css">a:link{color: #40464d; text-decoration: underline;}</style>
</head>
<body text="#3b3f44" link="#40464d" yahoo="fix" style="">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" class="nl2go-body-table" width="100%" style="width: 100%;">
<tr>
<td align="center" class="r0-c">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="600" class="r1-o" style="table-layout: fixed; width: 600px;">
<tr>
<td valign="top" class="">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
{% for Trending in feed.trendingcoins.coins | slice:":5" %}
<tr>
<td class="r2-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r3-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td class="r4-i" style="background-color: #ffffff; padding-bottom: 20px; padding-top: 20px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<th width="50%" valign="top" class="r5-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r6-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r2-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="270" class="r3-o" style="table-layout: fixed; width: 270px;">
<tr>
<td class="r8-i" style="font-size: 0px; line-height: 0px; padding-bottom: 15px; padding-top: 15px;"> <img src="{{Trending.item.large}}" width="270" border="0" class="" style="display: block; width: 100%;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
<th width="50%" valign="top" class="r5-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r6-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r9-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r10-o" style="table-layout: fixed; width: 100%;">
<tr>
<td align="left" valign="top" class="r11-i nl2go-default-textstyle" style="color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 16px; line-height: 1.5; padding-top: 15px; text-align: left;">
<div>
<p style="margin: 0; font-size: 22px;">{{Trending.item.name}}</p>
<p style="margin: 0; font-size: 22px;"> </p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r9-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r10-o" style="table-layout: fixed; width: 100%;">
<tr>
<td align="left" valign="top" class="r12-i nl2go-default-textstyle" style="color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 16px; line-height: 1.5; padding-bottom: 15px; padding-top: 15px; text-align: left;">
<div>
<p style="margin: 0;"><strong>Market cap wise rank :</strong><br>{{Trending.item.market_cap_rank}}</p>
<p style="margin: 0;"> </p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
{% endfor %}
<tr>
<td class="r2-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r3-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td class="r13-i" style="background-color: #eff2f7; padding-bottom: 20px; padding-top: 20px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<th width="100%" valign="top" class="r5-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r6-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r9-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r10-o" style="table-layout: fixed; width: 100%;">
<tr>
<td align="center" valign="top" class="r14-i nl2go-default-textstyle" style="color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 1.5; padding-top: 15px; text-align: center;">
<div>
<p style="margin: 0;"><strong>Coin</strong> <strong>Desk</strong></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r9-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r10-o" style="table-layout: fixed; width: 100%;">
<tr>
<td align="center" valign="top" class="r15-i nl2go-default-textstyle" style="color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 1.5; text-align: center;">
<div>
<p style="margin: 0; font-size: 14px;">2848 Brown Bear Drive</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r9-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r10-o" style="table-layout: fixed; width: 100%;">
<tr>
<td align="center" valign="top" class="r14-i nl2go-default-textstyle" style="color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 1.5; padding-top: 15px; text-align: center;">
<div>
<p style="margin: 0; font-size: 14px;">This email was sent to {{contact.EMAIL}}</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r9-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r10-o" style="table-layout: fixed; width: 100%;">
<tr>
<td align="center" valign="top" class="r15-i nl2go-default-textstyle" style="color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 1.5; text-align: center;">
<div>
<p style="margin: 0; font-size: 14px;">You've received this email because you've subscribed to our newsletter.</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r9-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r10-o" style="table-layout: fixed; width: 100%;">
<tr>
<td align="center" valign="top" class="r16-i nl2go-default-textstyle" style="color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 1.5; padding-bottom: 15px; padding-top: 15px; text-align: center;">
<div>
<p style="margin: 0; font-size: 14px;"> <a href="{{ unsubscribe }}" style="color: #40464d; text-decoration: underline;">Unsubscribe</a></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r17-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r3-o" style="table-layout: fixed; width: 100%;">
<tr>
<td valign="top" class="r18-i" style="padding-bottom: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r19-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="129" class="r20-o" style="table-layout: fixed;">
<tr>
<td height="48" class="" style="font-size: 0px; line-height: 0px;"> <img src="https://img.mailinblue.com/new_images/rnb/en.png" width="129" border="0" class="" style="display: block; width: 100%;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Final email received shows top 5 trending crypto coins.
Personalized feed example
In this example, we will create an email campaign that provides information about each contact's favorite cryptocurrency. This will showcase a dynamic feed where each recipient receives unique, personalized information.
Public API for this example is available at this url.
Step 1: Setup feed
Here we have added a new feed by the name favcryptocoinsfeed. You may notice we have added Contact attribute {{contact.FAVCOIN}} in the URL. This will get replaced by contact’s favorite coin at time of email sending and therefore generate unique data for each recipient.
curl --location --request POST 'https://api.sendinblue.com/v3/feeds' \
--header 'api-key: ' \
--header 'Content-Type: application/json' \
--data-raw '{
"name": "favcryptocoinsfeed",
"url": "https://api.coingecko.com/api/v3/coins/{{contact.FAVCOIN}}",
"authType": "basic",
"username": "test",
"password": "test",
"token": "token",
"headers": [
{
"name": "abc",
"value": "1"
}
],
"maxRetries": 1,
"cache": true
}'
Step 2: Prepare contact recipients
Add a new attribute FAVCOIN and add its value for each recipient who will receive this newsletter.
Step 3a: Connect external feed to the template (New D&D Editor)
Favcoin is the variable connected to the feed favcryptocoinsfeed.
Post this setup,Favcoin contains the entire data that can now be accessed in the template.
Step 3b: Connect external feed to the template (HTML Editor)
Favcoin is the variable connected to the feed favcryptocoinsfeed.
Post this setup,Favcoin contains the entire data that can now be accessed in the template.
Step 4a: Access feed data in the template (New D&D Editor)
We will show following data from data feeds into the newsletter.
- Crypto coin image, Crypto coin name, Crypto coin symbol, Crypto coin rank (market cap wise), Crypto coin price, Description and link to the coin homepage.
We add the variables in the template. Since we have setup variable alias Favcoin we will use it to access feeds variables.
Final email received shows unique crypto coin information for 2 different recipients.
Step 4b: Access feed data in the template (HTML Editor)
We will show following data from data feeds into the newsletter.
- Crypto coin image, Crypto coin name, Crypto coin symbol, Crypto coin rank (market cap wise), Crypto coin price, Description and link to the coin homepage.
We add the variables in the template. Since we have setup variable alias Favcoin we will use it to access feeds variables.
<!--
feed.Favcoin : {{ feed.get("favcryptocoinsfeed") }}
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Information on crypto coins</title>
<style type="text/css" emogrify="no">
#outlook a {
padding: 0;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
table td {
border-collapse: collapse;
mso-line-height-rule: exactly;
}
.editable.image {
font-size: 0 !important;
line-height: 0 !important;
}
.nl2go_preheader {
display: none !important;
mso-hide: all !important;
mso-line-height-rule: exactly;
visibility: hidden !important;
line-height: 0px !important;
font-size: 0px !important;
}
body {
width: 100% !important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
}
img {
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a img {
border: none;
}
table {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
th {
font-weight: normal;
text-align: left;
}
*[class="gmail-fix"] {
display: none !important;
}
</style>
<style type="text/css" emogrify="no">
@media (max-width: 600px) {
.gmx-killpill {
content: " \03D1";
}
}
</style>
<style type="text/css" emogrify="no">
@media (max-width: 600px) {
.gmx-killpill {
content: " \03D1";
}
.r0-c {
box-sizing: border-box !important;
width: 100% !important;
}
.r1-o {
border-style: solid !important;
width: 100% !important;
}
.r2-i {
background-color: transparent !important;
}
.r3-c {
box-sizing: border-box !important;
text-align: center !important;
valign: top !important;
width: 320px !important;
}
.r4-o {
border-style: solid !important;
margin: 0 auto 0 auto !important;
width: 320px !important;
}
.r5-i {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.r6-c {
box-sizing: border-box !important;
display: block !important;
valign: top !important;
width: 100% !important;
}
.r7-i {
padding-left: 0px !important;
padding-right: 0px !important;
}
.r8-c {
box-sizing: border-box !important;
text-align: center !important;
width: 100% !important;
}
.r9-o {
border-style: solid !important;
margin: 0 auto 0 auto !important;
width: 100% !important;
}
.r10-i {
padding-left: 10px !important;
padding-right: 10px !important;
text-align: center !important;
}
.r11-c {
box-sizing: border-box !important;
text-align: center !important;
valign: top !important;
width: 100% !important;
}
.r12-i {
background-color: #ffffff !important;
padding-bottom: 0px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 0px !important;
}
.r13-i {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.r14-c {
box-sizing: border-box !important;
text-align: left !important;
valign: top !important;
width: 100% !important;
}
.r15-o {
border-style: solid !important;
margin: 0 auto 0 0 !important;
width: 100% !important;
}
.r16-i {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 15px !important;
text-align: left !important;
}
.r17-i {
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
text-align: left !important;
}
.r18-o {
border-style: solid !important;
margin: 0 auto 0 auto !important;
margin-bottom: 15px !important;
margin-top: 15px !important;
width: 100% !important;
}
.r19-i {
text-align: center !important;
}
.r20-r {
background-color: #40464d !important;
border-radius: 4px !important;
border-width: 0px !important;
box-sizing: border-box;
height: initial !important;
padding-bottom: 12px !important;
padding-left: 5px !important;
padding-right: 5px !important;
padding-top: 12px !important;
text-align: center !important;
width: 100% !important;
}
.r21-i {
background-color: #eff2f7 !important;
padding-bottom: 20px !important;
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 20px !important;
}
.r22-i {
padding-bottom: 0px !important;
padding-top: 15px !important;
text-align: center !important;
}
.r23-i {
padding-bottom: 0px !important;
padding-top: 0px !important;
text-align: center !important;
}
.r24-i {
padding-bottom: 15px !important;
padding-top: 15px !important;
text-align: center !important;
}
.r25-i {
padding-bottom: 15px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
}
.r26-c {
box-sizing: border-box !important;
text-align: center !important;
valign: top !important;
width: 129px !important;
}
.r27-o {
border-style: solid !important;
margin: 0 auto 0 auto !important;
width: 129px !important;
}
body {
-webkit-text-size-adjust: none;
}
.nl2go-responsive-hide {
display: none;
}
.nl2go-body-table {
min-width: unset !important;
}
.mobshow {
height: auto !important;
overflow: visible !important;
max-height: unset !important;
visibility: visible !important;
border: none !important;
}
.resp-table {
display: inline-table !important;
}
.magic-resp {
display: table-cell !important;
}
}
</style>
<!--[if !mso]><!-->
<style type="text/css" emogrify="no"></style>
<!--<![endif]-->
<style type="text/css">
p,
h1,
h2,
h3,
h4,
ol,
ul {
margin: 0;
}
a,
a:link {
color: #40464d;
text-decoration: underline;
}
.nl2go-default-textstyle {
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
}
.default-button {
border-radius: 4px;
color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1.15;
text-decoration: none;
width: 50%;
}
.default-heading1 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 36px;
}
.default-heading2 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 32px;
}
.default-heading3 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
}
.default-heading4 {
color: #1f2d3d;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: inherit !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.no-show-for-you {
border: none;
display: none;
float: none;
font-size: 0;
height: 0;
line-height: 0;
max-height: 0;
mso-hide: all;
overflow: hidden;
table-layout: fixed;
visibility: hidden;
width: 0;
}
</style>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings> <o:AllowPNG /> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style type="text/css">
a:link {
color: #40464d;
text-decoration: underline;
}
</style>
</head>
<body text="#3b3f44" link="#40464d" yahoo="fix" style="">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" class="nl2go-body-table" width="100%" style="width: 100%;">
<tr>
<td align="" class="r0-c">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r2-i" style="background-color: transparent;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r3-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="600" class="r4-o" style="table-layout: fixed;">
<!-- -->
<tr>
<td class="r5-i" style="padding-bottom: 5px; padding-top: 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<th width="100%" valign="top" class="r6-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 10px; padding-right: 10px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r8-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r9-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="center"
class="r10-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
line-height: 16px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
"
>
<div>
<p style="margin: 0;">
<a href="{{ mirror }}" style="color: #40464d; text-decoration: underline;">
<span style="font-family: arial, helvetica, sans-serif; font-size: 12px; text-decoration: underline;">
View in browser
</span>
</a>
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" class="r3-c">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="600" class="r4-o" style="table-layout: fixed; width: 600px;">
<tr>
<td valign="top" class="">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r11-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r9-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td class="r12-i" style="background-color: #ffffff;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<th width="50%" valign="top" class="r6-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r11-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="270" class="r9-o" style="table-layout: fixed; width: 270px;">
<tr>
<td class="r13-i" style="font-size: 0px; line-height: 0px;">
<img src="{{feed.Favcoin.image.large}}" width="270" border="0" class="" style="display: block; width: 100%;" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
<th width="50%" valign="top" class="r6-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="left"
valign="top"
class="r16-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
padding-top: 15px;
text-align: left;
"
>
<div>
<p style="margin: 0; font-size: 22px;"><strong>{{feed.Favcoin.name}}</strong> ({{feed.Favcoin.symbol}})</p>
<p style="margin: 0; font-size: 22px;"></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="left"
valign="top"
class="r17-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: left;
word-wrap: break-word;
"
>
<div>
<p style="margin: 0;"><strong>Market cap wise rank : </strong>{{feed.Favcoin.market_cap_rank}}</p>
<p style="margin: 0;">
<br />
<strong>Current price : </strong><br />
<strong>$ </strong>{{feed.Favcoin.market_data.current_price.usd}}
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r11-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r9-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td class="r12-i" style="background-color: #ffffff;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<th width="100%" valign="top" class="r6-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="left"
valign="top"
class="r17-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: left;
word-wrap: break-word;
"
>
<div>
<p style="margin: 0;">{{feed.Favcoin.description.en|safe|truncatewords: 50}}</p>
<p style="margin: 0;">{{ contact.FIRSTNAME }}</p>
<p style="margin: 0;">{{params.key}}</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r11-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="285" class="r18-o" style="table-layout: fixed; width: 285px;">
<tr class="nl2go-responsive-hide">
<td height="15" style="font-size: 15px; line-height: 15px;">Â</td>
</tr>
<tr>
<td
height="18"
align="center"
valign="top"
class="r19-i nl2go-default-textstyle"
style="color: #3b3f44; font-family: arial, helvetica, sans-serif; font-size: 16px; line-height: 1.5;"
>
<!--[if mso]>
<v:roundrect
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:w="urn:schemas-microsoft-com:office:word"
href="{{Favcoin.links.homepage}}"
style="v-text-anchor: middle; height: 41px; width: 284px;"
arcsize="10%"
fillcolor="#40464d"
strokecolor="#40464d"
strokeweight="1px"
data-btn="1"
>
<w:anchorlock />
<v:textbox inset="0,0,0,0">
<div style="display: none;">
<center class="default-button" style="background-color: #40464d;"><p>View more</p></center>
</div>
</v:textbox>
</v:roundrect>
<![endif]-->
<!--[if !mso]><!-- -->
<a
href="{{Favcoin.links.homepage}}"
class="r20-r default-button"
target="_blank"
data-btn="1"
style="
font-style: normal;
font-weight: normal;
line-height: 1.15;
text-decoration: none;
border-style: solid;
word-wrap: break-word;
display: inline-block;
-webkit-text-size-adjust: none;
mso-hide: all;
background-color: #40464d;
border-color: #40464d;
border-radius: 4px;
border-width: 0px;
color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
height: 18px;
padding-bottom: 12px;
padding-left: 5px;
padding-right: 5px;
padding-top: 12px;
width: 275px;
"
>
<p style="margin: 0;">View more</p>
</a>
<!--<![endif]-->
</td>
</tr>
<tr class="nl2go-responsive-hide">
<td height="15" style="font-size: 15px; line-height: 15px;">Â</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r11-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r9-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td class="r21-i" style="background-color: #eff2f7; padding-bottom: 20px; padding-top: 20px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<th width="100%" valign="top" class="r6-c" style="font-weight: normal;">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r1-o" style="table-layout: fixed; width: 100%;">
<!-- -->
<tr>
<td valign="top" class="r7-i" style="padding-left: 15px; padding-right: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="center"
valign="top"
class="r22-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
line-height: 1.5;
padding-top: 15px;
text-align: center;
"
>
<div>
<p style="margin: 0;"><strong>Coin</strong> <strong>Desk</strong></p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="center"
valign="top"
class="r23-i nl2go-default-textstyle"
style="color: #3b3f44; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height: 1.5; text-align: center;"
>
<div><p style="margin: 0; font-size: 14px;">2848 Brown Bear Drive</p></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="center"
valign="top"
class="r22-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
line-height: 1.5;
padding-top: 15px;
text-align: center;
"
>
<div><p style="margin: 0; font-size: 14px;">This email was sent to {{contact.EMAIL}}</p></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="center"
valign="top"
class="r23-i nl2go-default-textstyle"
style="color: #3b3f44; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height: 1.5; text-align: center;"
>
<div><p style="margin: 0; font-size: 14px;">You've received this email because you've subscribed to our newsletter.</p></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r14-c" align="left">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r15-o" style="table-layout: fixed; width: 100%;">
<tr>
<td
align="center"
valign="top"
class="r24-i nl2go-default-textstyle"
style="
color: #3b3f44;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
line-height: 1.5;
padding-bottom: 15px;
padding-top: 15px;
text-align: center;
"
>
<div>
<p style="margin: 0; font-size: 14px;">
<a href="{{ unsubscribe }}" style="color: #40464d; text-decoration: underline;">Unsubscribe</a>
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="r8-c" align="center">
<table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" class="r9-o" style="table-layout: fixed; width: 100%;">
<tr>
<td valign="top" class="r25-i" style="padding-bottom: 15px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tr>
<td class="r26-c" align="center">
<table
cellspacing="0"
cellpadding="0"
border="0"
role="presentation"
width="129"
class="r27-o"
style="table-layout: fixed;"
>
<tr>
<td height="48" class="" style="font-size: 0px; line-height: 0px;">
<img
src="https://img.mailinblue.com/new_images/rnb/en.png"
width="129"
border="0"
class=""
style="display: block; width: 100%;"
/>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Final email received shows unique crypto coin information for 2 different recipients.
Updated 12 months ago