Posthog Custom events, cookieless tracking, internal filters and more Email template Source code
HTML19.8 Kb
<!DOCTYPE html>
<html lang="en" style="margin: 0; padding: 0; height: 100%; width: 100%;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>Custom events, cookieless tracking, internal filters and more</title>
<style type="text/css">
.tiny-prose :first-child {
margin-top: 0
}
.tiny-prose ul,
.tiny-prose ol {
list-style-position: outside;
padding: 0 0 0 1rem;
}
.tiny-prose ul li p,
.tiny-prose ol li p {
margin-top: .25em;
margin-bottom: .25em
}
.tiny-prose li p {
margin: .25em 0 .25em 0;
}
.tiny-prose li p:first-child {
margin-top: 0;
}
.tiny-prose li p:last-child {
margin-bottom: 0;
}
.tiny-prose ul {
list-style-type: disc;
}
.tiny-prose ol {
list-style-type: decimal;
}
.tiny-prose ul ul,
.tiny-prose ol ul {
list-style-type: circle;
}
.tiny-prose ol ol,
.tiny-prose ul ol {
list-style-type: lower-roman;
}
</style>
<style type="text/css">
* {
margin: 0px;
text-decoration: none;
}
table,
tbody,
tr,
td {
line-height: 1;
}
</style>
<style type="text/css">
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTed3FBGPaTSQ.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_V1tvFP-KUEg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8V1tvFP-KUEg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9V1tvFP-KUEg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6V1tvFP-KUEg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7V1tvFP-KUEg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDD4V1tvFP-KUEg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLBT5V1tvFP-KUEg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrJJLed3FBGPaTSQ.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiAyp8kv8JHgFVrJJLmE3tFOvODSVFF.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmv1plEN2PQEhcqw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm21llEN2PQEhcqw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmg1hlEN2PQEhcqw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmr19lEN2PQEhcqw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLmy15lEN2PQEhcqw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm111lEN2PQEhcqw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/poppins/v22/pxiDyp8kv8JHgFVrJJLm81xlEN2PQEhcqw.ttf) format('truetype');
}
</style>
</head>
<body style="margin: 0; padding: 0; height: 100%; width: 100%; color:#555;font-family:Poppins;background:#EEEFE8;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;color:#555;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="center" valign="top">
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;max-width:560px;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 0;background:#000000ff;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><img style="vertical-align:middle;color:#555;width:168px;position:static;object-fit:scale-down;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://pagenflow-files.s3.us-east-1.amazonaws.com/media-4d0a0799b334-posthog-black-logo.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:10px;min-height:10px;"></tr>
<tr align="left" valign="top">
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><img style="vertical-align:middle;color:#555;width:100%;position:static;object-fit:scale-down;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://pagenflow-files.s3.us-east-1.amazonaws.com/media-7ffba3daeb68-unnamed.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:10px;min-height:10px;"></tr>
<tr align="left" valign="top">
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;padding:15px;background:#ffffffff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><span style="color:#555;font-size:23px;position:relative;text-align:center;font-weight:700;line-height:32px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Class is now in session (oh no)</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:20px;min-height:20px;"></tr>
<tr align="left" valign="top">
<td><span style="color:#555;font-size:14px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">OK, class. Settle down. We've got a lot to get through, so let's recap the most common questions you may be asked in the future and how PostHog can help, OK?</span></td>
</tr>
<tr style="height:20px;min-height:20px;"></tr>
<tr align="left" valign="top">
<td><span class="tiny-prose" style="color:#555;position:relative;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;">
<ul class="list-disc">
<li>
<p><a target="_blank" data-disable-nprogress="true" href="https://posthog.com/tutorials/event-tracking-guide"><span style="color: rgb(17, 17, 17); font-weight: 700; font-size: 14px; line-height: 24px; text-decoration: underline">How to set up custom events</span></a></p>
</li>
<li>
<p><a target="_blank" data-disable-nprogress="true" href="https://posthog.com/tutorials/cookieless-tracking"><span style="color: rgb(17, 17, 17); font-weight: 700; font-size: 14px; line-height: 24px; text-decoration: underline">How to do cookieless tracking</span></a></p>
</li>
<li>
<p><a target="_blank" data-disable-nprogress="true" href="https://posthog.com/tutorials/filter-internal-users"><span style="color: rgb(17, 17, 17); font-weight: 700; font-size: 14px; line-height: 24px; text-decoration: underline">How to filter out internal users</span></a></p>
</li>
<li>
<p><a target="_blank" data-disable-nprogress="true" href="https://posthog.com/tutorials/cross-domain-tracking"><span style="color: rgb(17, 17, 17); font-weight: 700; font-size: 14px; line-height: 24px; text-decoration: underline">How to track users across domains</span></a></p>
</li>
</ul>
</span></td>
</tr>
<tr style="height:20px;min-height:20px;"></tr>
<tr align="left" valign="top">
<td><span style="color:#555;font-size:14px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Remember: these questions only account for 50% of your total grade. The other 50% comes from what you can find out about your product, OK? So, let's dive in.</span></td>
</tr>
<tr style="height:20px;min-height:20px;"></tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;padding:12px 0;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td><a style="color:#000000;display:block;font-size:14px;position:relative;font-weight:600;line-height:14px;background-color:#D9D9D9;border-top:1px solid #c1841a;border-right:1px solid #c1841a;border-bottom:3px solid #c1841a;border-left:1px solid #c1841a;border-radius:5px;padding:10px 36px;background:#f1a82c;text-align:center;vertical-align:middle;box-sizing:border-box;" href="#">Create your first product insight</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:20px;min-height:20px;"></tr>
<tr align="left" valign="top">
<td style="display:block;width:100%;">
<span style="color:#555;width:100%;height:1px;position:relative;margin:8px 0;background:#bbb;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;"></span>
</td>
</tr>
<tr style="height:20px;min-height:20px;"></tr>
<tr align="left" valign="top">
<td><span class="tiny-prose" style="color:#555;position:relative;text-align:center;vertical-align:initial;box-sizing:border-box;display:block;">
<p><span style="font-size: 12px; line-height: 20px">Yes, this is automated but </span><a target="_blank" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="https://posthog.com/community/profiles/29070"><span style="color: rgb(85, 85, 85); font-size: 12px; line-height: 20px; text-decoration: underline">I'm a real person</span></a><span style="font-size: 12px; line-height: 20px"> and I read all replies </span><a target="_blank" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="{{unsubscribe_url}}"><span style="color: rgb(85, 85, 85); font-size: 12px; line-height: 20px; text-decoration: underline">1-click unsubscribe</span></a></p>
</span></td>
</tr>
<tr style="height:20px;min-height:20px;"></tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="color:#555;width:100%;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><a href="https://x.com/posthog" target="_blank"><img style="vertical-align:text-bottom;color:#555;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/20/000000/0-cw/fa6-brands:x-twitter.png" alt="Icon" width="auto" height="20" /></a></td>
<td style="width:12px;min-width:12px;"></td>
<td style="width:auto;"><a href="https://www.youtube.com/channel/UCn4mJ4kK5KVSvozJre645LA" target="_blank"><img style="vertical-align:text-bottom;color:#555;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/20/000000/0-cw/fa6-brands:youtube.png" alt="Icon" width="auto" height="20" /></a></td>
<td style="width:12px;min-width:12px;"></td>
<td style="width:auto;"><a href="https://github.com/PostHog" target="_blank"><img style="vertical-align:text-bottom;color:#555;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/20/000000/0-cw/fa6-brands:github.png" alt="Icon" width="auto" height="20" /></a></td>
<td style="width:12px;min-width:12px;"></td>
<td style="width:auto;"><a href="https://www.linkedin.com/company/posthog" target="_blank"><img style="vertical-align:text-bottom;color:#555;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/20/000000/0-cw/fa6-brands:linkedin.png" alt="Icon" width="auto" height="20" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>Share
CloneDisclaimer
This email template was created using Pagenflow's email template builder. Please note that Posthog as an entity was not involved in the creation, design, or distribution of this template.
Seamless Compatibility
Design once, send everywhere
Your emails will look perfect across all major email clients and devices.
Proton MailZoho MailGmailYahoo MailAndroidApple MailOutlook
And more
Take a lookNo signup required
How it works
How to Edit Posthog Email Template
Follow these steps to clone, customize, and export your email template using our free email template builder.
1
2
3
4
5
Step 1
Clone the Email Template
Start by cloning the email template you want to edit. Cloning creates a duplicate of the original template, allowing you to make changes without affecting the original design.
Note: This step ensures you have a fresh copy to work with, preserving the original template for future use.
Step 2: Update the Template Content
Customize your email template content and design to match your brand.
Note: This step allows you to tailor the template to your specific campaign or purpose.
Step 3: Customize the Design
Customize your email template content and design to match your brand.
Note: This step ensures your template is visually appealing and consistent with your brand identity.
Step 4: Test the Template
Customize your email template content and design to match your brand.
Note: This step helps you catch and fix any issues before sending the email to your audience.
Step 5: Export the Template
Once you're satisfied with your customized template, export it for use in your email campaigns.
Note: This step finalizes your template and makes it ready for use in your campaigns.
