Hi, I want to send an HTML email. I have used unlayer.com to design the HTML template and have got the HTML files as a zip file but I am not sure how to use it on Zapier for SMTP email with HTML body. I have extracted and the files from Zipfile and uploaded it to Google drive folder.

How do I send designed mail and get unlayer HTML email into Zapier SMTP?

@Hausee

check out this help page https://help.zapier.com/hc/en-us/articles/8495975505421-Common-Problems-with-SMTP-on-Zapier

You may need to make sure any references to hosted elements are pointing correctly.

I did and i am getting the template partially. The images are hosted in a folder separately, how do i point them correctly?

Hi @Hausee

We would need to see detailed screenshots with how your HTML code is configured in the Zap.

Is this what you meant by detailed screenshot?

@Hausee

Yes, but we would need to see all of the HTML.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>

<style type="text/css">
@media only screen and (min-width: 620px) {
.u-row {
width: 600px !important;
}
.u-row .u-col {
vertical-align: top;
}

.u-row .u-col-100 {
width: 600px !important;
}

}

@media (max-width: 620px) {
.u-row-container {
max-width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.u-row .u-col {
min-width: 320px !important;
max-width: 100% !important;
display: block !important;
}
.u-row {
width: 100% !important;
}
.u-col {
width: 100% !important;
}
.u-col > div {
margin: 0 auto;
}
}
body {
margin: 0;
padding: 0;
}

table,
tr,
td {
vertical-align: top;
border-collapse: collapse;
}

p {
margin: 0;
}

.ie-container table,
.mso-container table {
table-layout: fixed;
}

* {
line-height: inherit;
}

aex-apple-data-detectors='true'] {
color: inherit !important;
text-decoration: none !important;
}

@media (max-width: 480px) {
.hide-mobile {
max-height: 0px;
overflow: hidden;
display: none !important;
}
}

@media (min-width: 481px) and (max-width: 768px) {
}

