Email Notifications
Overview
Get Started
- Overview
- Quickstart
- Setup
Key Concepts
- Overview
- Organizations
- Documents
- Locations
- Users
- Access Control
Async Collaboration
- Comments
- In-app Notifications
- Inline Reactions
- Recorder
- View Analytics
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Follow Me Mode
- Huddle
- Live Selection
- Live State Sync
- Single Editor Mode
- Video Player Sync
Email Notifications
Miscellaneous
- Migrate From Cord
- Common Integration Questions
Email Notifications
Overview
You can enable email notifications to send out emails whenever you @mention a user in the Comments feature or when another user replies to your comment.
There are two ways to trigger email notifications: Webhooks and SendGrid.
1. Webhooks
To learn how to trigger email notifications via Webhooks please refer here.
2. SendGrid Integration
To enable Email Notifications, go to the Configurations -> Email Service in the Velt Console, or click here.
For SendGrid integration, provide the following details:
- SendGrid API Key
- SendGrid Email Template ID for Comments feature
- ‘From’ Email Address
The ‘From’ Email Address needs to be whitelisted from your SendGrid account or else it will not work.
Email Template Data
The following fields are sent to Sendgrid:
| Field | Type | Description |
|---|---|---|
| firstComment | Object | first message in the thread. Contains commentId, commentText and from properties derived from Comment class. |
| latestComment | Object | latest message in the thread that prompted the email. Contains commentId, commentText and from properties derived from Comment class. |
| prevComment | Object | the previous message to the latestMessage. Contains commentId, commentText and from properties derived from Comment class. |
| commentsCount | string | total number of comments in the comment annotation |
| fromUser | string | action user’s object |
| commentAnnotation | Object | the comment annotation object without the comments field |
| actionType | Object | the action that resulted in the notification |
These are the older fields that will be deprecated soon. These are already contained in the fields above:
| Field | Type | Description |
|---|---|---|
| message | string | the message of the email |
| messageFromName | string | the name of whoever wrote the message that the email is referencing. If name is not found then it will contain the email. |
| name | string | the name of the person who performed the action that triggered the email. If name is not found then it will contain the email. Sometimes a notification can be triggered without a message. For those cases, you can use this. |
| fromEmail | string | email address of the user who performed the action |
| photoUrl | string | avatar URL of user |
| pageUrl | string | url of the page the comment is on |
| pageTitle | string | title of the web page |
| deviceInfo | Object | contains browser, OS and device info |
| subject | string | subject of the email |
Sample Email Template
We have provided this sample HTML email template you can use for your SendGrid email template:
[Download Link (Right click and view source)]https://firebasestorage.googleapis.com/v0/b/snippyly.appspot.com/o/external%2Femail-template.html?alt=media&token=16a17614-70ca-464c-b6f4-2b2b097b0007)
<html lang="en" style="">
<link type="text/css" rel="stylesheet" id="dark-mode-custom-link">
<link type="text/css" rel="stylesheet" id="dark-mode-general-link">
<style lang="en" type="text/css" id="dark-mode-custom-style"></style>
<style lang="en" type="text/css" id="dark-mode-native-style"></style>
<style lang="en" type="text/css" id="dark-mode-native-sheet"></style>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email Template</title>
</head>
<body style="" data-new-gr-c-s-check-loaded="14.1185.0">
<div style="margin:0;background-color:#fcfcfd;padding:0">
<div style="display:none;max-height:0px;overflow:hidden">@here testing here functionality</div>
<div style="display:none;max-height:0px;overflow:hidden"> </div>
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background-color:#fcfcfd">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation" style="color:#000;width:600px;margin:0 auto"
width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1" width="100%"
style="font-weight:400;text-align:left;padding-left:15px;padding-right:15px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089image_block m_6043557393601287089block-1" width="100%"
border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad"
style="padding-bottom:24px;padding-top:24px;width:100%;padding-right:0;padding-left:0">
<div align="center" style="line-height:10px">
<div style="max-width:142.5px"><svg width="122" height="40" viewBox="0 0 122 40"
fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120.125" height="39" transform="translate(0.9375 0.5)"
fill="#FCFCFD"></rect>
<circle cx="16.875" cy="20" r="15.9375" fill="#1E1E1E"></circle>
<path
d="M51.3704 31.5V8.75H55.3354V27.535H64.8092V31.5H51.3704ZM74.1991 31.9225C72.7041 31.9225 71.3391 31.5379 70.1041 30.7687C68.88 29.9996 67.8995 28.9704 67.1629 27.6812C66.437 26.3812 66.0741 24.9458 66.0741 23.375C66.0741 22.1833 66.2854 21.0729 66.7079 20.0437C67.1304 19.0037 67.71 18.0937 68.4466 17.3137C69.1941 16.5229 70.0608 15.9054 71.0466 15.4612C72.0325 15.0171 73.0833 14.795 74.1991 14.795C75.6941 14.795 77.0537 15.1796 78.2779 15.9487C79.5129 16.7179 80.4933 17.7525 81.2191 19.0525C81.9558 20.3525 82.3241 21.7933 82.3241 23.375C82.3241 24.5558 82.1129 25.6608 81.6904 26.69C81.2679 27.7192 80.6829 28.6292 79.9354 29.42C79.1987 30.2 78.3375 30.8121 77.3516 31.2562C76.3766 31.7004 75.3258 31.9225 74.1991 31.9225ZM74.1991 27.9575C74.99 27.9575 75.6995 27.7462 76.3279 27.3238C76.9562 26.9012 77.4491 26.3433 77.8066 25.65C78.175 24.9567 78.3591 24.1983 78.3591 23.375C78.3591 22.53 78.1695 21.7608 77.7904 21.0675C77.422 20.3633 76.9183 19.8054 76.2791 19.3937C75.6508 18.9712 74.9575 18.76 74.1991 18.76C73.4191 18.76 72.715 18.9712 72.0866 19.3937C71.4583 19.8162 70.96 20.3796 70.5916 21.0837C70.2233 21.7879 70.0391 22.5517 70.0391 23.375C70.0391 24.2308 70.2287 25.0054 70.6079 25.6987C70.987 26.3921 71.4908 26.9446 72.1191 27.3562C72.7583 27.7571 73.4516 27.9575 74.1991 27.9575ZM96.9753 15.25H100.94V31.8088C100.94 32.9788 100.702 34.0404 100.225 34.9938C99.7486 35.9579 99.0986 36.7813 98.2753 37.4638C97.4519 38.1571 96.5094 38.6879 95.4478 39.0563C94.3861 39.4354 93.2703 39.625 92.1003 39.625C90.9628 39.625 89.8686 39.3921 88.8178 38.9263C87.7669 38.4604 86.8353 37.8213 86.0228 37.0088C85.2211 36.2071 84.609 35.2917 84.1865 34.2625L87.8103 32.6213C88.0269 33.2171 88.3519 33.7371 88.7853 34.1813C89.2294 34.6363 89.7386 34.9883 90.3128 35.2375C90.8869 35.4975 91.4828 35.6275 92.1003 35.6275C92.7286 35.6275 93.3299 35.5408 93.904 35.3675C94.489 35.1942 95.0144 34.9396 95.4803 34.6038C95.9461 34.2788 96.309 33.8779 96.569 33.4013C96.8399 32.9354 96.9753 32.4046 96.9753 31.8088V29.5175C96.4661 30.2325 95.8269 30.8121 95.0578 31.2562C94.2886 31.7004 93.4003 31.9225 92.3928 31.9225C91.2228 31.9225 90.1286 31.7004 89.1103 31.2562C88.0919 30.8121 87.1928 30.2 86.4128 29.42C85.6436 28.6292 85.0369 27.7192 84.5928 26.69C84.1594 25.6608 83.9428 24.5558 83.9428 23.375C83.9428 22.1942 84.1594 21.0892 84.5928 20.06C85.0369 19.0308 85.6436 18.1262 86.4128 17.3462C87.1928 16.5554 88.0919 15.9379 89.1103 15.4937C90.1286 15.0496 91.2228 14.8275 92.3928 14.8275C93.4003 14.8275 94.2886 15.0496 95.0578 15.4937C95.8269 15.9271 96.4661 16.5012 96.9753 17.2162V15.25ZM92.4415 28.1037C93.2757 28.1037 94.0124 27.8925 94.6515 27.47C95.3015 27.0367 95.8107 26.4625 96.179 25.7475C96.5474 25.0217 96.7315 24.2308 96.7315 23.375C96.7315 22.5083 96.5419 21.7175 96.1628 21.0025C95.7944 20.2875 95.2853 19.7133 94.6353 19.28C93.9961 18.8467 93.2649 18.63 92.4415 18.63C91.629 18.63 90.8869 18.8467 90.2153 19.28C89.5436 19.7025 89.0074 20.2712 88.6065 20.9862C88.2057 21.7012 88.0053 22.4975 88.0053 23.375C88.0053 24.2525 88.2057 25.0487 88.6065 25.7637C89.0074 26.4787 89.5436 27.0475 90.2153 27.47C90.8869 27.8925 91.629 28.1037 92.4415 28.1037ZM111.619 31.9225C110.124 31.9225 108.759 31.5379 107.524 30.7687C106.299 29.9996 105.319 28.9704 104.582 27.6812C103.856 26.3812 103.494 24.9458 103.494 23.375C103.494 22.1833 103.705 21.0729 104.127 20.0437C104.55 19.0037 105.129 18.0937 105.866 17.3137C106.614 16.5229 107.48 15.9054 108.466 15.4612C109.452 15.0171 110.503 14.795 111.619 14.795C113.114 14.795 114.473 15.1796 115.697 15.9487C116.932 16.7179 117.913 17.7525 118.639 19.0525C119.375 20.3525 119.744 21.7933 119.744 23.375C119.744 24.5558 119.532 25.6608 119.11 26.69C118.687 27.7192 118.102 28.6292 117.355 29.42C116.618 30.2 115.757 30.8121 114.771 31.2562C113.796 31.7004 112.745 31.9225 111.619 31.9225ZM111.619 27.9575C112.409 27.9575 113.119 27.7462 113.747 27.3238C114.376 26.9012 114.869 26.3433 115.226 25.65C115.594 24.9567 115.779 24.1983 115.779 23.375C115.779 22.53 115.589 21.7608 115.21 21.0675C114.841 20.3633 114.338 19.8054 113.699 19.3937C113.07 18.9712 112.377 18.76 111.619 18.76C110.839 18.76 110.134 18.9712 109.506 19.3937C108.878 19.8162 108.379 20.3796 108.011 21.0837C107.643 21.7879 107.459 22.5517 107.459 23.375C107.459 24.2308 107.648 25.0054 108.027 25.6987C108.406 26.3921 108.91 26.9446 109.539 27.3562C110.178 27.7571 110.871 27.9575 111.619 27.9575Z"
fill="#1E1E1E"></path>
</svg>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
width="100%">
<tbody>
<tr>
<td style="font-size:1px;line-height:1px;border-top:1px solid #d9d9d9">
<span> </span>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="border-radius:0;color:#000;width:600px;margin:0 auto" width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1" width="100%"
style="font-weight:400;text-align:left;padding-bottom:20px;padding-top:20px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="background-color:#fcfcfd">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="border-radius:0;color:#000;width:600px;margin:0 auto" width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1"
width="33.333333333333336%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column m_6043557393601287089column-2"
width="33.333333333333336%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div style="font-family:Arial,Helvetica Neue,Helvetica,sans-serif;text-align:center"
align="center">
<img src="{{photoUrl}}"
style="width:120px;height:120px;object-fit:cover;border-radius:60px"
class="CToWUd" data-bit="iit">
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column" width="33.333333333333336%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="border-radius:0;color:#000;width:600px;margin:0 auto" width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1"
width="16.666666666666668%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column m_6043557393601287089column-2"
width="66.66666666666667%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089heading_block m_6043557393601287089block-1" width="100%"
border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad"
style="padding-top:12px;text-align:center;width:100%">
<h1
style="margin:0;color:#141416;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:28px;font-weight:700;letter-spacing:normal;line-height:120%;text-align:center;margin-top:0;margin-bottom:0">
<span>{{messageFromName}} mentioned you on <span
style="color:#625df5">{{pageTitle}}</span></span>
</h1>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column" width="16.666666666666668%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation"
style="background-color:#fcfcfd">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="background-color:#fcfcfd;border-radius:0;color:#000;width:600px;margin:0 auto" width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1" width="100%"
style="font-weight:400;text-align:left;padding-bottom:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation" style="word-break:break-word">
<tbody>
<tr>
<td class="m_6043557393601287089pad"
style="padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:5px">
<div
style="color:#777e90;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:16px;font-weight:400;letter-spacing:0;line-height:150%;text-align:center">
<p style="margin:0"><a href="{{pageUrl}}"
style="text-decoration:underline;color:#777e90" rel="noopener"
target="_blank">{{pageUrl}}</a>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="border-radius:0;color:#000;width:600px;margin:0 auto" width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1" width="100%"
style="font-weight:400;text-align:left;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="m_6043557393601287089row-8" align="center" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation" style="background-color:#fcfcfd">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content" align="center" border="0" cellpadding="0"
cellspacing="0" role="presentation"
style="background-color:#fff;border-bottom:1px solid #e6e8ec;border-left:1px solid #e6e8ec;border-radius:20px;border-right:1px solid #e6e8ec;border-top:1px solid #e6e8ec;color:#000;width:600px;margin:0 auto"
width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1"
width="16.666666666666668%"
style="font-weight:400;text-align:left;padding-left:24px;vertical-align:middle;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column m_6043557393601287089column-2"
width="66.66666666666667%"
style="font-weight:400;text-align:left;padding-bottom:24px;padding-top:24px;vertical-align:middle;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089heading_block m_6043557393601287089block-1" width="100%"
border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad" style="text-align:center;width:100%">
<h2
style="margin:0;color:#23262f;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:18px;font-weight:400;letter-spacing:normal;line-height:180%;text-align:center;margin-top:0;margin-bottom:0">
<span>{{message}}</span>
</h2>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column" width="16.666666666666668%"
style="font-weight:400;text-align:left;padding-right:24px;vertical-align:middle;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="border-radius:0;color:#000;width:600px;margin:0 auto" width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1"
width="33.333333333333336%"
style="font-weight:400;text-align:left;vertical-align:middle;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div style="font-family:Arial,Helvetica Neue,Helvetica,sans-serif;text-align:center"
align="center"><img width="20px" align="right"
src="https://ci3.googleusercontent.com/meips/ADKq_Na5Ar6lpj8J11QBnXruiVXOyHIrHcvB96ZKd3ArstcM-s6ykE728bQGkZhA7AiE3rUGviILT9XvMOUCFNyk3zHdfdcen07yk1cPKt6QM6tFGsf2xPE5-tVjw7yxxjGpa040LhIFdkfmQLDOaLp40tNKxfC_O3sFf2IWXOgejd5FxUkPMjhpSeqbsUfQbA=s0-d-e1-ft#https://userimg-assets.customeriomail.com/images/client-env-130244/1708534324378_Devices_01HQ699Q8RBX2NETB0H7ECFBQC.png"
class="CToWUd" data-bit="iit"></div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column m_6043557393601287089column-2" width="50%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:middle;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation" style="word-break:break-word">
<tbody>
<tr>
<td class="m_6043557393601287089pad"
style="padding-bottom:20px;padding-left:10px;padding-right:10px;padding-top:20px">
<div
style="color:#515151;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:120%;text-align:left">
<p style="margin:0"><span style="color:#000101">{{deviceInfo.deviceType}} •
{{deviceInfo.screenWidth}}
x {{deviceInfo.screenHeight}}</span> <span
style="color:#8b8b8b">{{deviceInfo.browserName}}</span></p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="m_6043557393601287089column" width="16.666666666666668%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:middle;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="10"
cellspacing="0" role="presentation" style="word-break:break-word">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div
style="color:#838383;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:120%;text-align:left">
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="m_6043557393601287089row-10" align="center" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation" style="background-color:#fcfcfd">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="background-color:#fcfcfd;border-left:0 solid #e6e8ec;border-radius:0;border-right:0 solid #e6e8ec;color:#000;width:600px;margin:0 auto"
width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1" width="100%"
style="font-weight:400;text-align:left;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089button_block m_6043557393601287089block-1" width="100%"
border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad"
style="padding-bottom:35px;padding-left:10px;padding-right:10px;padding-top:12px;text-align:center">
<div align="center"><a href="{{pageUrl}}"
style="text-decoration:none;display:inline-block;color:#fff;background-color:#625df5;border-radius:50px;width:auto;border-top:0 solid transparent;font-weight:700;border-right:0 solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;padding-top:16px;padding-bottom:16px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:16px;text-align:center;word-break:keep-all"
target="_blank"><span
style="padding-left:24px;padding-right:24px;font-size:16px;display:inline-block;letter-spacing:normal"><span
style="word-break:break-word;line-height:24px">View
the <span class="il">comment</span></span></span></a>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="m_6043557393601287089row-11" align="center" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="border-left:0 solid #e6e8ec;border-radius:0;border-right:0 solid #e6e8ec;color:#000;width:600px;margin:0 auto"
width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1" width="100%"
style="font-weight:400;text-align:left;padding-bottom:35px;padding-left:15px;padding-right:15px;padding-top:60px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089block-1" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" role="presentation"
width="100%">
<tbody>
<tr>
<td style="font-size:1px;line-height:1px;border-top:1px solid #d9d9d9">
<span> </span>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="m_6043557393601287089row-12" align="center" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td>
<table class="m_6043557393601287089row-content m_6043557393601287089stack" align="center" border="0"
cellpadding="0" cellspacing="0" role="presentation"
style="border-radius:0;color:#000;width:600px;margin:0 auto" width="600">
<tbody>
<tr>
<td class="m_6043557393601287089column m_6043557393601287089column-1" width="100%"
style="font-weight:400;text-align:left;padding-bottom:5px;padding-top:5px;vertical-align:top;border-top:0;border-right:0;border-bottom:0;border-left:0">
<table class="m_6043557393601287089image_block m_6043557393601287089block-1" width="100%"
border="0" cellpadding="0" cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad"
style="width:100%;padding-right:0;padding-left:0">
<div align="center" style="line-height:10px">
<div style="max-width:138px"><svg width="122" height="40" viewBox="0 0 122 40"
fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120.125" height="39" transform="translate(0.9375 0.5)"
fill="#FCFCFD"></rect>
<circle cx="16.875" cy="20" r="15.9375" fill="#1E1E1E"></circle>
<path
d="M51.3704 31.5V8.75H55.3354V27.535H64.8092V31.5H51.3704ZM74.1991 31.9225C72.7041 31.9225 71.3391 31.5379 70.1041 30.7687C68.88 29.9996 67.8995 28.9704 67.1629 27.6812C66.437 26.3812 66.0741 24.9458 66.0741 23.375C66.0741 22.1833 66.2854 21.0729 66.7079 20.0437C67.1304 19.0037 67.71 18.0937 68.4466 17.3137C69.1941 16.5229 70.0608 15.9054 71.0466 15.4612C72.0325 15.0171 73.0833 14.795 74.1991 14.795C75.6941 14.795 77.0537 15.1796 78.2779 15.9487C79.5129 16.7179 80.4933 17.7525 81.2191 19.0525C81.9558 20.3525 82.3241 21.7933 82.3241 23.375C82.3241 24.5558 82.1129 25.6608 81.6904 26.69C81.2679 27.7192 80.6829 28.6292 79.9354 29.42C79.1987 30.2 78.3375 30.8121 77.3516 31.2562C76.3766 31.7004 75.3258 31.9225 74.1991 31.9225ZM74.1991 27.9575C74.99 27.9575 75.6995 27.7462 76.3279 27.3238C76.9562 26.9012 77.4491 26.3433 77.8066 25.65C78.175 24.9567 78.3591 24.1983 78.3591 23.375C78.3591 22.53 78.1695 21.7608 77.7904 21.0675C77.422 20.3633 76.9183 19.8054 76.2791 19.3937C75.6508 18.9712 74.9575 18.76 74.1991 18.76C73.4191 18.76 72.715 18.9712 72.0866 19.3937C71.4583 19.8162 70.96 20.3796 70.5916 21.0837C70.2233 21.7879 70.0391 22.5517 70.0391 23.375C70.0391 24.2308 70.2287 25.0054 70.6079 25.6987C70.987 26.3921 71.4908 26.9446 72.1191 27.3562C72.7583 27.7571 73.4516 27.9575 74.1991 27.9575ZM96.9753 15.25H100.94V31.8088C100.94 32.9788 100.702 34.0404 100.225 34.9938C99.7486 35.9579 99.0986 36.7813 98.2753 37.4638C97.4519 38.1571 96.5094 38.6879 95.4478 39.0563C94.3861 39.4354 93.2703 39.625 92.1003 39.625C90.9628 39.625 89.8686 39.3921 88.8178 38.9263C87.7669 38.4604 86.8353 37.8213 86.0228 37.0088C85.2211 36.2071 84.609 35.2917 84.1865 34.2625L87.8103 32.6213C88.0269 33.2171 88.3519 33.7371 88.7853 34.1813C89.2294 34.6363 89.7386 34.9883 90.3128 35.2375C90.8869 35.4975 91.4828 35.6275 92.1003 35.6275C92.7286 35.6275 93.3299 35.5408 93.904 35.3675C94.489 35.1942 95.0144 34.9396 95.4803 34.6038C95.9461 34.2788 96.309 33.8779 96.569 33.4013C96.8399 32.9354 96.9753 32.4046 96.9753 31.8088V29.5175C96.4661 30.2325 95.8269 30.8121 95.0578 31.2562C94.2886 31.7004 93.4003 31.9225 92.3928 31.9225C91.2228 31.9225 90.1286 31.7004 89.1103 31.2562C88.0919 30.8121 87.1928 30.2 86.4128 29.42C85.6436 28.6292 85.0369 27.7192 84.5928 26.69C84.1594 25.6608 83.9428 24.5558 83.9428 23.375C83.9428 22.1942 84.1594 21.0892 84.5928 20.06C85.0369 19.0308 85.6436 18.1262 86.4128 17.3462C87.1928 16.5554 88.0919 15.9379 89.1103 15.4937C90.1286 15.0496 91.2228 14.8275 92.3928 14.8275C93.4003 14.8275 94.2886 15.0496 95.0578 15.4937C95.8269 15.9271 96.4661 16.5012 96.9753 17.2162V15.25ZM92.4415 28.1037C93.2757 28.1037 94.0124 27.8925 94.6515 27.47C95.3015 27.0367 95.8107 26.4625 96.179 25.7475C96.5474 25.0217 96.7315 24.2308 96.7315 23.375C96.7315 22.5083 96.5419 21.7175 96.1628 21.0025C95.7944 20.2875 95.2853 19.7133 94.6353 19.28C93.9961 18.8467 93.2649 18.63 92.4415 18.63C91.629 18.63 90.8869 18.8467 90.2153 19.28C89.5436 19.7025 89.0074 20.2712 88.6065 20.9862C88.2057 21.7012 88.0053 22.4975 88.0053 23.375C88.0053 24.2525 88.2057 25.0487 88.6065 25.7637C89.0074 26.4787 89.5436 27.0475 90.2153 27.47C90.8869 27.8925 91.629 28.1037 92.4415 28.1037ZM111.619 31.9225C110.124 31.9225 108.759 31.5379 107.524 30.7687C106.299 29.9996 105.319 28.9704 104.582 27.6812C103.856 26.3812 103.494 24.9458 103.494 23.375C103.494 22.1833 103.705 21.0729 104.127 20.0437C104.55 19.0037 105.129 18.0937 105.866 17.3137C106.614 16.5229 107.48 15.9054 108.466 15.4612C109.452 15.0171 110.503 14.795 111.619 14.795C113.114 14.795 114.473 15.1796 115.697 15.9487C116.932 16.7179 117.913 17.7525 118.639 19.0525C119.375 20.3525 119.744 21.7933 119.744 23.375C119.744 24.5558 119.532 25.6608 119.11 26.69C118.687 27.7192 118.102 28.6292 117.355 29.42C116.618 30.2 115.757 30.8121 114.771 31.2562C113.796 31.7004 112.745 31.9225 111.619 31.9225ZM111.619 27.9575C112.409 27.9575 113.119 27.7462 113.747 27.3238C114.376 26.9012 114.869 26.3433 115.226 25.65C115.594 24.9567 115.779 24.1983 115.779 23.375C115.779 22.53 115.589 21.7608 115.21 21.0675C114.841 20.3633 114.338 19.8054 113.699 19.3937C113.07 18.9712 112.377 18.76 111.619 18.76C110.839 18.76 110.134 18.9712 109.506 19.3937C108.878 19.8162 108.379 20.3796 108.011 21.0837C107.643 21.7879 107.459 22.5517 107.459 23.375C107.459 24.2308 107.648 25.0054 108.027 25.6987C108.406 26.3921 108.91 26.9446 109.539 27.3562C110.178 27.7571 110.871 27.9575 111.619 27.9575Z"
fill="#1E1E1E"></path>
</svg>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="m_6043557393601287089heading_block" width="100%" border="0" cellpadding="0"
cellspacing="0" role="presentation">
<tbody>
<tr>
<td class="m_6043557393601287089pad"
style="padding-bottom:20px;padding-top:30px;text-align:center;width:100%">
<h1
style="margin:0;color:#94959a;direction:ltr;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;line-height:120%;text-align:center;margin-top:0;margin-bottom:0">
<span>© 2022 Copyright by
App</span>
</h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><img
src="https://ci3.googleusercontent.com/meips/ADKq_NYM51xIFNwXihKgeLlqyVP97ulnam3VRxruLR0Ara84A14_WErGd9ykG7JDdnAgugP8jqQEweCGvvMIpGvGEawL0d4GJ7YUsmQuJQ0YB4vJk5Bl2toU80GONxy-HGPQvUnOX_kaLV-9X05YoL6VMwePfm6IFGcnTQ=s0-d-e1-ft#http://email.usesuperflow.com/e/o/eyJlbWFpbF9pZCI6IlJNVDVCd1VBQVk4enNRWGk4LXVFRHVCOWdXdG9mQT09In0="
style="height:1px!important;max-height:1px!important;max-width:1px!important;width:1px!important;display:none!important"
alt="" class="CToWUd" data-bit="iit" jslog="138226; u014N:xr6bB; 53:WzAsMl0.">
<img
src="https://ci3.googleusercontent.com/meips/ADKq_NbgCaKQqeUeI8KB87L2bph8vRubUY2YNAke4I50mlNuZUz1H6ou__qBq0qRUQLwsSTOfEWMoXzKFcYDVLE3lOR8Wai2u5RQ7jPYpKTxnes1mfcPaWOxI7X3KvUS15N0UDtv8TBj9SM1Nf3uKdvduN4PZMu_qotMqMwvpUoVoS_KODRaQ1RjvbYHYrjLoW1nGU_RJcQrCHMcL_hAEfl3xFoXmWWtFH346jT6gJCplDpnJV6gnGPPhE-LvTUMWYCw16Sg00L_4QnhbBwP9GwaQzL9arU0dcjJRA40XAEevlTNVyBiVnAn06Ur9KBNXJlOunu01iwggTUy5WoouYzUhnrKaeEcL9AQISFgcG-T5YMkgqYSm3tr14pIsT8-CBOwIka9Suq1v874DfbJ4euHqdzY7PdH3SaDJDw8-qxG6naEgnhgpOpo1BPhQHXZTTzUIRdE6_jxjFAZfMUdv-AxGeRAtXNg56dqV8Vukz-7rN8dIRo9ljmyPvQYsotPCG6AG9yN8Rg=s0-d-e1-ft#http://url3921.usesuperflow.com/wf/open?upn=u001.Dc4eXJJC3dnABjL2PM3i-2BxAbjHZZmw-2FIX9dDzjMpNLfr94HZvqwfrTJfOIes5K6ZAOurKf1fJN30gg6rr9Vu-2Bw3YqgdsWUYdhTyfETJ5HllIOeIqyl1ZAYmaWazHIwK0FMF7ujoQDxwnooMMBUdRIes68yAT4jzh-2BemnBuqBU7b2F6Eu1oof-2Flow7-2BhB7UnM6ciOJQbkmwUWeLzFCH2r0uUQiZDrLC4uWmqslfC1hFxKufd3V7e48vdI9q-2BgES1GFyHlU7DPs2nA4P31FehS0AFYN7MeMA4gYuUM7bvzq1M-3D"
alt="" width="1" height="1" border="0"
style="height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important"
class="CToWUd" data-bit="iit" jslog="138226; u014N:xr6bB; 53:WzAsMl0.">
</div>
</body>
</html>