Email sent from Hotjar to a Registered user

Hotjar Registered user

Subscribed 6 years, 7 months ago
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "//www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width" name="viewport"/>
  <meta content="telephone=no" name="format-detection"/>
  <!-- Resets -->
  <style data-premailer="ignore" type="text/css">
   @import url('https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DMerriweather%253A900%257COpen%252BSans%253A400%252C600/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCJ9:1kXPDo:OcNIPVH6QPZPFv__IvuJ3-YZS0DqEJDJcULVmlKsDrk');

  #outlook a{
    padding: 0;
  }
  body{
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-weight: 400;
    margin: 0;
    padding: 0;
  }
  .ReadMsgBody{
    width: 100%;
  }
  .ExternalClass{
    width: 100%;
  }
  img {
    border: 0;
    max-width: 100%;
    height: auto;
    outline: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    line-height: 100%;
  }
  #backgroundTable{
    height: 100% !important;
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  </style>
  <!-- Main styles -->
  <style type="text/css">
   /**
   * Generic
   */

  .main {
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    letter-spacing: 0;
  }

  .main .main-td {
    padding: 40px 60px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    border-radius: 2px;
  }

  table {
    border-spacing: 0;
    border-collapse: separate;
    table-layout: fixed;
  }

  td {
    font-size: 16px;
    padding: 0;
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
  }

  a {
    border: none;
    outline: none !important;
  }

  .small {
    font-size: 13px;
    line-height: 19px;
  }


  /**
   * Header
   */

  .header td img {
    text-align: left;
  }

  .header .logo {
    text-align: center;
  }

  .header .logo img {
    width: 100px;
    height: 48px;
  }

  .header .logo a {
    display: inline-block;
  }

  .header .logo-subtitle p {
    font-size: 12px;
    font-weight: 600;
    color: #D0021B;
    text-align: center;
  }

  .header .email-title h1 {
    font-family: 'Merriweather',Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    margin: 23px 0 41px;
  }

  /**
   * Content
   */

  .content-td {
    font-size: 16px;
    line-height: 24px !important;
    padding: 0;
    color: #333333;
  }

  .content-td p {
    font-size: 16px;
    line-height: 24px !important;
  }

  .content-td > :first-child {
    margin-top: 0;
  }

  .content-td h1 {
    font-family: 'Merriweather',Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 27px;
    font-weight: 900;
    color: #000000;
    margin: 0;
    text-align: center;
  }

  .content-td h2 {
    font-family: 'Merriweather',Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 31px;
    font-weight: 900;
    color: #000000;
    margin: 0;
    text-align: center;
    margin: 59px 0 31px;
  }

  .content-td h1 + h2 {
    margin-top: 0px !important;
  }

  .content-td h2 + h1 {
    margin-top: 0px !important;
  }

  .content-td h3 ,
  .content-td h4 ,
  .content-td h5 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .content-td p {
    margin: 0 0 17px 0;
    line-height: 1.5;
  }

  .content-td p img,
  .content-td h1 img,
  .content-td h2 img,
  .content-td li img,
  .content-td .intercom-h2b-button img {
    margin: 0;
    padding: 0;
  }

  .content-td p.intro {
    font-size: 20px;
    line-height: 30px;
  }

  .content-td blockquote {
    margin: 40px 0;
    font-style: italic;
    color: #8C8C8C;
    font-size: 18px;
    text-align: center;
    padding: 0 30px;
    font-family: Georgia, sans-serif;
    quotes: none;
  }

  .content-td blockquote a {
    color: #8C8C8C;
  }

  .content-td ul {
    list-style: disc;
    margin: 0 auto 20px !important;
    padding: 0 0 0 40px;
    max-width: 525px
  }

  .content-td ol {
    list-style: decimal;
    margin: 0 0 20px 40px;
    padding: 0;
  }

  .content-td ul li {
    padding: 0 10px;
  }

  .content-td img {
    max-width: 100%;
    margin: 17px 0;
  }

  .content-td .intercom-container {
    margin-bottom: 16px;
  }

  .content-td hr {
    border: none;
    border-top: 1px solid #DDD;
    margin: 56px 0 19px;
  }

  .content-td table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
  }

  .content-td td,
  .content-td th {
    padding: 5px 7px;
    border: 1px solid #DADADA;
    text-align: left;
    vertical-align: top;
  }

  .content-td th {
    font-weight: bold;
    background: #F6F6F6;
  }

  .content-td a {
    color: #0093E4;
  }

  .content-td .clear {
    clear: both;
  }

  .content-td.intro-content {
    margin-bottom: 30px;
    display: block;
  }

  .content-td.intro-content p {
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .content-td .content-pa-box {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 44px !important;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.2);
  }

  .content-td .content-pa-box .pa-box-image {
    width: 100%;
    margin: 0;
  }

  .content-td .content-pa-box .pa-box-content {
    padding: 0 20px 40px;
    text-align: center;
  }

  .content-td .content-pa-box .pa-box-title {
    margin: 30px 0 25px;
  }

  .content-td .content-pa-box .pa-box-button {
    margin-top: 17px;
    font-size: 17px;
    font-weight: 500;
  }

  .content-td .pa-email-footer {
    text-align: center;
  }

  .content-td .pa-email-signature {
    max-width: 428px;
    margin: 40px auto 0;
  }

  .content-td .pa-email-signature img {
    width: 150px;
    height: 150px;
    margin-right: 28px;
    vertical-align: middle;
  }

  .content-td .pa-email-signature div {
    display: inline-block;
  }

  .content-td .pa-email-signature div h2 {
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    text-align: left;
    margin: 0;
  }

  .content-td .pa-email-signature div p {
    font-size: 16px;
    line-height: 24px;
    color: #F4364C;
    text-align: left;
    margin: 2px 0 0;
  }

  .content td.content-td table.intercom-container {
    margin: 17px 0;
  }
  .content td.content-td table.intercom-container.intercom-align-center {
    margin-left: auto;
    margin-right: auto;
  }

  .content td.content-td table.intercom-container td {
    background-color: #f4364c;
    padding: 12px 35px;
    border-radius: 3px;
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    margin: 0;
    border: none;
  }

  .content td.content-td table.intercom-container .intercom-h2b-button {
    display: inline-block;
    color: white;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #f4364c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    border-color: #f4364c;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important;
  }

  /**/
  .content-td pre {
    margin: 0 0 10px;
    padding: 10px;
    background-color: #f5f5f5;
    overflow: auto;
  }

  .content-td pre code {
    font-family: Courier, monospace;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }

  .footer-td {
    text-align: center;
    padding: 21px 30px 15px;
  }

  .footer-td p ,
  .footer-td a {
    font-size: 12px;
    color: #b7b7b7;
    text-decoration: none;
    font-weight: 300;
  }

  .footer-td p {
    margin: 0 0 6px 0;
  }

  .footer-td p.address {
    margin-top: 9px;
    line-height: 1.5em;
  }

  .footer-td p.powered-by {
    margin-top: 18px;
  }

  .footer-td p.unsub {
    margin: 0;
  }

  .footer .unsub a {
    text-decoration: underline;
    display: block;
    margin: 12px 0 0;
  }

  p.unsub a {
    text-decoration: underline;
  }

  .footer-td p.powered-by a {
    font-weight: bold;
  }

  .footer-td textarea {
    text-decoration: none;
    font-size: 12px;
    color: #b7b7b7;
    font-family: 'Open Sans',Helvetica, Arial, sans-serif;
    padding: 9px 0;
    font-weight: 300;
    line-height: normal;

  }

  a.intercom-h2b-button {
    background-color: #f4364c;
    font-size: 16px;
    color: #FFF;
    font-weight: 400;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #f4364c;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px 24px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important;
  }

  a.intercom-h2b-button:hover {
    background-color: #d5354b;
    border-color: #d5354b;
  }
  </style>
  <!-- Responsive-->
  <style data-premailer="ignore" type="text/css">
   @media screen and (max-width: 595px) {
    body {
      padding: 10px !important;
    }
    .main {
      width: 100% !important;
    }
    .main .main-td {
      padding: 20px !important;
    }
    .header td {
      text-align: center;
    }

    /**
     * Header
     */

    .header .logo img {
      width: 75px;
      height: 36px;
    }

    .header .email-title h1 {
      font-size: 18px;
      margin: 14px 0 30px;
    }

    /**
     * Content
     */

    .content-td {
      font-size: 14px;
    }

    .content-td p {
      font-size: 14px;
    }

    .content-td h1 {
      font-size: 18px;
    }

    .content-td h2 {
      font-size: 18px;
      margin: 18px 0 29px;
    }

    .content-td ul {
      max-width: auto;
      padding: 0;
    }

    .content-td ul li{
      padding: 0 5px;
    }

    .content-td hr {
      margin: 30px 0 15px;
    }

    .content-td.intro-content p {
      font-size: 14px;
    }

    .content-td .content-pa-box {
      width: calc(100% + 40px);
      max-width: none !important;
      margin: 0 -20px 13px !important;
      box-shadow: none !important;
      border: 0 none !important;
    }

    .content-td .content-pa-box .pa-box-content {
      padding: 0 20px 30px;
    }

    .content-td .content-pa-box .pa-box-title {
      margin: 29px 0 16px;
    }

    .content-td .content-pa-box .pa-box-button {
      margin-top: 13px;
    }

    .content-td .pa-email-signature {
      width: 100%;
      max-width: auto;
      margin: 25px auto 0;
    }

    .content-td .pa-email-signature img {
      width: 120px;
      height: 120px;
      margin-right: 0;
    }

    .content-td .pa-email-signature div h2 {
      text-align: center !important;
    }

    .content-td .pa-email-signature div p {
      text-align: center !important;
    }
  }

  .content-td blockquote + * {
    margin-top: 20px !important;
  }

  .ExternalClass .content-td h1 {
    padding: 20px 0 !important;
  }

  .ExternalClass .content-td h2 {
    padding: 0 0 5px !important;
  }

  .ExternalClass .content-td p {
    padding: 10px 0 !important;
  }

  .ExternalClass .content-td .intercom-container {
    padding: 5px 0 !important;
  }

  .ExternalClass .content-td hr + * {
    padding-top: 30px !important;
  }

  .ExternalClass .content-td ol ,
  .ExternalClass .content-td ul {
    padding: 0 0 20px 40px !important;
    margin: 0 !important;
  }

  .ExternalClass .content-td ol li,
  .ExternalClass .content-td ul li {
    padding: 3px 0 !important;
    margin: 0 !important;
  }

  .ExternalClass table .footer-td p {
    padding: 0 0 6px 0 !important;
    margin: 0 !important;
  }

  .ExternalClass table .footer-td p.powered-by ,
  .ExternalClass table .footer-td p.unsub {
    padding-top: 15px;
  }
  </style>
  <!-- Outlook fix -->
  <!--[if gte mso 9]>
    <style type="text/css">
      table {
        border-collapse: collapse !important;
      }
      td {
        border-collapse: collapse !important;
      }
    </style>