table, td { color: #000000; } #u_body a { color: #f1c40f; text-decoration: underline; } @media (max-width: 480px) { #u_content_image_1 .v-src-width { width: auto !important; } #u_content_image_1 .v-src-max-width { max-width: 35% !important; } #u_content_heading_1 .v-font-size { font-size: 20px !important; } #u_content_text_1 .v-container-padding-padding { padding: 25px 20px 70px !important; } #u_content_text_1 .v-text-align { text-align: justify !important; } #u_content_text_2 .v-container-padding-padding { padding: 50px 20px 10px !important; } #u_content_menu_1 .v-padding { padding: 5px 11px !important; } #u_content_text_3 .v-container-padding-padding { padding: 10px 20px 50px !important; } }
</style>

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Rubik:400,700" rel="stylesheet" type="text/css">

</head>

</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>

</div>
</div>
</div>


</div>
</div>
</div>

<div class="u-row-container" style="padding: 0px;background-color: transparent">
<div class="u-row" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
<div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">



<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: #213343;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
<div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<table id="u_content_heading_1" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:50px 10px 20px;font-family:'Open Sans',sans-serif;" align="left">


<h1 class="v-text-align v-font-size" style="margin: 0px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word; font-family: 'Rubik',sans-serif; font-size: 26px; font-weight: 400;"><div><strong>WELCOME TO HAUSEE</strong></div></h1>

</td>
</tr>
</tbody>
</table>

<table id="u_content_text_1" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:25px 50px 70px;font-family:'Open Sans',sans-serif;" align="left">

<div class="v-text-align v-font-size" style="font-size: 14px; color: #ffffff; line-height: 160%; text-align: justify; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;"><strong>Mr. Lucas</strong></span></p>
<p style="font-size: 14px; line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">Thanks for your interest in joining Hausee. We are excited to have you join us on this journey.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">Hausee is on a mission to make the process of finding potential real estate clients easy for agents and help save them valuable time and resources.</span></p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">You would agree that chasing down unqualified leads and sifting through endless contact information without understanding the prospects' motivation, timeline, or where they stand in their property journey is tiring and exhausting.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">At Hausee, we understand the challenges real estate agents face when it comes to finding quality leads. That's why we've built Hausee which finds and qualifies leads for agents like you so that you are only time and resources speaking with individuals who are not only interested but are also ready to take the next step in their real estate journey.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">Here's what you can expect when you partner with Hausee:</span></p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">1. <strong>Quality Over Quantity</strong>: Say goodbye to chasing junk leads. We provide you with leads who have been carefully vetted and are genuinely interested in your services.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">2. <strong>Comprehensive Insights</strong>: Beyond basic contact information, you'll receive crucial details about each lead's motivation, timeline, and where they currently stand in their property search or selling process. This means you can tailor your approach to each prospect effectively.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">3. <strong>Time and Cost Savings</strong>: By focusing your efforts on high-quality leads, you'll save time and money that would otherwise be spent on unproductive leads.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">It's time to supercharge your lead discovery efforts and make the most of your valuable time. Let Hausee take the lead in finding and qualifying prospects for you.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">Don't waste any more time on unqualified leads. Elevate your real estate business with Hausee and start connecting with prospects who are ready to work with someone like you.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">Looking forward to the opportunity to assist you in your real estate journey.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;">Feel free to reply back to this email if you have any questions.</span></p>
<p style="line-height: 160%;"> </p>
<p style="line-height: 160%;"><span style="font-size: 14px; line-height: 22.4px;"><strong>Thanks</strong></span><br /><span style="font-size: 14px; line-height: 22.4px;"><strong>Hausee Partner Experience Team</strong></span></p>
</div>

</td>
</tr>
</tbody>
</table>

</div>
</div>
</div>

<!-- </div>
</div>
</div>

<div class="u-row-container" style="padding: 0px;background-color: transparent">
<div class="u-row" style="margin: 0 auto;min-width: 320px;max-width: 600px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;background-color: transparent;">
<div style="border-collapse: collapse;display: table;width: 100%;height: 100%;background-color: transparent;">



<div class="u-col u-col-100" style="max-width: 320px;min-width: 600px;display: table-cell;vertical-align: top;">
<div style="background-color: #213343;height: 100%;width: 100% !important;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">
<div style="box-sizing: border-box; height: 100%; padding: 0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;-webkit-border-radius: 0px; -moz-border-radius: 0px;">

<table id="u_content_text_2" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:70px 80px 10px;font-family:'Open Sans',sans-serif;" align="left">

<div class="v-text-align v-font-size" style="font-size: 14px; color: #ecf0f1; line-height: 140%; text-align: center; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 140%;">If you have any questions, please email us at <a rel="noopener" href="partnerships@hausee.ca" target="_blank">partnerships@hausee.ca</a> or visit our <a rel="noopener" href="https://hausee.ca/real-estate-agent#faqs" target="_blank">FAQs</a>. You can also chat with a real live human on <a rel="noopener" href="https://hausee.ca" target="_blank">hausee.ca</a> to get an answer for any questions.</p>
</div>

</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>

<a href="https://hausee.ca/" target="_blank" style="padding:5px 15px;display:inline-block;color:#ffffff;font-family:'Open Sans',sans-serif;font-size:14px;text-decoration:none" class="v-padding v-font-size">
Home Buyers/Sellers
</a>




<span style="padding:5px 15px;display:inline-block;color:#ffffff;font-family:'Open Sans',sans-serif;font-size:14px;" class="v-padding v-font-size hide-mobile">
|
</span>

<a href="https://hausee.ca/real-estate-agent" target="_blank" style="padding:5px 15px;display:inline-block;color:#ffffff;font-family:'Open Sans',sans-serif;font-size:14px;text-decoration:none" class="v-padding v-font-size">
ReaL Estate Agent
</a>




<span style="padding:5px 15px;display:inline-block;color:#ffffff;font-family:'Open Sans',sans-serif;font-size:14px;" class="v-padding v-font-size hide-mobile">
|
</span>

<a href="https://hausee.ca/hausee-member" target="_blank" style="padding:5px 15px;display:inline-block;color:#ffffff;font-family:'Open Sans',sans-serif;font-size:14px;text-decoration:none" class="v-padding v-font-size">
Hausee Member
</a>

</div>

</td>
</tr>
</tbody>
</table>

<table id="u_content_text_3" style="font-family:'Open Sans',sans-serif;" role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td class="v-container-padding-padding" style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px 70px;font-family:'Open Sans',sans-serif;" align="left">

<div class="v-text-align v-font-size" style="font-size: 14px; color: #ffffff; line-height: 140%; text-align: center; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 140%;">You have received this email as a registered user of <a rel="noopener" href="https://hausee.ca" target="_blank">hausee.ca</a></p>
<p style="font-size: 14px; line-height: 140%;"> </p>
<p style="font-size: 14px; line-height: 140%;"><a href="https://hausee.ca/terms-and-conditions">Terms & Conditions</a></p>
</div>

</td>
</tr>
</tbody>
</table>

</div>
</div>
</div>


</div>
</div>
</div>

</td>
</tr>
</tbody>
</table>


</body>

</html>

@Hausee

Images need to have the full source of a publicly accessible url. e.g. https://

<img align="center" border="0" src="images/image-6.png" alt="image"

Useful links

Code of conduct

Using the Community

Community expectations

Useful links

Code of conduct

Using the Community

Community expectations

Sign up

Use your Zapier credentials

Log in to the Community

Use your Zapier credentials

Scanning file for viruses.

This file cannot be downloaded