789 lines
54 KiB
PHP
789 lines
54 KiB
PHP
<?php
|
|
if ( ! defined( 'ABSPATH' ) ) { exit; }
|
|
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Template variables are injected by the caller via extract() or direct scope.
|
|
?>
|
|
<!doctype html>
|
|
<html lang="und" dir="auto" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
|
|
|
|
<head>
|
|
<title></title>
|
|
<!--[if !mso]><!-->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<!--<![endif]-->
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<style type="text/css">
|
|
#outlook a {
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
table,
|
|
td {
|
|
border-collapse: collapse;
|
|
mso-table-lspace: 0pt;
|
|
mso-table-rspace: 0pt;
|
|
}
|
|
|
|
img {
|
|
border: 0;
|
|
height: auto;
|
|
line-height: 100%;
|
|
outline: none;
|
|
text-decoration: none;
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
|
|
p {
|
|
display: block;
|
|
margin: 13px 0;
|
|
}
|
|
|
|
</style>
|
|
<!--[if mso]>
|
|
<noscript>
|
|
<xml>
|
|
<o:OfficeDocumentSettings>
|
|
<o:AllowPNG/>
|
|
<o:PixelsPerInch>96</o:PixelsPerInch>
|
|
</o:OfficeDocumentSettings>
|
|
</xml>
|
|
</noscript>
|
|
<![endif]-->
|
|
<!--[if lte mso 11]>
|
|
<style type="text/css">
|
|
.mj-outlook-group-fix { width:100% !important; }
|
|
</style>
|
|
<![endif]-->
|
|
<style type="text/css">
|
|
@media only screen and (min-width:480px) {
|
|
.mj-column-per-100 {
|
|
width: 100% !important;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<style media="screen and (min-width:480px)">
|
|
.moz-text-html .mj-column-per-100 {
|
|
width: 100% !important;
|
|
max-width: 100%;
|
|
}
|
|
|
|
</style>
|
|
<style type="text/css">
|
|
@media only screen and (max-width:479px) {
|
|
table.mj-full-width-mobile {
|
|
width: 100% !important;
|
|
}
|
|
|
|
td.mj-full-width-mobile {
|
|
width: auto !important;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<style type="text/css">
|
|
@media only screen and (min-width: 600px) {
|
|
.body {
|
|
background: #F3F5F6 !important;
|
|
}
|
|
|
|
.hero-title div {
|
|
font-weight: 700 !important;
|
|
font-size: 26.36px !important;
|
|
line-height: 35.2px !important;
|
|
text-align: left !important;
|
|
width: 364px !important;
|
|
margin-top: 35px !important;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.hero-date-range {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.hero-date-range div {
|
|
font-size: 15.04px !important;
|
|
line-height: 100% !important;
|
|
}
|
|
|
|
.logo {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.logo td {
|
|
width: 180px !important;
|
|
}
|
|
|
|
.header-content {
|
|
margin-left: 30px !important;
|
|
padding-top: 35px !important;
|
|
padding-bottom: 52px !important;
|
|
}
|
|
|
|
.upgrade-banner {
|
|
padding: 35px 0 !important;
|
|
margin-top: 20px !important;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.upgrade-title div {
|
|
font-size: 20px !important;
|
|
line-height: 26px !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.upgrade-description div {
|
|
font-size: 16px !important;
|
|
line-height: 24px !important;
|
|
width: 570px !important;
|
|
}
|
|
|
|
.upgrade-cta-link div {
|
|
font-size: 16px !important;
|
|
line-height: 24px !important;
|
|
}
|
|
|
|
.feature-image-mobile {
|
|
display: none !important;
|
|
}
|
|
|
|
.feature-image-desktop {
|
|
display: block !important;
|
|
}
|
|
|
|
.header-section,
|
|
.upgrade-banner,
|
|
.upgrade-section,
|
|
.survey-stats,
|
|
.blog-section,
|
|
.survey-summary-footer {
|
|
width: 680px !important;
|
|
max-width: 680px !important;
|
|
}
|
|
|
|
.upgrade-section>table>tbody>tr>td {
|
|
border: none !important;
|
|
padding: 30px !important;
|
|
}
|
|
|
|
.feature-grid {
|
|
width: 72% !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
.feature-grid>table {
|
|
width: 72% !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
.upgrade-cta-button table {
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
.upgrade-cta-button a {
|
|
font-family: Inter, Arial, sans-serif !important;
|
|
font-weight: 600 !important;
|
|
font-size: 18px !important;
|
|
line-height: 140% !important;
|
|
letter-spacing: 0% !important;
|
|
width: 247px !important;
|
|
padding: 11px 24px !important;
|
|
}
|
|
|
|
.header-section {
|
|
background-image: url('<?php echo esc_url( plugins_url( "assets/img/emails/summaries-hero-bg.png", USERFEEDBACK_PLUGIN_FILE ) ); ?>') !important;
|
|
background-size: cover !important;
|
|
background-position: center !important;
|
|
background-repeat: no-repeat !important;
|
|
}
|
|
|
|
.survey-stats {
|
|
margin-top: 20px !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.survey-stats-title div {
|
|
font-size: 20px !important;
|
|
padding: 20px 30px !important;
|
|
}
|
|
|
|
.survey-stats-table th {
|
|
font-size: 14px !important;
|
|
padding: 11px 20px !important;
|
|
}
|
|
|
|
.survey-stats-table td {
|
|
font-weight: 500 !important;
|
|
font-size: 16px !important;
|
|
line-height: 24px !important;
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.survey-stats-table td a {
|
|
font-size: 16px !important;
|
|
line-height: 24px !important;
|
|
}
|
|
|
|
.feedbaack-cta-button table,
|
|
.blog-section-cta-button table {
|
|
margin-top: 30px !important;
|
|
margin-bottom: 40px !important;
|
|
}
|
|
|
|
.blog-section-cta-button table {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.feedbaack-cta-button a,
|
|
.blog-section-cta-button a {
|
|
width: 240px !important;
|
|
font-family: Inter, Arial, sans-serif !important;
|
|
font-weight: 600 !important;
|
|
font-size: 18px !important;
|
|
line-height: 140% !important;
|
|
letter-spacing: 0% !important;
|
|
padding: 11px 24px !important;
|
|
}
|
|
|
|
/* Blog section - desktop (side-by-side) */
|
|
.blog-section {
|
|
margin-top: 20px !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.blog-section-title div {
|
|
font-size: 20px !important;
|
|
padding: 20px 30px !important;
|
|
}
|
|
|
|
.blog-post-row {
|
|
display: table-row !important;
|
|
}
|
|
|
|
.blog-post-image-cell {
|
|
display: table-cell !important;
|
|
width: 250px !important;
|
|
vertical-align: top !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.blog-post-image-cell img {
|
|
width: 230px !important;
|
|
max-width: 230px !important;
|
|
}
|
|
|
|
.blog-post-content-cell {
|
|
display: table-cell !important;
|
|
width: auto !important;
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
.blog-list {
|
|
padding: 20px 30px 0 30px !important;
|
|
}
|
|
|
|
.blog-post-excerpt,
|
|
.blog-post-continue-reading {
|
|
display: block !important;
|
|
}
|
|
|
|
.blog-post-title-text {
|
|
display: block !important;
|
|
margin-bottom: 8px !important;
|
|
font-weight: 700 !important;
|
|
font-size: 16px !important;
|
|
line-height: 24px !important;
|
|
}
|
|
|
|
.blog-post-title-link {
|
|
display: none !important;
|
|
}
|
|
|
|
.blog-post-excerpt {
|
|
margin-bottom: 10px !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.survey-summary-footer {
|
|
padding-top: 60px !important;
|
|
padding-bottom: 60px !important;
|
|
border: none !important;
|
|
background: unset !important;
|
|
}
|
|
|
|
.survey-summary-footer img {
|
|
width: 220px !important;
|
|
margin-bottom: 30px !important;
|
|
}
|
|
|
|
.footer-text-1 div {
|
|
margin-bottom: 4px !important;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body style="word-spacing:normal;background-color:#ffffff;">
|
|
<div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"><?php echo esc_html($preview_title); ?></div>
|
|
<div class="body" style="background-color:#ffffff;" lang="und" dir="auto">
|
|
<!-- Body Start --><!-- Survey Summary Header Start -->
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="header-section-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
<div class="header-section" style="margin: 0px auto; width: 90%; max-width: 90%; background-image: url('<?php echo esc_url( plugins_url( 'assets/img/emails/summaries-hero-bg-mobile.png', USERFEEDBACK_PLUGIN_FILE ) ); ?>'); background-size: contain; background-position: bottom; background-repeat: no-repeat; background-color: #295294;">
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="direction:ltr;font-size:0px;padding:0;text-align:center;">
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="header-content-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
|
|
<div class="mj-column-per-100 mj-outlook-group-fix header-content" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%; padding-top: 25px; padding-bottom: 37px;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
|
<tbody>
|
|
<!-- Logo --><?php if ( ! empty( $header_image['url'] ) ): ?> <?php if ( ! empty( $header_image['2x'] ) ): ?> <tr>
|
|
<td align="center" class="logo" style="font-size:0px;padding:0;word-break:break-word;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 122px;" width="122">
|
|
<a href="<?php echo esc_url(get_site_url()) ?>" target="_blank">
|
|
<img alt="<?php echo esc_html__( 'UserFeedback Summary', 'userfeedback-lite' ) ?>" src="<?php echo esc_url( $header_image['url'] ) ?>" srcset="<?php echo esc_url( $header_image['2x'] ) . ' 2x' ?>" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600" height="auto">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr> <?php else: ?> <tr>
|
|
<td align="center" class="logo" style="font-size:0px;padding:0;word-break:break-word;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 122px;" width="122">
|
|
<a href="<?php echo esc_url(get_site_url()) ?>" target="_blank">
|
|
<img alt="<?php echo esc_html__( 'UserFeedback Summary', 'userfeedback-lite' ) ?>" src="<?php echo esc_url( $header_image['url'] ) ?>" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600" height="auto">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr> <?php endif; ?> <?php endif; ?><!-- Main Title -->
|
|
<tr>
|
|
<td align="left" class="hero-title" style="font-size:0px;padding:0;word-break:break-word;">
|
|
<div style="font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 20px; line-height: 25px; text-align: center; margin-top: 24px; margin-bottom: 10px; color: #FFFFFF;"><?php echo esc_html__( 'Weekly UserFeedback', 'userfeedback-lite' ); ?><br> <?php echo esc_html__( 'Survey Summary', 'userfeedback-lite' ); ?></div>
|
|
</td>
|
|
</tr>
|
|
<!-- Date Range -->
|
|
<tr>
|
|
<td align="center" class="hero-date-range" style="font-size: 0px; padding: 0; word-break: break-word; text-align: center;">
|
|
<div style="text-align: left; font-family: Inter, Arial, sans-serif; font-weight: 700; font-size: 9.73px; line-height: 100%; color: #FFFFFF; background-color: #4E78BA; display: inline-block; padding: 5px;"><?php
|
|
$start_date = isset($start_date) ? $start_date : gmdate('F j', strtotime('-7 days'));
|
|
$end_date = isset($end_date) ? $end_date : gmdate('F j, Y');
|
|
echo esc_html( $start_date . ' - ' . $end_date );
|
|
?></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
<!-- Survey Summary Header End --><!-- Upgrade Notification Banner Start -->
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="upgrade-banner-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
<div class="upgrade-banner" style="margin: 0px auto; padding: 20px 0; margin-top: 10px; margin-bottom: 10px; background-color: #BBE3CB; width: 90%; max-width: 90%;">
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="direction: ltr; font-size: 0px; text-align: center; padding: 0; background-color: #BBE3CB;" align="center" bgcolor="#BBE3CB">
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
|
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td align="left" class="upgrade-title" style="font-size: 0px; word-break: break-word; padding: 0; background-color: #BBE3CB;" bgcolor="#BBE3CB">
|
|
<div style="font-family: Inter, Arial, sans-serif; font-weight: 500; font-size: 15px; line-height: 22px; text-align: center; color: #23262E; margin-bottom: 5px;"><?php echo esc_html__( 'Upgrade is available for UserFeedback', 'userfeedback-lite' ); ?></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="left" class="upgrade-cta-link" style="font-size: 0px; word-break: break-word; padding: 0; background-color: #BBE3CB;" bgcolor="#BBE3CB">
|
|
<div style="color: #000000; font-family: Inter, Arial, sans-serif; font-weight: 700; font-size: 15px; line-height: 22px; text-align: center;"><a target="_blank" href="<?php echo esc_url( userfeedback_get_upgrade_link( 'email', 'email_summaries', 'https://www.userfeedback.com/lite/' ) ); ?>" style="color: #2E3758; text-decoration: underline; text-decoration-style: solid;"><?php echo esc_html__( 'Upgrade to the latest version', 'userfeedback-lite' ); ?> <svg width="28" height="9" viewBox="0 0 28 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M26.9558 4.84266C27.1901 4.60835 27.1901 4.22845 26.9558 3.99413L23.1374 0.175755C22.9031 -0.0585594 22.5232 -0.0585594 22.2889 0.175755C22.0545 0.41007 22.0545 0.789969 22.2889 1.02428L25.683 4.4184L22.2889 7.81251C22.0545 8.04682 22.0545 8.42672 22.2889 8.66104C22.5232 8.89535 22.9031 8.89535 23.1374 8.66104L26.9558 4.84266ZM0 5.0184H26.5315V3.8184H0V5.0184Z" fill="#2E3758" />
|
|
</svg>
|
|
</a></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
<!-- Upgrade Notification Banner End --><!-- Upgrade Section Start -->
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="upgrade-section-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
<div class="upgrade-section" style="margin: 0px auto; background-color: #FFFFFF; width: 90%; max-width: 90%;">
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="direction: ltr; font-size: 0px; text-align: center; border: 1px solid #EAEAEA; padding: 20px;" align="center">
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:560px;" ><![endif]-->
|
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
|
<tbody>
|
|
<!-- Feature Image - Mobile -->
|
|
<tr>
|
|
<td align="center" class="feature-image-mobile" style="font-size: 0px; padding: 0 0 24px 0; word-break: break-word; display: block;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width:560px;">
|
|
<img alt="UserFeedback Features" src="<?php echo esc_url( plugins_url( 'assets/img/emails/summaries-feature-image-mobile.png', USERFEEDBACK_PLUGIN_FILE ) ); ?>" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560" height="auto">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- Feature Image - Desktop -->
|
|
<tr>
|
|
<td align="center" class="feature-image-desktop" style="font-size: 0px; padding: 0 0 24px 0; word-break: break-word; display: none;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 100%;" width="100%">
|
|
<img alt="UserFeedback Features" src="<?php echo esc_url( plugins_url( 'assets/img/emails/summaries-feature-image.png', USERFEEDBACK_PLUGIN_FILE ) ); ?>" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="560" height="auto">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" class="upgrade-description" style="font-size:0px;padding:0;padding-bottom:20px;word-break:break-word;">
|
|
<div style="font-family:Inter, Arial, sans-serif;font-size:15px;font-weight:500;line-height:22px;text-align:center;color:#23262E;"><?php echo esc_html__( 'Learn from your visitors how to get more traffic, increase engagement, and make more money.', 'userfeedback-lite' ); ?></div>
|
|
</td>
|
|
</tr>
|
|
<!-- Features Grid -->
|
|
<tr>
|
|
<td align="left" class="feature-grid" style="font-size: 0px; word-break: break-word; padding: 0;">
|
|
<table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#000000;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;">
|
|
<tr>
|
|
<td style="width: 50%; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" width="50%" valign="top">
|
|
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
|
|
<tr>
|
|
<td style="padding-bottom: 8px; padding-right: 8px; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" valign="top">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="16" height="16" rx="8" fill="#EAFAEE" />
|
|
<g clip-path="url(#clip0_21_440)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7314 4.80596C10.8122 4.75736 10.9087 4.74194 11.0006 4.76295C11.0925 4.78396 11.1727 4.83976 11.2244 4.91864L11.5854 5.46924C11.6325 5.54117 11.6526 5.62742 11.6423 5.71275C11.6319 5.79808 11.5918 5.87701 11.5289 5.93562L11.5278 5.93708L11.5227 5.94182L11.5019 5.96115L11.4198 6.03954C10.9659 6.47991 10.5257 6.93423 10.0998 7.40185C9.29873 8.28282 8.34738 9.43582 7.70707 10.5545C7.52839 10.8667 7.09192 10.9338 6.83302 10.6643L4.46832 8.20734C4.43443 8.17212 4.40797 8.13044 4.39051 8.08478C4.37305 8.03913 4.36495 7.99043 4.36668 7.94159C4.36842 7.89274 4.37996 7.84474 4.40061 7.80044C4.42127 7.75614 4.45062 7.71644 4.48692 7.68371L5.20162 7.03903C5.26442 6.9824 5.34496 6.94937 5.42944 6.94557C5.51391 6.94178 5.59708 6.96747 5.66471 7.01824L6.87131 7.92292C8.75614 6.06434 9.82491 5.3511 10.7314 4.80596Z" fill="#46BF40" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_21_440">
|
|
<rect width="7.33984" height="7.33984" fill="white" transform="translate(4.33008 4.33008)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</td>
|
|
<td style="padding-bottom: 15px; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;"><?php echo esc_html__( 'Segment by Campaign', 'userfeedback-lite' ); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-bottom: 8px; padding-right: 8px; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" valign="top">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="16" height="16" rx="8" fill="#EAFAEE" />
|
|
<g clip-path="url(#clip0_21_440)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7314 4.80596C10.8122 4.75736 10.9087 4.74194 11.0006 4.76295C11.0925 4.78396 11.1727 4.83976 11.2244 4.91864L11.5854 5.46924C11.6325 5.54117 11.6526 5.62742 11.6423 5.71275C11.6319 5.79808 11.5918 5.87701 11.5289 5.93562L11.5278 5.93708L11.5227 5.94182L11.5019 5.96115L11.4198 6.03954C10.9659 6.47991 10.5257 6.93423 10.0998 7.40185C9.29873 8.28282 8.34738 9.43582 7.70707 10.5545C7.52839 10.8667 7.09192 10.9338 6.83302 10.6643L4.46832 8.20734C4.43443 8.17212 4.40797 8.13044 4.39051 8.08478C4.37305 8.03913 4.36495 7.99043 4.36668 7.94159C4.36842 7.89274 4.37996 7.84474 4.40061 7.80044C4.42127 7.75614 4.45062 7.71644 4.48692 7.68371L5.20162 7.03903C5.26442 6.9824 5.34496 6.94937 5.42944 6.94557C5.51391 6.94178 5.59708 6.96747 5.66471 7.01824L6.87131 7.92292C8.75614 6.06434 9.82491 5.3511 10.7314 4.80596Z" fill="#46BF40" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_21_440">
|
|
<rect width="7.33984" height="7.33984" fill="white" transform="translate(4.33008 4.33008)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</td>
|
|
<td style="padding-bottom: 15px; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;"><?php echo esc_html__( 'Segment by Date', 'userfeedback-lite' ); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-right: 8px; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" valign="top">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="16" height="16" rx="8" fill="#EAFAEE" />
|
|
<g clip-path="url(#clip0_21_440)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7314 4.80596C10.8122 4.75736 10.9087 4.74194 11.0006 4.76295C11.0925 4.78396 11.1727 4.83976 11.2244 4.91864L11.5854 5.46924C11.6325 5.54117 11.6526 5.62742 11.6423 5.71275C11.6319 5.79808 11.5918 5.87701 11.5289 5.93562L11.5278 5.93708L11.5227 5.94182L11.5019 5.96115L11.4198 6.03954C10.9659 6.47991 10.5257 6.93423 10.0998 7.40185C9.29873 8.28282 8.34738 9.43582 7.70707 10.5545C7.52839 10.8667 7.09192 10.9338 6.83302 10.6643L4.46832 8.20734C4.43443 8.17212 4.40797 8.13044 4.39051 8.08478C4.37305 8.03913 4.36495 7.99043 4.36668 7.94159C4.36842 7.89274 4.37996 7.84474 4.40061 7.80044C4.42127 7.75614 4.45062 7.71644 4.48692 7.68371L5.20162 7.03903C5.26442 6.9824 5.34496 6.94937 5.42944 6.94557C5.51391 6.94178 5.59708 6.96747 5.66471 7.01824L6.87131 7.92292C8.75614 6.06434 9.82491 5.3511 10.7314 4.80596Z" fill="#46BF40" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_21_440">
|
|
<rect width="7.33984" height="7.33984" fill="white" transform="translate(4.33008 4.33008)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</td>
|
|
<td style="font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;"><?php echo esc_html__( 'Segment by Device', 'userfeedback-lite' ); ?></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td style="width: 50%; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" width="50%" valign="top">
|
|
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
|
|
<tr>
|
|
<td style="padding-bottom: 8px; padding-right: 8px; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" valign="top">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="16" height="16" rx="8" fill="#EAFAEE" />
|
|
<g clip-path="url(#clip0_21_440)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7314 4.80596C10.8122 4.75736 10.9087 4.74194 11.0006 4.76295C11.0925 4.78396 11.1727 4.83976 11.2244 4.91864L11.5854 5.46924C11.6325 5.54117 11.6526 5.62742 11.6423 5.71275C11.6319 5.79808 11.5918 5.87701 11.5289 5.93562L11.5278 5.93708L11.5227 5.94182L11.5019 5.96115L11.4198 6.03954C10.9659 6.47991 10.5257 6.93423 10.0998 7.40185C9.29873 8.28282 8.34738 9.43582 7.70707 10.5545C7.52839 10.8667 7.09192 10.9338 6.83302 10.6643L4.46832 8.20734C4.43443 8.17212 4.40797 8.13044 4.39051 8.08478C4.37305 8.03913 4.36495 7.99043 4.36668 7.94159C4.36842 7.89274 4.37996 7.84474 4.40061 7.80044C4.42127 7.75614 4.45062 7.71644 4.48692 7.68371L5.20162 7.03903C5.26442 6.9824 5.34496 6.94937 5.42944 6.94557C5.51391 6.94178 5.59708 6.96747 5.66471 7.01824L6.87131 7.92292C8.75614 6.06434 9.82491 5.3511 10.7314 4.80596Z" fill="#46BF40" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_21_440">
|
|
<rect width="7.33984" height="7.33984" fill="white" transform="translate(4.33008 4.33008)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</td>
|
|
<td style="padding-bottom: 15px; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;"><?php echo esc_html__( 'View the hotspots to optimize', 'userfeedback-lite' ); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-bottom: 8px; padding-right: 8px; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" valign="top">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="16" height="16" rx="8" fill="#EAFAEE" />
|
|
<g clip-path="url(#clip0_21_440)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7314 4.80596C10.8122 4.75736 10.9087 4.74194 11.0006 4.76295C11.0925 4.78396 11.1727 4.83976 11.2244 4.91864L11.5854 5.46924C11.6325 5.54117 11.6526 5.62742 11.6423 5.71275C11.6319 5.79808 11.5918 5.87701 11.5289 5.93562L11.5278 5.93708L11.5227 5.94182L11.5019 5.96115L11.4198 6.03954C10.9659 6.47991 10.5257 6.93423 10.0998 7.40185C9.29873 8.28282 8.34738 9.43582 7.70707 10.5545C7.52839 10.8667 7.09192 10.9338 6.83302 10.6643L4.46832 8.20734C4.43443 8.17212 4.40797 8.13044 4.39051 8.08478C4.37305 8.03913 4.36495 7.99043 4.36668 7.94159C4.36842 7.89274 4.37996 7.84474 4.40061 7.80044C4.42127 7.75614 4.45062 7.71644 4.48692 7.68371L5.20162 7.03903C5.26442 6.9824 5.34496 6.94937 5.42944 6.94557C5.51391 6.94178 5.59708 6.96747 5.66471 7.01824L6.87131 7.92292C8.75614 6.06434 9.82491 5.3511 10.7314 4.80596Z" fill="#46BF40" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_21_440">
|
|
<rect width="7.33984" height="7.33984" fill="white" transform="translate(4.33008 4.33008)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</td>
|
|
<td style="padding-bottom: 15px; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;"><?php echo esc_html__( 'Fix low engagement areas', 'userfeedback-lite' ); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding-right: 8px; vertical-align: top; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;" valign="top">
|
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="16" height="16" rx="8" fill="#EAFAEE" />
|
|
<g clip-path="url(#clip0_21_440)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7314 4.80596C10.8122 4.75736 10.9087 4.74194 11.0006 4.76295C11.0925 4.78396 11.1727 4.83976 11.2244 4.91864L11.5854 5.46924C11.6325 5.54117 11.6526 5.62742 11.6423 5.71275C11.6319 5.79808 11.5918 5.87701 11.5289 5.93562L11.5278 5.93708L11.5227 5.94182L11.5019 5.96115L11.4198 6.03954C10.9659 6.47991 10.5257 6.93423 10.0998 7.40185C9.29873 8.28282 8.34738 9.43582 7.70707 10.5545C7.52839 10.8667 7.09192 10.9338 6.83302 10.6643L4.46832 8.20734C4.43443 8.17212 4.40797 8.13044 4.39051 8.08478C4.37305 8.03913 4.36495 7.99043 4.36668 7.94159C4.36842 7.89274 4.37996 7.84474 4.40061 7.80044C4.42127 7.75614 4.45062 7.71644 4.48692 7.68371L5.20162 7.03903C5.26442 6.9824 5.34496 6.94937 5.42944 6.94557C5.51391 6.94178 5.59708 6.96747 5.66471 7.01824L6.87131 7.92292C8.75614 6.06434 9.82491 5.3511 10.7314 4.80596Z" fill="#46BF40" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_21_440">
|
|
<rect width="7.33984" height="7.33984" fill="white" transform="translate(4.33008 4.33008)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</td>
|
|
<td style="font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; color: #393F4C;"><?php echo esc_html__( 'Server Response Time', 'userfeedback-lite' ); ?></td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<!-- CTA Button -->
|
|
<tr>
|
|
<td align="center" class="upgrade-cta-button" style="font-size: 0px; word-break: break-word; padding: 0;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate; line-height: 100%; border-radius: 4px; margin-top: 30px;">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center" bgcolor="#2D87F1" role="presentation" style="border:1px solid #1177E3;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#2D87F1;" valign="middle">
|
|
<a href="<?php echo esc_url( userfeedback_get_upgrade_link( 'email', 'email_summaries', 'https://www.userfeedback.com/lite/' ) ); ?>" style="display: inline-block; background: #2D87F1; margin: 0; text-decoration: none; text-transform: none; mso-padding-alt: 0px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 100%; letter-spacing: -0.2%; text-align: center; vertical-align: middle; color: #FFFFFF; padding: 13px 24px; border-radius: 4px; gap: 8px;" target="_blank"> <?php echo esc_html__( 'Upgrade and Unlock', 'userfeedback-lite' ); ?> <svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M9.375 6C9.98438 6 10.5 6.51562 10.5 7.125V10.875C10.5 11.5078 9.98438 12 9.375 12H1.125C0.492188 12 0 11.5078 0 10.875V7.125C0 6.51562 0.492188 6 1.125 6H1.6875V3.60938C1.6875 1.64062 3.25781 0.0234375 5.22656 0C7.19531 0 8.8125 1.59375 8.8125 3.5625V3.9375C8.8125 4.26562 8.55469 4.5 8.25 4.5H7.5C7.17188 4.5 6.9375 4.26562 6.9375 3.9375V3.5625C6.9375 2.64844 6.16406 1.875 5.22656 1.875C4.28906 1.89844 3.5625 2.67188 3.5625 3.58594V6H9.375Z" fill="white" />
|
|
</svg>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
<!-- Upgrade Section End --><!-- Survey Stats Start -->
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="survey-stats-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
<div class="survey-stats" style="margin: 0px auto; width: 90%; max-width: 90%; background: #ffffff; margin-top: 10px; border: 1px solid #EAEAEA;">
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="direction: ltr; font-size: 0px; text-align: center; padding: 0;" align="center">
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
|
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td align="left" class="survey-stats-title" style="font-size:0px;padding:0;word-break:break-word;">
|
|
<div style="text-align: left; font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; color: #393E4B; padding: 15px 20px; border-bottom: 1px solid #EAEAEA;"><span style="display:inline-flex;align-items:center;gap:10px;">
|
|
<span style="display:inline-block;height:20px;">📊</span> <?php echo esc_html__( 'Survey Stats', 'userfeedback-lite' ); ?> </span></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="left" class="survey-stats-table" style="font-size: 0px; word-break: break-word; padding: 10px;">
|
|
<table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#000000;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;">
|
|
<tr>
|
|
<th align="left" style="font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: 0%; padding: 10px; background: #295294; color: #FFFFFF;"><?php echo esc_html__( 'Survey Name', 'userfeedback-lite' ); ?></th>
|
|
<th align="right" style="font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 12px; line-height: 100%; letter-spacing: 0%; padding: 10px; background: #295294; color: #FFFFFF;"><?php echo esc_html__( 'Number of Completions', 'userfeedback-lite' ); ?></th>
|
|
</tr> <?php $i = 1; ?> <?php foreach ( $summaries as $survey ): ?> <tr>
|
|
<td align="left" style="border-bottom: 1px solid #E3F0FD; color: #1A202C; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; letter-spacing: 0%; vertical-align: bottom; padding: 15px 10px;" valign="bottom"> <?php echo esc_html( $i . '. ' . $survey['name'] ); ?> </td>
|
|
<td align="right" style="border-bottom: 1px solid #E3F0FD; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 100%; letter-spacing: 0%; vertical-align: bottom; padding: 15px 10px;" valign="bottom">
|
|
<a target="_blank" href="<?php echo esc_url( $survey['result_link'] ); ?>" style="font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 14px; line-height: 100%; letter-spacing: 0%; text-align: right; vertical-align: bottom; color: #338EEF; text-decoration: none;"> <?php echo esc_html( $survey['responses'] ); ?> </a>
|
|
</td>
|
|
</tr> <?php $i++; endforeach; ?>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" class="feedbaack-cta-button" style="font-size: 0px; word-break: break-word; padding: 0;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate; line-height: 100%; border-radius: 4px; margin-top: 20px; margin-bottom: 30px;">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center" bgcolor="#414141" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#414141;" valign="middle">
|
|
<a href="<?php echo esc_url( $survey_results_url ); ?>" style="display: inline-block; color: #FFFFFF; margin: 0; text-decoration: none; text-transform: none; mso-padding-alt: 0px; background: #2D87F1; border: 1px solid #1177E3; width: 165px; gap: 8px; padding: 13px 24px; border-radius: 4px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 100%; letter-spacing: -0.2%; text-align: center; vertical-align: middle;" target="_blank"> <?php echo esc_html__( 'See My Feedback', 'userfeedback-lite' ); ?> </a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
<!-- Survey Stats End --><!-- Blog section start -->
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="blog-section-outlook" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
<div class="blog-section" style="background: #ffffff; background-color: #ffffff; margin: 0px auto; width: 90%; max-width: 90%; margin-top: 10px; border: 1px solid #EAEAEA;">
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="direction: ltr; font-size: 0px; text-align: center; padding: 0;" align="center">
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
|
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
|
<tbody>
|
|
<tr>
|
|
<td align="left" class="blog-section-title" style="font-size:0px;padding:0;word-break:break-word;">
|
|
<div style="text-align: left; font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; color: #393E4B; padding: 15px 20px; border-bottom: 1px solid #EAEAEA;"><span style="display:inline-flex;align-items:center;gap:8px;">
|
|
<span style="display:inline-block;width:16px;height:16px;">💥</span> <?php echo esc_html__( "What's New at UserFeedback", 'userfeedback-lite' ); ?> </span></div>
|
|
</td>
|
|
</tr> <?php
|
|
// Data provided from set_template_args(): $args['body']['blogs']
|
|
$blogs = isset( $blogs ) && is_array( $blogs ) ? $blogs : array();
|
|
?> <tr>
|
|
<td align="left" class="blog-list" style="font-size: 0px; word-break: break-word; padding: 20px 20px 0 20px;">
|
|
<table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#000000;font-family:Helvetica,Arial,sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;"> <?php foreach ( $blogs as $idx => $article ) : ?> <tr class="blog-post-row" style="display: block;">
|
|
<td class="blog-post-image-cell" style="display: block; width: 100%; margin-bottom: 15px;" width="100%"> <?php $img = isset( $article['featured_image'] ) ? $article['featured_image'] : 'https://via.placeholder.com/240x120.png?text=UserFeedback'; ?> <img src="<?php echo esc_url( $img ); ?>" alt style="display: block; height: auto; width: 100%; max-width: 100%;" height="auto">
|
|
</td>
|
|
<td class="blog-post-content-cell" style="display: block; width: 100%;" width="100%">
|
|
<div>
|
|
<span class="blog-post-title-link" style="display: inline;">
|
|
<a target="_blank" href="<?php echo esc_url( $article['link'] ); ?>" style="text-decoration: none; font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 0%; color: #23262E;"><?php echo esc_html( $article['title'] ); ?></a>
|
|
</span>
|
|
<span class="blog-post-title-text" style="display: none; font-family: Inter, Arial, sans-serif; font-weight: 600; font-size: 15px; line-height: 20px; letter-spacing: 0%; color: #23262E;"> <?php echo esc_html( $article['title'] ); ?> </span>
|
|
</div> <?php if ( ! empty( $article['excerpt'] ) ) : ?> <div class="blog-post-excerpt" style="display: none; font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; color: #393F4C;"><?php echo esc_html( $article['excerpt'] ); ?></div> <?php endif; ?> <div class="blog-post-continue-reading" style="display: none;">
|
|
<a target="_blank" href="<?php echo esc_url( $article['link'] ); ?>" style="font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: 0%; text-decoration: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; color: #2D87F1;"><?php echo esc_html__( 'Continue Reading', 'userfeedback-lite' ); ?></a>
|
|
</div>
|
|
</td>
|
|
</tr> <?php if ( $idx < count( $blogs ) ) : ?> <tr>
|
|
<td colspan="2" style="padding: 20px 0;">
|
|
<div style="height:1px;background:#E3F0FD;"></div>
|
|
</td>
|
|
</tr> <?php endif; ?> <?php endforeach; ?> </table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="center" class="blog-section-cta-button" style="font-size: 0px; word-break: break-word; padding: 0;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate; line-height: 100%; border-radius: 4px; margin-bottom: 30px; margin-top: 0;">
|
|
<tbody>
|
|
<tr>
|
|
<td align="center" bgcolor="#414141" role="presentation" style="border:none;border-radius:4px;cursor:auto;mso-padding-alt:10px 25px;background:#414141;" valign="middle">
|
|
<a href="https://www.userfeedback.com/blog/" style="display: inline-block; color: #FFFFFF; margin: 0; text-decoration: none; text-transform: none; mso-padding-alt: 0px; background: #2D87F1; border: 1px solid #1177E3; width: 165px; gap: 8px; padding: 13px 24px; border-radius: 4px; font-family: Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; line-height: 100%; letter-spacing: -0.2%; text-align: center; vertical-align: middle;" target="_blank"> <?php echo esc_html__( 'See All Resources', 'userfeedback-lite' ); ?> </a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
<!-- Body End --><!-- Survey Summary Footer Start -->
|
|
<!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="survey-summary-footer-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
|
|
<div class="survey-summary-footer" style="margin: 0px auto; width: 90%; max-width: 90%; border: 1px solid #EAEAEA; background: #F3F9FF; margin-top: 10px; margin-bottom: 30px; padding: 27px; box-sizing: border-box;">
|
|
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="direction: ltr; font-size: 0px; padding: 20px 0; text-align: center; padding-top: 0; padding-bottom: 0;" align="center">
|
|
<!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
|
|
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
|
|
<tbody> <?php if ( ! empty( $footer_image ) ): ?> <tr>
|
|
<td align="center" class="footer-logo" style="font-size: 0px; padding: 0; word-break: break-word; padding-top: 0; padding-bottom: 0;">
|
|
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 220px; padding-top: 0; padding-bottom: 0;" width="220">
|
|
<a href="<?php echo esc_url( get_site_url() ); ?>" target="_blank" style="display: block; text-align: center;">
|
|
<img alt="<?php echo esc_html__( 'UserFeedback', 'userfeedback-lite' ); ?>" src="<?php echo esc_url( $footer_image['url'] ); ?>" style="border: 0; outline: none; text-decoration: none; height: auto; font-size: 13px; width: 145px; margin-bottom: 20px; display: inline-block;" width="145" height="auto">
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr> <?php endif; ?> <tr>
|
|
<td align="left" class="footer-text-1" style="font-size: 0px; padding: 0; word-break: break-word; padding-top: 0; padding-bottom: 0;">
|
|
<div style="font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 12px; line-height: 20px; letter-spacing: 0%; text-align: center; color: #23262E; margin-bottom: 11px;"><?php echo esc_html__( 'This email was auto-generated and sent from UserFeedback.', 'userfeedback-lite' ); ?></div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="left" class="footer-text-2" style="font-size: 0px; padding: 0; word-break: break-word; padding-top: 0; padding-bottom: 0;">
|
|
<div style="font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 12px; line-height: 20px; letter-spacing: 0%; text-align: center; color: #23262E;"><?php echo esc_html__( 'Learn how to ', 'userfeedback-lite' ); ?><a target="_blank" href="<?php echo esc_url( $settings_tab_url ); ?>" style="color: #23262E; text-decoration: underline;"><?php echo esc_html__( 'disable', 'userfeedback-lite' ); ?></a><?php echo esc_html__( ' it.', 'userfeedback-lite' ); ?></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--[if mso | IE]></td></tr></table><![endif]-->
|
|
<!-- Survey Summary Footer End -->
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|