<![endif]-->
  <style type="text/css">
   .intercom-align-right {
  text-align: right !important;
}
.intercom-align-center {
  text-align: center !important;
}
.intercom-align-left {
  text-align: left !important;
}
/* Over-ride for RTL */
.right-to-left .intercom-align-right{
  text-align: left !important;
}
.right-to-left .intercom-align-left{
  text-align: right !important;
}
.right-to-left .intercom-align-left {
  text-align:right !important;
}
.right-to-left li {
  text-align:right !important;
  direction: rtl;
}
.right-to-left .intercom-align-left img,
.right-to-left .intercom-align-left .intercom-h2b-button {
  margin-left: 0 !important;
}
.intercom-attachment,
.intercom-attachments,
.intercom-attachments td,
.intercom-attachments th,
.intercom-attachments tr,
.intercom-attachments tbody,
.intercom-attachments .icon,
.intercom-attachments .icon img {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.intercom-attachments {
  margin: 10px 0 !important;
}
.intercom-attachments .icon,
.intercom-attachments .icon img {
  width: 16px !important;
  height: 16px !important;
}
.intercom-attachments .icon {
  padding-right: 5px !important;
}
.intercom-attachment {
  display: inline-block !important;
  margin-bottom: 5px !important;
}

.intercom-interblocks-content-card {
  width: 334px !important;
  max-height: 136px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  font-size: 16px !important;
  border: 1px solid #e0e0e0 !important;
}

.intercom-interblocks-link,
.intercom-interblocks-article-card {
  text-decoration: none !important;
}

.intercom-interblocks-article-icon {
  width: 22.5% !important;
  height: 136px !important;
  float: left !important;
  background-color: #fafafa !important;
  background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Fstatic.intercom-mail-200.com%252Fassets%252Farticle_book-1a595be287f73c0d02f548f513bfc831.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuaW50ZSJ9:1kXPDo:Me7LsO1BUzfksQuIQokEqcA7egP1ed1UfixuviJBv4U') !important;
  background-repeat: no-repeat !important;
  background-size: 32px !important;
  background-position: center !important;
}

.intercom-interblocks-article-text {
  width: 77.5% !important;
  float: right !important;
  background-color: #fff !important;
}

.intercom-interblocks-link-title,
.intercom-interblocks-article-title {
  color: #519dd4 !important;
  font-size: 15px !important;
  margin: 16px 18px 12px !important;
  line-height: 1.3em !important;
  overflow: hidden !important;
}

.intercom-interblocks-link-description,
.intercom-interblocks-article-body {
  margin: 0 18px 12px !important;
  font-size: 14px !important;
  color: #65757c !important;
  line-height: 1.3em !important;
}

.intercom-interblocks-link-author,
.intercom-interblocks-article-author {
  margin: 10px 15px !important;
  height: 24px !important;
  line-height: normal !important;
}

.intercom-interblocks-link-author-avatar,
.intercom-interblocks-article-author-avatar {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  float: left;
  margin-right: 5px;
}

.intercom-interblocks-link-author-avatar-image,
.intercom-interblocks-article-author-avatar-image {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  vertical-align: top !important;
  font-size: 12px !important;
}

.intercom-interblocks-link-author-name,
.intercom-interblocks-article-author-name {
  color: #74848b !important;
  margin: 0 0 0 5px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
}

.intercom-interblocks-article-written-by {
  color: #8897a4 !important;
  margin: 1px 0 0 5px !important;
  font-size: 12px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  float: left !important;
}
  </style>
  <style>
   .intercom-align-right {
  text-align: right !important;
}
.intercom-align-center {
  text-align: center !important;
}
.intercom-align-left {
  text-align: left !important;
}
/* Over-ride for RTL */
.right-to-left .intercom-align-right{
  text-align: left !important;
}
.right-to-left .intercom-align-left{
  text-align: right !important;
}
.right-to-left .intercom-align-left {
  text-align:right !important;
}
.right-to-left li {
  text-align:right !important;
  direction: rtl;
}
.right-to-left .intercom-align-left img,
.right-to-left .intercom-align-left .intercom-h2b-button {
  margin-left: 0 !important;
}
.intercom-attachment,
.intercom-attachments,
.intercom-attachments td,
.intercom-attachments th,
.intercom-attachments tr,
.intercom-attachments tbody,
.intercom-attachments .icon,
.intercom-attachments .icon img {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.intercom-attachments {
  margin: 10px 0 !important;
}
.intercom-attachments .icon,
.intercom-attachments .icon img {
  width: 16px !important;
  height: 16px !important;
}
.intercom-attachments .icon {
  padding-right: 5px !important;
}
.intercom-attachment {
  display: inline-block !important;
  margin-bottom: 5px !important;
}

.intercom-interblocks-content-card {
  width: 334px !important;
  max-height: 136px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  font-size: 16px !important;
  border: 1px solid #e0e0e0 !important;
}

.intercom-interblocks-link,
.intercom-interblocks-article-card {
  text-decoration: none !important;
}

.intercom-interblocks-article-icon {
  width: 22.5% !important;
  height: 136px !important;
  float: left !important;
  background-color: #fafafa !important;
  background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Fstatic.intercom-mail-200.com%252Fassets%252Farticle_book-1a595be287f73c0d02f548f513bfc831.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuaW50ZSJ9:1kXPDo:Me7LsO1BUzfksQuIQokEqcA7egP1ed1UfixuviJBv4U') !important;
  background-repeat: no-repeat !important;
  background-size: 32px !important;
  background-position: center !important;
}

.intercom-interblocks-article-text {
  width: 77.5% !important;
  float: right !important;
  background-color: #fff !important;
}

.intercom-interblocks-link-title,
.intercom-interblocks-article-title {
  color: #519dd4 !important;
  font-size: 15px !important;
  margin: 16px 18px 12px !important;
  line-height: 1.3em !important;
  overflow: hidden !important;
}

.intercom-interblocks-link-description,
.intercom-interblocks-article-body {
  margin: 0 18px 12px !important;
  font-size: 14px !important;
  color: #65757c !important;
  line-height: 1.3em !important;
}

.intercom-interblocks-link-author,
.intercom-interblocks-article-author {
  margin: 10px 15px !important;
  height: 24px !important;
  line-height: normal !important;
}

.intercom-interblocks-link-author-avatar,
.intercom-interblocks-article-author-avatar {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  float: left;
  margin-right: 5px;
}

.intercom-interblocks-link-author-avatar-image,
.intercom-interblocks-article-author-avatar-image {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  vertical-align: top !important;
  font-size: 12px !important;
}

.intercom-interblocks-link-author-name,
.intercom-interblocks-article-author-name {
  color: #74848b !important;
  margin: 0 0 0 5px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
}

.intercom-interblocks-article-written-by {
  color: #8897a4 !important;
  margin: 1px 0 0 5px !important;
  font-size: 12px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  float: left !important;
}
  </style>
 </head>
 <body style="margin: 0px">
  <table align="center" bgcolor="white" border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; border-spacing: 0; font-family: 'Open Sans',Helvetica, Arial, sans-serif; letter-spacing: 0; table-layout: fixed" width="100%">
   <tbody>
    <tr>
     <td class="main-td" style="border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05); font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; padding: 40px 60px">
      <!-- Header -->
      <table class="header" style="border-collapse: separate; border-spacing: 0; table-layout: fixed" width="100%">
       <tbody>
        <tr>
         <td align="center" class="logo" style="font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; padding: 0; text-align: center">
          <a style="border: none; display: inline-block; outline: none !important">
           <img class="featured" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.hotjar.com%252Fhubfs%252Femail_templates%252Fhotjar_logo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuaG90amFyLiJ9:1kXPDo:J4iMMSJxWELoizi8kXzboRVXRyRxN9y-gfeoaexXiwU" style="height: 48px; text-align: left; width: 100px"/>
          </a>
         </td>
        </tr>
        <tr>
         <td class="logo-subtitle" style="font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; padding: 0">
          <p align="center" style="color: #D0021B; font-size: 12px; font-weight: 600; text-align: center">
           What's new in Hotjar
           <span style="color: #fff">
            .
           </span>
          </p>
         </td>
        </tr>
        <tr>
         <td class="email-title" style="font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; padding: 0">
          <h1 align="center" style="font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 900; line-height: 27px; margin: 23px 0 41px; text-align: center">
           This month’s latest updates
          </h1>
         </td>
        </tr>
       </tbody>
      </table>
      <!-- Main content -->
      <table class="content" style="border-collapse: separate; border-spacing: 0; table-layout: fixed" width="100%">
       <tbody>
        <tr>
         <td class="content-td intro-content" style="color: #333333; display: block; font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px !important; margin-bottom: 30px; padding: 0">
          <p align="left" class="intercom-align-left" style="font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px !important; margin: 0 auto 17px; max-width: 600px !important; text-align: left !important">
           Hi User, we hope your August is off to a good start!
          </p>
          <p align="left" class="intercom-align-left" style="font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px !important; margin: 0 auto 17px; max-width: 600px !important; text-align: left !important">
           Welcome to our round-up of what's been going on in Hotjar recently.
          </p>
          <p align="left" class="intercom-align-left" style="font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px !important; margin: 0 auto 17px; max-width: 600px !important; text-align: left !important">
           We've been busy shipping changes to help you:
          </p>
          <ul style="list-style-type: disc; margin: 0 auto 20px; max-width: 525px; padding: 0 0 0 40px">
           <li style="padding: 0 10px">
            Further protect your visitor's privacy,
           </li>
           <li style="padding: 0 10px">
            analyze Heatmaps in-depth,
           </li>
           <li style="padding: 0 10px">
            collaborate with your team,
           </li>
           <li style="padding: 0 10px">
            save with yearly payment options and more.
           </li>
          </ul>
         </td>
        </tr>
        <tr>
         <td class="content-td" style="color: #333333; font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px !important; padding: 0">
          <div class="content-pa-box" style="border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); margin: 0 auto 44px; max-width: 600px; width: 100%">
           <a style="border: none; color: #0093E4; outline: none !important">
            <img class="pa-box-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.hotjar.com%252Fhubfs%252Femail_templates%252FPA-gdprhero.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuaG90amFyLiJ9:1kXPDo:J4iMMSJxWELoizi8kXzboRVXRyRxN9y-gfeoaexXiwU" style="margin: 0; max-width: 100%; width: 100%"/>
           </a>
           <div align="center" class="pa-box-content" style="padding: 0 20px 40px; text-align: center">
            <h2 align="center" class="pa-box-title" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 30px 0 25px; text-align: center">
             Increased control to help with GDPR-compliance
            </h2>
            <p class="pa-box-description" style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             As we continue to deliver on our promise to protect end-user privacy you can now prevent Hotjar from storing your visitor’s country, suppress images with suppression tags in Heatmaps &amp; Recordings, and add a link to your privacy policy in all feedback widgets, helping you increase transparency with your visitors and have more control of what data is stored with us.
            </p>
            <p style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             <a class="intercom-h2b-button pa-box-button" style="background-color: #f4364c; border: 1px solid #f4364c; border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important; color: #FFF; display: inline-block; font-size: 17px; font-weight: 500; margin-top: 17px; outline: none !important; padding: 14px 24px; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important; text-transform: uppercase">
              Learn more
             </a>
            </p>
           </div>
          </div>
          <div class="content-pa-box" style="border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); margin: 0 auto 44px; max-width: 600px; width: 100%">
           <a style="border: none; color: #0093E4; outline: none !important">
            <img class="pa-box-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.hotjar.com%252Fhubfs%252Femail_templates%252FPA-browserdescription.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuaG90amFyLiJ9:1kXPDo:J4iMMSJxWELoizi8kXzboRVXRyRxN9y-gfeoaexXiwU" style="margin: 0; max-width: 100%; width: 100%"/>
           </a>
           <div align="center" class="pa-box-content" style="padding: 0 20px 40px; text-align: center">
            <h2 align="center" class="pa-box-title" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 30px 0 25px; text-align: center">
             Using Hotjar with your team just got better
            </h2>
            <p class="pa-box-description" style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             We’ve added a new
             <b>
              ‘created by’
             </b>
             and
             <b>
              ‘description’
             </b>
             field to all Hotjar tools except Recordings. You can now see exactly who created what and why, helping you and your team avoid duplicating work or deleting important ongoing research.
            </p>
            <p style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             <a class="intercom-h2b-button pa-box-button" style="background-color: #f4364c; border: 1px solid #f4364c; border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important; color: #FFF; display: inline-block; font-size: 17px; font-weight: 500; margin-top: 17px; outline: none !important; padding: 14px 24px; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important; text-transform: uppercase">
              See it in action
             </a>
            </p>
           </div>
          </div>
          <div class="content-pa-box" style="border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); margin: 0 auto 44px; max-width: 600px; width: 100%">
           <a style="border: none; color: #0093E4; outline: none !important">
            <img class="pa-box-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.hotjar.com%252Fhubfs%252Femail_templates%252FPA-billingyearly.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuaG90amFyLiJ9:1kXPDo:J4iMMSJxWELoizi8kXzboRVXRyRxN9y-gfeoaexXiwU" style="margin: 0; max-width: 100%; width: 100%"/>
           </a>
           <div align="center" class="pa-box-content" style="padding: 0 20px 40px; text-align: center">
            <h2 align="center" class="pa-box-title" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 30px 0 25px; text-align: center">
             Save 10% with our new yearly payments option
            </h2>
            <p class="pa-box-description" style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             You can now set up annual billing on Hotjar.com from the
             <a style="border: none; color: #0093E4; outline: none !important">
              plans and billing page
             </a>
             or make the switch when upgrading a plan or adding a new paid site and benefit from a 10% discount when choosing to pay this way!
            </p>
           </div>
          </div>
          <h2 align="center" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 59px 0 31px; text-align: center">
           We improved a few things too
          </h2>
          <div>
           <ul style="list-style-type: disc; margin: 0 auto 20px; max-width: 525px; padding: 0 0 0 40px">
            <li style="padding: 0 10px">
             <b>
              Data tables for Heatmaps
             </b>
             <br/>
             Click, scroll, and move data is now available as a table within Hotjar or downloadable as a CSV. This makes it much easier to discover which elements were most often clicked, rather than scanning the whole page and hovering over multiple elements.
            </li>
            <br/>
            <li style="padding: 0 10px">
             <b>
              Scroll % and average fold data in Heatmap downloads
             </b>
             <br/>
             When downloading Scroll Heatmaps, the image generated now includes the ‘average fold’ line as well as visual markers for % values.
            </li>
            <br/>
            <li style="padding: 0 10px">
             <b>
              Multiple recipients for Incoming Feedback email notifications
             </b>
             <br/>
             You can now add multiple emails in the ‘Forward Feedback’ section when creating an Incoming Feedback widget, allowing you to keep your team in the loop and up to date with the feedback you receive.
            </li>
            <br/>
           </ul>
          </div>
          <h2 align="center" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 59px 0 31px; text-align: center">
           In case you missed it
          </h2>
          <div class="content-pa-box" style="border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); margin: 0 auto 44px; max-width: 600px; width: 100%">
           <a style="border: none; color: #0093E4; outline: none !important">
            <img class="pa-box-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.hotjar.com%252Fhubfs%252Femail_templates%252FPA-polls.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuaG90amFyLiJ9:1kXPDo:J4iMMSJxWELoizi8kXzboRVXRyRxN9y-gfeoaexXiwU" style="margin: 0; max-width: 100%; width: 100%"/>
           </a>
           <div align="center" class="pa-box-content" style="padding: 0 20px 40px; text-align: center">
            <h2 align="center" class="pa-box-title" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 30px 0 25px; text-align: center">
             3 new question types for Hotjar Polls and Surveys
            </h2>
            <p class="pa-box-description" style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             Polls and surveys received an update with the introduction of Likert scale question types to help get more granular feedback, a “Yes/No” question to collect binary answers and an email field with validation, all allowing you to ask more insightful questions and gather more context on the feedback you receive.
            </p>
            <p style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             <a class="intercom-h2b-button pa-box-button" style="background-color: #f4364c; border: 1px solid #f4364c; border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important; color: #FFF; display: inline-block; font-size: 17px; font-weight: 500; margin-top: 17px; outline: none !important; padding: 14px 24px; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important; text-transform: uppercase">
              Setup a Poll
             </a>
            </p>
           </div>
          </div>
          <h2 align="center" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 59px 0 31px; text-align: center">
           Customer story of the month
          </h2>
          <div class="content-pa-box" style="border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2); margin: 0 auto 44px; max-width: 600px; width: 100%">
           <a style="border: none; color: #0093E4; outline: none !important">
            <img class="pa-box-image" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.hotjar.com%252Fhubfs%252Femail_templates%252FPA-matalan4.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuaG90amFyLiJ9:1kXPDo:J4iMMSJxWELoizi8kXzboRVXRyRxN9y-gfeoaexXiwU" style="margin: 0; max-width: 100%; width: 100%"/>
           </a>
           <div align="center" class="pa-box-content" style="padding: 0 20px 40px; text-align: center">
            <h2 align="center" class="pa-box-title" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 30px 0 25px; text-align: center">
             Matalan saw a +400% ROI within 9 months of using Hotjar
            </h2>
            <p class="pa-box-description" style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             Founded in 1985, Matalan is one of the UK’s leading family value retailers of fashion &amp; homeware.
             <br/>
             <br/>
             Using Hotjar, Matalan was able to improve checkout conversions by +1.23%, increase the number of winning A/B tests by +17%, and build a bespoke Hotjar dashboard with Google Data Studio, which transformed the decision-making process within the company.
            </p>
            <p style="font-size: 16px; line-height: 24px !important; margin: 0 0 17px">
             <a class="intercom-h2b-button pa-box-button" style="background-color: #f4364c; border: 1px solid #f4364c; border-radius: 4px; box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) !important; color: #FFF; display: inline-block; font-size: 17px; font-weight: 500; margin-top: 17px; outline: none !important; padding: 14px 24px; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important; text-transform: uppercase">
              Read how they did it
             </a>
            </p>
           </div>
          </div>
          <h2 align="center" style="color: #000000; font-family: 'Merriweather',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 59px 0 31px; text-align: center">
           Until next time
          </h2>
          <div align="center" class="pa-email-footer" style="margin: 0 auto; max-width: 525px; text-align: center">
           <div>
            <a style="border: none; color: #0093E4; outline: none !important">
             We love hearing your success stories
            </a>
            , and more importantly how you think we can improve. Please keep the feedback coming so we can continue to make Hotjar better for you.
            <br/>
            <br/>
            I’m Andrew, the Hotjar Experience team lead. I’m a full-time nomad chasing the sun around the world. I add lemon to everything I eat, love surfing, and of course, discussing all things related to improving digital experiences.
           </div>
           <div class="pa-email-signature" style="margin: 40px auto 0; max-width: 428px">
            <img src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.hotjar.com%252Fhubfs%252Femail_templates%252Femail-Andrew.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cuaG90amFyLiJ9:1kXPDo:J4iMMSJxWELoizi8kXzboRVXRyRxN9y-gfeoaexXiwU" style="height: 150px; margin: 17px 28px 17px 0; max-width: 100%; vertical-align: middle; width: 150px"/>
            <div style="display: inline-block">
             <h2 align="left" style="color: #000000; font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 31px; margin: 0; text-align: left">
              Andrew Michael
             </h2>
             <p align="left" style="color: #F4364C; font-size: 16px; line-height: 24px !important; margin: 2px 0 0; text-align: left">
              Hotjar Experience Team Lead
             </p>
            </div>
           </div>
           <hr style="border-style: solid none none; border-top-color: #DDD; border-top-width: 1px; margin: 56px 0 19px"/>
           <div class="small" style="font-size: 13px; line-height: 19px">
            I hate to finish on a downer but I want to make sure you’re still enjoying these updates. If you no longer want to receive them, all you need to do is
            <a style="border: none; color: inherit; outline: none !important">
             click this link to unsubscribe
            </a>
            or respond to this email to let us know how we can improve them.
           </div>
          </div>
         </td>
        </tr>
       </tbody>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="intercom" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fvia.intercom-mail-200.com%252Fo%253Fh%253D26659b711c3a6d9ec1b7088547d3e0283b142d00-18042398074/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ2aWEuaW50ZXJjbyJ9:1kXPDo:auLsl7DBAf8U-tA71-Jm00cMyq3xqQRL8oxnZd7XvvU" style="display: block;" width="1"/>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fspe.via.intercom-mail.com%252Fq%252FenTWRtOu_6B8O0gZEY_DdQ~~%252FAAAAAQA~%252FRgRdWSGtPlcIaW50ZXJjb21CCgADrZx2W91IPr5SEzNlYjcxYjYwQHVpZmVlZC5jb21YBAAAAKs~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzcGUudmlhLmludCJ9:1kXPDo:RLxhoqxbTYuSVlhmMHkoTu4VRNIMqXKcPS1sxCcG8Ps" width="1"/>
 </body>
</html>
6 years, 3 months ago - support+andrew@hotjar.com
🔥8 new updates from Hotjar: August 2018
What's new in Hotjar. This month’s latest updates Hi User, we hope your August is off to a good s...
Inboxes

Hotjar Registered user
