Brak opisu

statsNotificationAutomatedEmails.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. <% extends 'emails/statsNotificationLayout.html' %>
  2. <% block content %>
  3. <tr>
  4. <td class="mailpoet_content" align="center" style="border-collapse:collapse">
  5. <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;border-collapse:collapse">
  6. <tbody>
  7. <tr>
  8. <td style="padding-left:0;padding-right:0;border-collapse:collapse">
  9. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="mailpoet_cols-one" style="border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;border-collapse:collapse">
  10. <tbody>
  11. <tr>
  12. <td class="mailpoet_spacer" height="36" valign="top" style="border-collapse:collapse"></td>
  13. </tr>
  14. <tr>
  15. <td class="mailpoet_image mailpoet_padded_vertical mailpoet_padded_side" align="center" valign="top" style="border-collapse:collapse;padding-bottom:20px;padding-left:20px;padding-right:20px">
  16. <img src="<%= cdn_url('logo-orange-400x122.png') %>" width="80" alt="new_logo_orange" style="height:auto;max-width:100%;-ms-interpolation-mode:bicubic;border:0;display:block;outline:none;text-align:center" />
  17. </td>
  18. </tr>
  19. <tr>
  20. <td class="mailpoet_spacer" height="26" valign="top" style="border-collapse:collapse"></td>
  21. </tr>
  22. <tr>
  23. <td class="mailpoet_text mailpoet_padded_vertical mailpoet_padded_side" valign="top" style="word-break:break-word;word-wrap:break-word;padding-top:0;border-collapse:collapse;padding-bottom:20px;padding-left:20px;padding-right:20px">
  24. <h1 style="text-align:center;padding:0;font-style:normal;font-weight:normal;margin:0 0 12px;color:#111111;font-family:'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;font-size:40px;line-height:64px">
  25. <strong><%= __('Your monthly stats are in!') %></strong>
  26. </h1>
  27. </td>
  28. </tr>
  29. <tr>
  30. <td class="mailpoet_spacer" height="55" valign="top" style="border-collapse:collapse"></td>
  31. </tr>
  32. </tbody>
  33. </table>
  34. </td>
  35. </tr>
  36. </tbody>
  37. </table>
  38. </td>
  39. </tr>
  40. <% for newsletter in newsletters %>
  41. <tr>
  42. <td class="mailpoet_content" align="center" style="border-collapse:collapse">
  43. <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
  44. <tbody>
  45. <tr>
  46. <td style="border-collapse:collapse;padding-left:0;padding-right:0">
  47. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="mailpoet_cols-one" style="border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0">
  48. <tbody>
  49. <tr>
  50. <td class="mailpoet_divider" valign="top" style="border-collapse:collapse;padding:29.5px 20px 29.5px 20px">
  51. <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
  52. <tr>
  53. <td class="mailpoet_divider-cell" style="border-collapse:collapse;border-top-width:1px;border-top-style:solid;border-top-color:#e8e8e8">
  54. </td>
  55. </tr>
  56. </table>
  57. </td>
  58. </tr>
  59. <tr>
  60. <td class="mailpoet_text mailpoet_padded_vertical mailpoet_padded_side" valign="top" style="border-collapse:collapse;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;word-break:break-word;word-wrap:break-word">
  61. <h2 class="title" style="margin:0 0 7.8px;color:#222222;font-family:lato,'helvetica neue',helvetica,arial,sans-serif;font-size:26px;line-height:31.2px;margin-bottom:0;text-align:center;padding:0;font-style:normal;font-weight:normal">
  62. <strong>
  63. <a href="<%= newsletter.linkStats %>" style="color:#0074a2;text-decoration:underline">
  64. <%= newsletter.subject %>
  65. </a>
  66. </strong>
  67. </h2>
  68. </td>
  69. </tr>
  70. <tr>
  71. <td class="mailpoet_spacer" height="28" valign="top" style="border-collapse:collapse"></td>
  72. </tr>
  73. </tbody>
  74. </table>
  75. </td>
  76. </tr>
  77. </tbody>
  78. </table>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td class="mailpoet_content-cols-two" align="left" style="border-collapse:collapse">
  83. <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
  84. <tbody>
  85. <tr>
  86. <td align="center" style="border-collapse:collapse;font-size:0"><!--[if mso]>
  87. <table border="0" width="100%" cellpadding="0" cellspacing="0">
  88. <tbody>
  89. <tr>
  90. <td width="330" valign="top">
  91. <![endif]--><div style="display:inline-block; max-width:330px; vertical-align:top; width:100%;">
  92. <table width="330" class="mailpoet_cols-two" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse;width:100%;max-width:330px;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0">
  93. <tbody>
  94. <tr>
  95. <td class="mailpoet_padded_vertical mailpoet_padded_side" valign="top" style="border-collapse:collapse;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px">
  96. <div>
  97. <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
  98. <tr>
  99. <td class="mailpoet_button-container" style="border-collapse:collapse;text-align:center"><!--[if mso]>
  100. <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
  101. href="<%= newsletter.linkStats %>"
  102. style="height:20px;
  103. width:50px;
  104. v-text-anchor:middle;"
  105. arcsize="15%"
  106. strokeweight="0px"
  107. strokecolor="#0074a2"
  108. fillcolor="<%= opened_stats_color(newsletter.opened) %>">
  109. <w:anchorlock/>
  110. <center style="color:#ffffff;
  111. font-family:Arial;
  112. font-size:10px;
  113. font-weight:bold;"><%= opened_stats_text(newsletter.opened) %>
  114. </center>
  115. </v:roundrect>
  116. <![endif]--><a class="mailpoet_button" href="<%= newsletter.linkStats %>" style="color:#ffffff;text-decoration:none !important;display:inline-block;-webkit-text-size-adjust:none;mso-hide:all;text-align:center;background-color:<%= opened_stats_color(newsletter.opened) %>;border-color:#0074a2;border-width:0px;border-radius:3px;border-style:solid;width:80px;line-height:20px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:10px;font-weight:normal">
  117. <%= opened_stats_text(newsletter.opened) %>
  118. </a>
  119. </td>
  120. </tr>
  121. </table>
  122. </div>
  123. </td>
  124. </tr>
  125. <tr>
  126. <td class="mailpoet_text mailpoet_padded_vertical mailpoet_padded_side" valign="top" style="border-collapse:collapse;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;word-break:break-word;word-wrap:break-word">
  127. <h3 style="margin:0 0 5.4px;color:#333333;font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;font-size:18px;line-height:21.6px;margin-bottom:0;text-align:center;padding:0;font-style:normal;font-weight:normal">
  128. <span style="color: <%= opened_stats_color(newsletter.opened) %>;">
  129. <strong><%= number_format_i18n(newsletter.opened, 1) %>% </strong>
  130. <span style="color: #000000;">
  131. <%= __('open rate') %>
  132. </span>
  133. </span>
  134. </h3>
  135. </td>
  136. </tr>
  137. </tbody>
  138. </table>
  139. </div><!--[if mso]>
  140. </td>
  141. <td width="330" valign="top">
  142. <![endif]--><div style="display:inline-block; max-width:330px; vertical-align:top; width:100%;">
  143. <table width="330" class="mailpoet_cols-two" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse;width:100%;max-width:330px;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;table-layout:fixed;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0">
  144. <tbody>
  145. <tr>
  146. <td class="mailpoet_padded_vertical mailpoet_padded_side" valign="top" style="border-collapse:collapse;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px">
  147. <div>
  148. <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0">
  149. <tr>
  150. <td class="mailpoet_button-container" style="border-collapse:collapse;text-align:center"><!--[if mso]>
  151. <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
  152. href="<%= newsletter.linkStats %>"
  153. style="height:20px;
  154. width:80px;
  155. v-text-anchor:middle;"
  156. arcsize="15%"
  157. strokeweight="0px"
  158. strokecolor="#0074a2"
  159. fillcolor="<%= clicked_stats_color(newsletter.clicked) %>">
  160. <w:anchorlock/>
  161. <center style="color:#ffffff;
  162. font-family:Arial;
  163. font-size:10px;
  164. font-weight:bold;"><%= clicked_stats_text(newsletter.clicked) %>
  165. </center>
  166. </v:roundrect>
  167. <![endif]--><a class="mailpoet_button" href="<%= newsletter.linkStats %>" style="color:#ffffff;text-decoration:none !important;display:inline-block;-webkit-text-size-adjust:none;mso-hide:all;text-align:center;background-color:<%= clicked_stats_color(newsletter.clicked) %>;border-color:#0074a2;border-width:0px;border-radius:3px;border-style:solid;width:80px;line-height:20px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size:10px;font-weight:normal">
  168. <%= clicked_stats_text(newsletter.clicked) %>
  169. </a>
  170. </td>
  171. </tr>
  172. </table>
  173. </div>
  174. </td>
  175. </tr>
  176. <tr>
  177. <td class="mailpoet_text mailpoet_padded_vertical mailpoet_padded_side" valign="top" style="border-collapse:collapse;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;word-break:break-word;word-wrap:break-word">
  178. <h3 style="margin:0 0 5.4px;color:#333333;font-family:'Courier New',Courier,'Lucida Sans Typewriter','Lucida Typewriter',monospace;font-size:18px;line-height:21.6px;margin-bottom:0;text-align:center;padding:0;font-style:normal;font-weight:normal">
  179. <span style="color: <%= clicked_stats_color(newsletter.clicked) %>;">
  180. <strong>
  181. <span style="color: <%= clicked_stats_color(newsletter.clicked) %>;"><%= number_format_i18n(newsletter.clicked, 1) %>%</span>
  182. </strong>
  183. <span style="color: #000000;">
  184. <%= __('click rate') %>
  185. </span>
  186. </span>
  187. </h3>
  188. </td>
  189. </tr>
  190. </tbody>
  191. </table>
  192. </div><!--[if mso]>
  193. </td>
  194. </tr>
  195. </tbody>
  196. </table>
  197. <![endif]--></td>
  198. </tr>
  199. </tbody>
  200. </table>
  201. </td>
  202. </tr>
  203. <% endfor %>
  204. <tr>
  205. <td class="mailpoet_spacer" height="55" valign="top" style="border-collapse:collapse"></td>
  206. </tr>
  207. <% endblock %>